/* --------------------------------------------------------
    Global stylesheet
    Website: Name
    Created by: Guillaume - guillaume@tearsfromthesky.com
    Filename: css/global.css
   -------------------------------------------------------- */

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

    * { margin: 0; padding: 0; }

    body { background-color: #eee; font: 13px/1.5em Trebuchet MS, 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; }
    div.container_clearer { width: 100%; 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 {  }

/*  Header
   -------------------------------------------------------- */
    
    div#header { background: url("../images/bg-header.png") repeat-x; background-color: #fff; border-bottom: 5px solid #204976; height: 140px; }
    div#header_inner { width: 800px; overflow: hidden; margin: 0 auto; padding-top: 13px; }

    div#header_logo { width: 226px; float: left; padding-left: 0px; }
    div#header_logo h1 { border: 1px solid #fff; background: url("../images/header_logo.jpg") no-repeat; text-indent: -9999px; text-decoration: none; width: 226px; height: 114px; }
    div#header_logo h1 a:link, div#header_logo h1 a:visited { display: block; width: 226px; height: 114px; text-decoration: none; outline: none; -moz-outline-style: none; }
    
    div#header_infos { width: 550px; float: right; padding: 10px 10px 0 0; }
    
    div#header_infos div#header_state { width: 100%; overflow: hidden; padding-bottom: 23px; }
    div#header_infos div#header_state div#state_title { float: left; width: 460px; background-color: #04044f; padding: 10px; 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: 18px; 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: 5px; text-align: center; }
    div#header_infos div#header_moto p { font-weight: bold; color: #003e7c; color: #fff; }
    div#header_infos div#header_moto p strong { color: #fff; }
    
    div#header_infos div#header_voted { text-align: right; }
    
    div#header_sub_title { background-color: #eee; padding: 10px; border-bottom: 30px solid #fff; }
    div#header_sub_title_inner { width: 800px; margin: 0 auto; text-align: center; }
    div#header_sub_title h2 { font-size: 14px; color: #000; }
    
/*  Content
   -------------------------------------------------------- */
   
    div#content { width: 100%; overflow: hidden; padding-bottom: 30px; background-color: #fff; }
    div#content_inner { width: 800px; margin: 0 auto; text-align: left; }
    
    div#content h2 { font-size: 24px; font-weight: normal; color: #04044f; padding-bottom: 8px; text-align: center; }
    div#content h2 span { color: #FF0000; text-decoration: underline; text-align: center; }
    div#content h3 { font-size: 14px; color: #004784; padding-bottom: 15px; text-align: center; }
    div#content h3.about { color: #FF0000; }
    div#content h4 { font-size: 16px; color: #004784; padding-bottom: 10px; text-align: center; }
    
    div#content_form {  }
    
    div#search_form { padding: 15px; border: 5px solid #eee; text-align: left; margin-bottom: 25px; }
    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: #004784; text-align: center; }
    div#search_form select { width: 110px; }
    
    div#content_state_seal { float: right; width: 286px; text-align: center; padding-top: 15px; padding-right: 10px; }
    div#content_state_seal p { padding-bottom: 15px; }
    
    /* For listing page */
    ul.state_list { margin: 10px 0 20px 0; width: 100%; overflow: hidden;  }
    ul.state_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; }
    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 }
    
    /* City and About */
    div.footer_links h2 { font-size: 16px; color: #FF0000; padding-bottom: 5px; }
    div.footer_links h3 { font-size: 14px; color: #004784; padding-bottom: 5px; }
    div.footer_links h3 span { color: #FF0000; }
    div.footer_links p { color: #454545; font-size: 11px; line-height: 1.55em; padding-bottom: 20px; }
    div.footer_links p.more_padding { padding-bottom: 30px; }
    div.footer_links p a.show_all { font-weight: bold; }
    
/*  Footer
   -------------------------------------------------------- */
   
    div#footer { background-color: #eee; padding: 20px; }
    div#footer_inner { width: 800px; margin: 0 auto; text-align: center; }

    div#footer p.gov_disclaimer { text-align: center; padding-bottom: 0px; font-size: 13px; }
    div#footer p.gov_disclaimer span { color: #004784; }