body.state-page { background-image: none;}

.state-page #outer { background: #EBEBEB url(../../images/bgd-body.gif) repeat-x scroll left top; }
.state-page #masthead { margin-top: 0; border-top: 5px solid  #acceeb; }


/* =closed-header */

body.state-page.closed-header {
    background: #ebebeb url(../../images/bgd-body_closed_header.gif) repeat-x left top; }

body.state-page.closed-header #outer { background: none; }

body.state-page.closed-header #state-switch { display: none; }

body.state-page.closed-header #masthead { border: 0; }


/* =state-header
-----------------------------------------------------------------------*/

/* =state-header */

.state-page #state-header-wrap { height: 480px; }

.state-page #state-header-wrap #state-header {
    height: 480px;
    background: url(../../images/states/bg_state_header.png) no-repeat 50% 100%; }

#state-header h4 {
    margin: 25px 0;
    font-size: 17px; font-weight: bold; }

#state-header h4 span {
    font-style: italic; }

#state-header h4 a {
    font-style: italic;
    border-bottom: 2px dotted; color: #fff9b0; }

#state-header h4 a:hover {
    border: 0; color: #5ccce5; }


#state-header .more-link {
    padding: 1px 20px 1px 0;
    line-height: 100%;
    color: #5ccce5; background: url(../../images/bg_footer_next_link.png) no-repeat right center; }

#state-header .more-link:hover {
    color: #B2EBFF; }



/* =states */

#state-header .states { float: left; width: 540px; }

/* =states-list */

#state-header .states-list li {
    float: left; clear: both; }

#state-header .states-list li a {
    display: block; width: 160px; height:18px; padding: 0 5px;
    font-size: 11px; line-height: 18px;
    color: #b2ebff; }

#state-header .states-list li.global a {
    font-size: 12px; text-transform: uppercase;
    color: #7fddff; }

#state-header .states-list li.current a ,
#state-header .states-list li a:hover {
    background: #006880 url(../../images/states/bg_states_list_h.gif) no-repeat 98% 50%; color: #fff9b0; }

#state-header .states-list li.second {
    position: relative; top: -324px; left: 180px; }

#state-header .states-list li.third {
    position: relative; top: -648px; left: 360px; }


/* =state-info */

#state-header .state-info { 
    float: left; width: 420px; }

#state-header .state-info .left { 
    width: 260px;
}

#state-header .state-info .right { 
    width: 150px; }

#state-header .state-info .right p {
    margin: 15px 0 5px;
    font-size: 11px;
    color: #fff;  }

#state-header .state-info .right a {
    font-size: 12px; font-weight: bold;
    color: #eeedaa; }

#state-header .state-info .right a:hover {
     color: #5ccce5; }

#state-header .state-info .right ul {
    margin: 15px 0;
}

#state-header .state-info li {
    margin-bottom: 5px; }


/* =cities-list */

#state-header .cities-list {
    margin-bottom: 40px; }

#state-header .cities-list li {
    float: left; width: 48%; margin: 0 5px 5px 0; }

#state-header .cities-list li.odd {
    margin-right: 0; clear: both; }

#state-header .cities-list li a {
    font-size: 14px; font-weight: bold;
    color: #c8ffbb; }

#state-header .cities-list li a:hover,
#state-header .cities-list li.selected a {
    color: #fff9b0; }


/* =state-switch */

.state-page #state-switch {
    position: absolute; top:0; left: 0; display: block; float: left; padding-left: 10px; padding-right: 0;
    background: url(../../images/states/bg_state_switch_left.png) no-repeat left top; 
    line-height: 16px; }

.state-page #state-switch a {
   display: block; float: left;
   font-size: 11px; font-weight: bold;  
   color: #fff; cursor: pointer;  }

.state-page #state-switch a span { padding-bottom: 3px; padding-left: 0; background: none; }

.state-page #state-switch .global {
    padding: 0 15px 0 10px;
    background:  url(../../images/states/bg_state_switch_global.gif) no-repeat 100% 5px; }

.state-page #state-switch .global:hover {
    background:  url(../../images/states/bg_state_switch_global_h.gif) no-repeat 100% 5px;  }

.state-page #state-switch .state {
    padding-left: 10px;
    background:  url(../../images/states/bg_state_switch_state.gif) repeat-x left top; }

.state-page #state-switch .state span {
    display: block; padding-right: 30px;
    background:  url(../../images/states/bg_state_switch_right.png) no-repeat right top; }

.state-page #state-switch.open .state span {
    background: url(../../images/states/bg_state_switch_right_open.png) no-repeat right top; }

.state-page #state-switch a:hover {
    color: #fff9b0; }


/* =footer
-------------------------------------------------------------------------*/

#footer .state {
 width: 460px; position: static; margin-right: 0; }

#footer .state .nav {
    clear: both; padding: 8px 15px;
    border-top: 1px dotted #2A7A8C; }

#footer .copy,
#footer .development { margin-top: 50px; }


/* =cities-list */

#footer .cities-list {
    float: left; width: 200px; margin: 15px 20px 10px; }

#footer .cities-list li {
    float: left; width: 90px; margin: 0 0 10px 0; }

#footer .cities-list li.odd {
clear: both; margin-right: 5px; }

#footer .cities-list li a {
    font-size: 11px;
    color: #B2EBFF; }

#footer .cities-list li a:hover {
    color: #4996AD; }


/* =state-info */

#footer .state-info { 
    float: left; width: 210px; margin: 20px 0; }

#footer .state-info a {
    color: #eeedaa; }

#footer .state-info a:hover {
     color: #5ccce5; }

#footer .state-info p {
    margin-bottom: 10px; }

#footer .state-info li {
    margin-bottom: 8px; }