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;
        line-height: 130%
        }

img {
        border: 0;
}

div.img_photos {
        padding: 5px 0;
}

b.useful {
        color:#667766;
}

h1, h2 {
        font-size: 15px;
        margin: 5px 0 10px 0;
        margin-left: -5px !important;
        margin-left: 0;
        color: #1155AA;
        font-family: arial;
        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
}

a {
        color: #007ACF;
        text-decoration: underline
        }

a:hover {
        color: #45677F;
        text-decoration: none
        }

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

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

#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;
        line-height: 130%
}
 
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, #search, #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: #2A89E3;
        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: 515px;
        float: left;
        margin-left:25px;
        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, #forum, #share, #faq, #featcity {
        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;
        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;
}

.main_menu {
        font-weight: bold;
        font-size: 11px;
        text-align: left;
        padding: 3px 5px 10px 0px;
}

.main_menu A {
        color: #555555; 
}

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

.cities, .towns {
        color: #666;
        font-size: 9px;
        padding: 5px 5px 4px 15px;
        text-align:left;
}

.towns {
        margin-top: -6px;
}

.cities a, .towns a{
        color: #444;
}

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: #255028;
        padding: 5px;
        font-weight: bold
}

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

div.related-weather {
        padding-left: 10px;
        border-left: 5px solid #0066CC;
}

#curweather { height:52px; padding:0 23px 0 0; width:auto; margin:3px 0 0 0;}

#curweather ul { margin:0; padding:0; font-size:80%;}

#curweather li { list-style:none; float:left} 

#curweather li.desc { padding:8px 0 0 5px;}

#curweather li.ntmpr { padding:15px 5px 0 5px;} 

#curweather li.ntmpr span { color: #000; font-weight: normal}

#curweather li strong { font-size:200%}

#curweather li em, #curweather li strong {color:#0066CC}

#curweather li em { font-style:normal}