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

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

    * { margin: 0; padding: 0; }

    body { background-color: #c5d2db; font: 13px/1.5em Arial, Verdana, Helvetica, sans-serif; color: #333; margin: 0; padding: 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: 13px Arial, Verdana, Helvetica, sans-serif; padding: 2px; }
    select { padding: 1px; }
    
    ul { list-style: none; }
    .right {float: right;}

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */
   
    div#container { width: 830px; margin: 0 auto; text-align: left; background-color: #fff; padding:0 20px; border:1px solid #004784; border-top:0; padding-top:15px; margin-bottom:5px; }

/*  Header
   -------------------------------------------------------- */
   
    div#header { width: 870px; margin:0 auto; margin-top:10px; background: url("../images/bg-header.png") bottom repeat-x; background-color: #4c6886; border-bottom: 1px solid #5f7a98; height: 129px; }
    div#header_inner { width: 830px; overflow: hidden; margin: 0 auto; }

    div#header_logo { width: 109px; float: left; margin-top:10px;}
    div#header_logo h1 { background: url("../images/header_logo.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 109px; height: 119px; }
    div#header_logo h1 a:link, div#header_logo h1 a:visited { display: block; width: 109px; height: 119px; text-decoration: none; outline: none; -moz-outline-style: none; }
    
    div#header_infos { width: 565px; float: left; padding: 33px 0 0 15px; text-align: left; }
    div#header_infos h2 { font-size: 26px; color: #fff; padding-bottom: 8px; letter-spacing: -1px; font-weight: normal; }
    div#header_infos h3 { font-size: 15px; color: #8faed0; font-weight: normal; }
    
    div#header_flag { float: left; padding-left: 10px; width: 100px; padding-top: 25px; }
    div#header_flag img { border: 1px solid #fff; }
    
    div#header_sub_title { width: 850px; margin:0 auto; background-color: #000c30; padding: 10px; }
    div#header_sub_title_inner { width: 830px; margin: 0 auto; }
    div#header_sub_title h2 { font-size: 14px; color: #fff; font-weight: normal; text-align: left; }
    
/*  Content
   -------------------------------------------------------- */
   
    div#content { width: 100%; overflow: hidden; padding-bottom: 30px; }
    div#content h2 { font-size: 2.5em; font-weight: normal; letter-spacing: -1px; line-height: 100%; color: #002F62; padding-bottom: 10px; }
    div#content h2 span { color: #FF0000; text-decoration: underline; }
    div#content h3 { font-size: 1.3em; color: #004784; padding-bottom: 10px; font-weight: normal; }
    div#content h4 { font-size: 1.1em; color: #004784; padding-bottom: 5px; font-weight: normal; }
    div#content P { padding-bottom:5px; }
    
    div#content_form { width: 530px; float: left; padding-left: 10px; margin-top:10px; text-align: left; }
    
    div#search_form { padding: 15px; text-align: left; border:2px solid #606060; background:#c5d2db;}
    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: #890000; text-align: center; }
    div#search_form select { width: 200px; }

    div#content_state_seal { float: right; width: 250px; text-align: center; padding-top: 10px; }
    
    /* 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: 5px; padding-left: 25px; background: url("../images/bullet.gif") no-repeat 10px 5px; line-height: 1.2em; white-space: nowrap; overflow:hidden;}
    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 }

    div.county_list_wrapper { padding: 10px 0px; margin-bottom: 20px; }
    ul.county_list { width: 100%; overflow: hidden; font-size: 0.9em;  }
    ul.county_list li { float: left; width: 30%; padding-bottom: 5px; padding-left: 15px; background: url("../images/bullet.gif") no-repeat 0px 4px; line-height: 1.2em; white-space: nowrap; overflow:hidden;}
    ul.county_list li a.small_red_links { font-size: 11px; color: #FF0000; }
    ul.county_list li a.small_red_links:hover, ul#state_list li a.small_red_links:visited { color: #000 }    

    div.city_list_wrapper { padding: 10px 0px; margin-bottom: 20px; } 
    ul.city_list { width: 100%; overflow: hidden;  font-size: 0.9em; }
    ul.city_list li { float: left; width: 30%; padding-bottom: 5px; padding-left: 15px; background: url("../images/bullet.gif") no-repeat 0px 4px; line-height: 1.2em; white-space: nowrap; overflow:hidden;}
    ul.city_list li a.small_red_links { font-size: 11px; color: #FF0000; }
    ul.city_list li a.small_red_links:hover, ul#state_list li a.small_red_links:visited { color: #000 }        
    
/*  Footer
   -------------------------------------------------------- */

    div#extras { margin: 0px; padding-bottom: 10px; }
    div#extras h2 { font-size: 16px; color: #890000; padding-bottom: 5px; }
    div#extras h3 { font-size: 14px; color: #890000; padding-bottom: 5px; }
    div#extras h3 span { color: #000; }
    div#extras p { color: #454545; font-size: 11px; line-height: 1.55em; padding-bottom: 20px; }
    div#extras p.more_padding { padding-bottom: 30px; }
    div#extras p a.show_all { font-weight: bold; }
   
    div#footer { margin: 10px; padding-bottom: 20px; }
    div#footer p { color: #454545; font-size: 11px; line-height: 1.55em; padding-bottom: 10px; }
    div#footer p.more_padding { padding-bottom: 20px; }
    div#footer p a.show_all { font-weight: bold; }
    div#footer p.gov_disclaimer { text-align: center; padding-top: 5px; padding-bottom: 0px; font-size: 13px; }
    div#footer p.gov_disclaimer span { color: #004784; }