html, body {
        min-height: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        font-family: Tahoma, Verdana, Arial, Times New Roman Cyr, Times;
        font-size:11px;
        color: #373737
        }
td {
        color: #373737
        }
p {
        font-size: 11px;
        padding:0px;
        text-align: justify
        }

h1, h2 {
        font-size: 15px;
        margin: 5px 0 10px 0;
        margin-left: -5px !important;
        margin-left: 0;
        color: #117722;
        font-family: arial;
        text-transform: uppercase;
        font-weight: bold;
        }

h1 {
        padding: 0px;
        font-size: 18px;
        color: #333333;
        }

hr {
border: 0;
color: #CCC;
background-color: #CCC;
height: 1px;
width: 100%;
text-align: left;
}

.position {
        margin-top: -5px !important;
        margin-top: -15px;
        margin-left: -5px;
        background-color: #F0F0F0;
        width: auto;
        padding: 7px;
        padding-left: 10px;
}

div,p  {margin-top:0}/*clear top margin for mozilla*/

.data_index {
        color: #333333;
        font-size:9px;
        font-weight: bold;
}

.title  {
        margin-top:5px;
        padding-bottom:20px;
        font-weight:bold;
        color: #555555
}

b.useful {
        color:#667766;
}

a {
        color: #007700;
        text-decoration: underline
        }
a:hover {
        color: #008800;
        text-decoration: none
        }

#header{
        width:100%;
        height:203px;
        background:#ffffff;
        color: #000000;
        padding-bottom:10px
}

#twocol{
        width:490px;
        height:20px;
        background:#F9F9F9;
        color: #000000;
        position:relative;/*ie needs this to show float */
        margin-left:45px;
        margin-right: 200px;
        padding-top: 5px;
        padding-bottom:14px;
        text-align:center;
        font-size:smallest;
}

#top_altmenu{
        background: url(../images/bg_earth.jpg) no-repeat;
        width:305px;
        height:52px
}

#top_altmenu a {
        font-size:9px;
        color: #00AA00;
}

#altmenu {
        text-align: left;
        padding: 6px 46px;
        line-height: 11px;
        float:left
}

#altmenu2 {
        text-align: right;
        padding: 6px 20px;
        line-height: 11px;
        float:right
}

#altmenu2 a {
        color: #888888;
}


#top_welcome{
        background: url(../images/welcome_text_bg.gif) no-repeat;
        width:407px;
        height:73px;
        color: #46AD46;
        background-color: #47AD47;
}

#top_welcome p {
        text-align: center;
        font-size:10px;
        color: #FFFFFF;
        padding: 6px 30px;
        line-height: 12px;
        margin-top: 0;
}

#top_regions{
        background: url(../images/regions_bg.gif) no-repeat;
        height:40px;
        width:407px;
        color: #46AD46;
        background-color: #47AD47;
}

#top_regions p {
        text-align: center;
        font-size:10px;
        color: #55CC55;
        padding: 14px 15px;
        line-height: 14px;
        word-spacing: 3px;
        margin-top: 0
}

#top_regions p a {
        color: #FFFFFF;
        letter-spacing: 1px;
}

#outer{
        height: 100%;
        min-height: 100%;
        width: 100%;
        color: #000000;
        text-align: left;
        margin: auto;
        position: relative;
        float: left
}
 
ul.about_list {
        margin: 0px;
        padding-left: 15px;
        text-align:justify;
}
 
ul.about_list li {
        padding-bottom: 5px;
}
 
html>body #outer{ height: auto; } /*for mozilla as IE treats height as min-height anyway*/

#left {
        position: relative;/*ie needs this to show float */
        width: 240px;
        float: left;
        margin-left: 45px;
        margin-right: 20px;
        padding-bottom: 30px;/* needed to make room for footer */
        display: inline
}

#plans, #updates, #about, #tensquares {
        position:relative;/*ie needs this to show float */
        width:240px;
        float:left;
        display: inline;
        background: url(../images/bg_title.gif) no-repeat left top;
        padding-bottom:5px
}

#squares {
        position: relative;/*ie needs this to show float */
        width: 240px;
        height: 159px;
        float: left;
        background: url(../images/10squares.jpg) no-repeat left top;
        background-color: #06B408;
        padding-bottom: 5px
}

div.square_link {
        position: relative;/*ie needs this to show float */
        vertical-align: middle;
        text-align: center;
}

div.square_link p a {
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
}

div.square_link p {
        color: #FFFFFF;
}

div.square_link p a:hover {
        color: #F5FAFF;
        text-decoration: underline;
}

div.square_link p {
        vertical-align: middle;
        text-align: center;
}

#centre {
        width: 235px;
        float: left;
        margin-right: 20px;
        padding-bottom: 30px;/* needed to make room for footer */
        display: inline
}

#centre2 {
        width: 495px;
        float: left;
        margin-left:45px;
        margin-right: 20px;
        padding-bottom: 30px;/* needed to make room for footer */
        display: inline
}

#desc {
        position:relative;/*ie needs this to show float */
        float:left;
        display: inline;
        padding-bottom:20px
}

#map, #poll, #share {
        width: 235px;
        float: left;
        display: inline;
        background: url(../images/bg_title.gif) no-repeat left top;
        padding-bottom: 5px
}

#right {
        position: relative;/*ie needs this to show float */
        width: 152px;
        margin-right:40px;
        margin-top: 0px;
        float: left;
        padding-bottom: 30px;/* needed to make room for footer */
        display: inline;
}

#menu, #partners {
        position: relative;/*ie needs this to show float */
        width: 152px;
        float: left;
        display: inline;
        background: url(../images/bg_menu.jpg) no-repeat right top;
        padding-bottom: 5px;
}

.gray_text {
        color: #888888;
        font-size: 9px;
        padding: 5px 5px 8px 15px;
        text-align:left;
}

.cities {
        color: #000000;
        font-size: 9px;
        padding: 0px 5px 8px 15px;
        margin-top: -3px;
        text-align:left;
}

A.air_menu:hover {
        color: #333333;
}

#footer {
        width: 100%;
        clear: both;
        height: 30px;
        border-top: 1px solid #EEEEEE;
        background-color: #333333;
        color: #AAAAAA;
        font-size: 9px;
        padding-top: 6px;
        text-align: center;
        left: 0;
        bottom: 0;
        position: absolute;
}
#footer a {
        color: #DDDDDD;
}

* html #footer {/*only ie gets this style*/
        \height: 32px;/* for ie5 */
        he\ight: 30px;/* for ie6 */
}

#clearfooter {/* to clear footer */
        width: 100%;
        height: 30px;
        clear: both;
}

.cities_map a {
        position:absolute;
        font-size: 10px;
        color: #FFF;
        padding: 5px;
}

.cities_map a:hover {
        font-size: 12px;
        background-color: #D2FFC0;
        color: #227400;
        border-top: 4px solid #3E961B;
}

.state_map a {
        position:absolute;
        font-size: 11px;
        color: #D3FFB9;
        font-weight: bold;
        padding: 5px;
}

.state_map a:hover {
        font-size: 12px;
        background-color: #E3FFD2;
        color: #227400;
        border-top: 4px solid #3E961B;
}