/* *******************************

Orchid democratic.css, Version 2.0
CSS by ppk; April 2004
http://www.quirksmode.org

customstyles.css contains the color and border definitions, these are different
for each site

navstyles.css contains a few extra styles that should only work when the browser
supports enough JavaScript for the foldout menus

******************************* */


/* *******************************

OVERALL

These styles define the overall overhead of the site. Set body
padding and margin to 0, define the overall font size and family,
center div#sitecontainer.

Note that this is the ONLY place where a font size is NOT set in
percentages. ALL other font sizes should be set in percentages,
which are interpreted as percentages of the font size defined here
for the body.
This makes font size switching quite easy.

******************************* */


html,body {
    margin: 0;
    padding: 0;
}

body {
    font: 0.7em helvetica,arial,sans-serif;
    text-align: center;
    padding: 0 0 20px;
}

div#sitecontainer {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: left;
}

div#maincontainer {
    float: left;
    width:  620px;
}

a img {
    border: 0;
}

/* *******************************

MASTHEAD

No margin/padding, img is block to prevent line height
and ugly whitespace.

******************************* */


#logo {
    margin: 0;
    padding: 0;
    float: left;
}

#logo img {
    display: block;
}

/* *******************************

MAIN NAVIGATION - GENERAL RULES

******************************* */

#leftnav {
    float: left;
    width: 170px;
    font-size: 110%;
    color: #ffffff;
}

.nav ul {
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

.nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav li div a {
    display: block;
    padding: 0 10px 0 16px;
    text-indent: -6px;
}

/* *******************************

TOP NAVIGATION - SPECIFIC RULES

******************************* */

.nav a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/* *******************************

LEFT NAVIGATION - SPECIAL


******************************* */

#nav2 ul.attention {
    margin-top: 20px;
    margin-bottom: 20px;
}

#nav2 ul.attention li {
    padding: 0;
    margin: 0;
}

#nav2 ul.attention li a {

}

#nav2 ul.customlinks li {
         padding-top: 1px;
}

#nav2 ul.customlinks {
    margin-top: 10px;
}

#nav2 ul.customlinks a {
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-top: 2px;
}

/* *******************************

MAIN BODY

Main body also floats left. It usually has a 610px width, but any page with an extra
right column gets a body class="threecolumn", and here the main body only has 460px.

******************************* */


#main {
    float: left;
    width: 580px;
    padding: 20px 12px;
}

body.threecolumn #main {
    width: 410px;
}

/* *******************************

FORMS

******************************* */

form {
    margin: 0;
}

#leftnav form {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    background-color: transparent;
    padding: 0;
}

#leftnav input.submit,#extra input.submit {
    width: 30px;
    height: 19px;
    border: none;
    background-color: transparent;
    margin: 0;
    margin-left: -2px;
    text-decoration: underline;
    cursor: pointer;
}

#leftnav input.submit {
    color: #ffffff;
}

#leftnav input,#extra input {
    width: 75px;
    height: 19px;
    margin: 0;
    margin-right: -2px;
    voice-family: "\"}\""; 
    voice-family:inherit;   
    height: 14px;
}

#leftnav h4 {
    font-size: 90%;
    margin-bottom: 5px;
    margin-top: 50px;
    margin-right: 10px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
}

/* *******************************

RIGHT COLUMN

The right column is also floated left.

Special styles for links (usually image/links) and forms in the right column.

******************************* */


#extra {
    float: right;
    width: 120px;
    padding-left: 10px;
    padding-top: 30px;
}

#extra h4 {
    color: #071388;
    font-size: 90%;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: 600;
}

#extra p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 80%;
}

#extra ul.promoted {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px;
    padding-left: 9px;
}

#extra ul.promoted li {
    list-style-position: inside;
}


/* *******************************

FOOTER

Footer clears all floats. It usually contains three sets of data: address (of the
Party), Notice (site without financial support of candidate etc.) and Powered (Orchid
image).

******************************* */


div#footer {
     margin: 0 auto;
     width: 800px;
    text-align: center;
}

#footer {
    clear: both;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
}

div.clearer {
    clear: both;
    font-size: 1px;
    line-height: .01em;
}

.address {
    margin: 0 auto;
}

.notice {
    margin-top: 10px;
}

#footer .powered {
    margin-top: 10px;
}

#main a {
    color: #1E2472;
}

#main a:visited {
    color: #551A8B;
}


/* *******************************

HEADERS

******************************* */

h1 {
    margin-top: 20px;
    clear: both
}

/* *******************************

PARAGRAPHS

Paragraph styles

******************************* */

#main {
    line-height: 130%;
}

/* *******************************

ITEM LISTS

Item list styles

******************************* */

ul.itemlist {
    clear: both;
}

ul.itemlist,ul.itemlist li {
    margin: 0;
    padding: 0;
}

ul.itemlist li {
    display: block;
    margin: 20px 0;
    list-style-type: none;
}

span.itemname {
    font-weight: 600;
    display: block;
    font-size: 110%;
}

span.itemname a {
    display: inline;
}

ul.itemlist.links li {
    margin: 10px 0;
}

/* *******************************

IMAGES

Image styles. Inline images float left. Images in links NEVER have a border.

******************************* */

img.inline,img.outline {
    float: left;
    margin-right: 10px;
}

img.inline.home {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

a img {
    border: 0; /* special case: should ALWAYS be set to 0 */
}

/* *******************************

FORMS

Styles of input boxes, except those in the right column, which are defined above.
td.question is for the TD's that contain form questions (like "Your name").
div.errorMessage is for the error messages.

******************************* */

input,textarea {
    font-family: helvetica,arial,sans-serif;
}

input.smallinput {
    width: 100px;
}

input.mediuminput {
    width: 200px;
}

input.largeinput {
    width: 300px;
}

td.question {
  color                 : #6b7f7f;
  background-color      : #ffffff;
  text-align        : right;
}

td.question-left {
  color                 : #6b7f7f;
  background-color      : #ffffff;
}

div.errorMessage {
  color         : #cc0000;
  font-weight       : 600;
}

.required {
    color: #990000;
    font-size: 150%;
    vertical-align: bottom;
}

/* *******************************

HEADER FORMS

Styles for header forms, those are the small "Search" forms at the top of,
for instance, Candidates

******************************* */

div.headerform {
    clear: right;
    float: right;
    width: 200px;
}

div.headerform form {
    background-color: transparent;
}

/* Also hide from IE Mac \*/

div#main > div.headerform { /* not for IE, it doesn't need it */
    margin-top: 15px;
}

/* End hide */

div.headerform.nofloat {
    float: none;
    width: auto;
    text-align: center;
    margin-top: 0;
}

div.headerform p {
    margin: 5px 0;
}

div.headerform input.main {
    width: 130px;
}

div.headerform input.submit {
    width: 60px;
}

.catitem {
    margin-right: 210px;
    margin-top: 15px;
}

div.headerform form.special {
    float: left;
    width: 45%;
}

/* *******************************

POPUPS

Special div for in popups

******************************* */

body.popup {
    background-color: #eeeeee;
}

body.popup div.popupborder {
    margin: 15px;
    background-color: #ffffff;
    padding: 5px 60px;
    border: 1px solid #000000;
    text-align: left;
}

div.popupborder form {
    text-align: center;
}

div.popupborder p.date {
    color: #9F9F9F;
    text-align: center;
    font-size: 80%;
    margin: 0;
}

div.popupborder h1 {
    text-align: center;
    font-size: 190%;
    margin-top: 5px;
    font-weight: 600;
    font-family: verdana, sans-serif;
    color: #000000;
    background-color: transparent;
    border: none;
}

/* *******************************

PHOTO GALLERY

Photo gallery styles.
Dateline floated right (next to header)

******************************* */


table.gallery{
    margin: 0 -10px;
}

table.gallery div.dateline {
    float: right;
    font-weight: 600;
    font-size: 90%;
}

table.gallery h2 {
    margin-top: 10px;
    background-color: transparent;
    color: #000000;
    border-color: #9BB2B0;
    padding: 5px;
}

table.gallery td {
    vertical-align: top;
}

table.gallery td.photo {
    border: 1px solid #9BB2B0;
    padding: 5px;
    text-align: center;
}

/* ------------------------------------------------------------

LETTERS

Styles for the letters (a-z) in some listings

------------------------------------------------------------ */

div.letters a {
    text-decoration: none;
}

div.letters b {
    font-weight: 700;

    background-color: #ffdede;
}


/* *******************************

HOMEPAGE

Special styles for the homepage

******************************* */

div.releases p {
    margin: 0;
}



body.admin table {
    width: auto !important;
}
.notice 
{
  border                : 1px solid #000000;
}
.letters a{
   font-weight: bold;
}

.outline
{ 
 border-width     : 1px;
 border-style     : solid;
 border-color     : #9bb2b0;
}
.outline-dark
{ 
 border-width     : 1px;
 border-style     : solid;
 border-color     : #6b7b7a;
}
.outline-subtle
{ 
 border-width     : 1px;
 border-style     : solid;
 border-color     : #ccffee;
}

/* ----------------------------------------------------------- */
/* CSS tab technique, from  http://www.alistapart.com/articles/slidingdoors/ */
#tabheader {
  float:left;
  width:100%;
  line-height:normal;
  }
#tabheader ul {
  margin:0;
  padding:10px 10px 0 0;
  list-style:none;
  }
#tabheader li {
  float:left;
  background:url("http://www.orchidsuites.net/orchid/images/tab_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#tabheader a {
  float:left;
  display:block;
  background:url("http://www.orchidsuites.net/orchid/images/tab_right.gif") no-repeat right top;
  padding:5px 10px 2px 1px;
  text-decoration:none;
  font-weight:bold;
  font-size: 8pt;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */
#tabheader a:hover {
  color:#333;
  }
#tabheader #current {
  background-image:url("http://www.orchidsuites.net/orchid/images/tab_left_on.gif");
  }
#tabheader #current a {
  background-image:url("http://www.orchidsuites.net/orchid/images/tab_right_on.gif");
  color:#333;
  }
.pagetop 
{
background-color:#ffdddd;
color:#000000;
text-align:center;
border:solid 1px #000000
}

.rss 
{
background-image: none
}

.overlib 
{
position:absolute;
visibility:hidden;
z-index:1000;
}

.showimageborder
{
border:1px solid #000000;
padding:10px 10px;
text-align:center ! important;
}

.searchbox
{
width: 120px
}

.alert 
{
color:#ff6666
}