/* --------------------------------------------------------
    Global stylesheet
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * { margin: 0; padding: 0; }

    body { background-color: #fff; font: 13px/1.5em Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color: #333; margin: 0; padding: 34px 0 0 0; text-align: center; }

    hr, .hide { display: none; }
    div.clearer { clear: both; height: 0px; overflow: hidden; }

    a { color: #004784; }
    a:hover, a:visited { color: #000; }

    input, select, textarea { font: 12px Arial, Verdana, Helvetica, sans-serif; padding: 2px; }
    select { padding: 1px; }
    
    ul { list-style: none; }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */
   
    div#container { width: 830px; margin: 0 auto; text-align: left; background-color: #fff; }

/*  Header
   -------------------------------------------------------- */
   
    div#header { width: 830px; overflow: hidden; background-color: #003366; margin-bottom: 15px; }
    
    div#header_logo { width: 130px; float: left; padding-left: 10px; }
    div#header_logo h1 { background: url("../images/header_logo.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 128px; height: 128px; }
    div#header_logo h1 a:link, div#header_logo h1 a:visited { display: block; width: 128px; height: 128px; text-decoration: none; outline: none; -moz-outline-style: none; }
    
    div#header_infos { width: 600px; float: right; padding: 10px 10px 0 0; }
    
    div#header_infos div#header_state { width: 100%; overflow: hidden; padding-bottom: 8px; }
    div#header_infos div#header_state div#state_title { float: left; width: 460px; border: 3px solid #004a95;  padding: 10px 12px 7px 12px; text-align: center; }
    div#header_infos div#header_state div#state_title h2, div#header_infos div#header_state div#state_title h3 { color: #fff; }
    div#header_infos div#header_state div#state_title h2 { text-transform: uppercase; padding-bottom: 6px; font-size: 19px; letter-spacing: 1px; }
    div#header_infos div#header_state div#state_title h3 { font-size: 12px; }
    div#header_infos div#header_state div#state_flag { float: right; }
    div#header_infos div#header_state div#state_flag img { border: 1px solid #003e7c; padding: 1px; }
    
    div#header_infos div#header_moto { padding: 3px; text-align: center; border: 1px solid #004a95; }
    div#header_infos div#header_moto p { font-weight: bold; color: #003e7c; color: #fff; }
    div#header_infos div#header_moto p strong { color: #DD5C0F; }
    
    div#header_infos div#header_voted { text-align: right; }
    
    div#header_sub_title { padding: 6px; border: 3px solid #e3ecf4; text-align: center; margin-bottom: 30px; }
    div#header_sub_title h2 { font-size: 13px; color: #000; }
    
/*  Content
   -------------------------------------------------------- */
   
    div#content { width: 100%; overflow: hidden; padding-bottom: 30px; }
    
    div#content_form { width: 530px; float: left; padding-left: 10px; text-align: center; }
    div#content_form h2 { font-size: 24px; font-weight: normal; color: #85B308; padding-bottom: 8px; }
    div#content_form h2 span { color: #FF0000; text-decoration: underline; }
    div#content_form h3 { font-size: 14px; color: #004784; padding-bottom: 15px; }
    div#content_form h4 { font-size: 16px; color: #004784; padding-bottom: 10px; }
    
    div#search_form { padding: 15px; text-align: left; }
    div#search_form table { margin: 0 auto; }
    div#search_form table td { padding-bottom: 5px; }
    div#search_form table td h5 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #DD5C0F; text-align: center; }
    div#search_form select { width: 110px; }
    
    div#content_state_seal { float: right; width: 250px; text-align: center; padding-top: 50px; }
    
    /* For listing page */
    ul#state_list { margin: 10px 0 20px 0; width: 100%; overflow: hidden; }
    ul#state_list li { float: left; width: 230px; padding-bottom: 10px; padding-left: 25px; background: url("../images/bullet.gif") no-repeat 10px 5px; line-height: 1.2em; }
    ul#state_list li a.small_red_links { font-size: 11px; color: #FF0000; }
    ul#state_list li a.small_red_links:hover, ul#state_list li a.small_red_links:visited { color: #000 }
    
/*  Footer
   -------------------------------------------------------- */
   
    div#footer { margin: 10px; padding-top: 20px; border-top: 1px dotted #004784; padding-bottom: 20px; }
    div#footer h2 { font-size: 16px; color: #DD5C0F; padding-bottom: 5px; }
    div#footer h3 { font-size: 14px; color: #004784; padding-bottom: 5px; }
    div#footer h3 span { color: #DD5C0F; }
    div#footer p { color: #454545; font-size: 11px; line-height: 1.55em; padding-bottom: 20px; }
    div#footer p.more_padding { padding-bottom: 30px; }
    div#footer p a.show_all { font-weight: bold; }
    div#footer p.gov_disclaimer { text-align: center; padding-top: 30px; padding-bottom: 0px; font-size: 13px; }
    div#footer p.gov_disclaimer span { color: #004784; }