/*
 * Presentational styles for the home page
 */
/* /// HTML /// */
body {
 background: #fff url(../images/background.gif) repeat;
 font: 100%/1.50 "verdana", arial, helvetica, sans-serif;
 color: #000;
 margin: 0;
 padding: 0;
}
a:link {
 color: #3D928B;
}
a:visited {
 color: #3D928B;
}
a:hover {
 color: #000;
 text-decoration: underline;
}
a:active {
 color: #000;
 text-decoration: underline;
}
/*this will remove the border from around linked images*/
a img {
 border-style: none;
}
/* /// PRESENTATION /// */
/*global*/
.clear {
 clear: both;
}
.underline {
 text-decoration: underline;
}
.floatLeft {
 float: left;
 margin: 0 10px 8px 15px;
 padding: 0;
 border: 3px double #000;
}
.floatRight {
 float: right;
 margin: 0 15px 8px 15px;
 padding: 0;
 border: 3px double #000;
}
/*header*/
#divHead h1 {
 font-size: 0;
 height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 line-height: 0;
 width: 0;
}
#divHead p#masthead {
 background: #000 url(../images/header.jpg) no-repeat right;
 margin: 0;
 padding: 0;
 height: 132px;
}
/*content*/
#divContent h2 {
 color: #3D928B;
 font-size: large;
 font-weight: bold;
 text-align: right;
 margin: 5px 10px 5px 0;
 padding: 0;
}
#divContent p {
 color: #000;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 0.85em;
 line-height: 1.5;
 margin: 6px 20px 12px 15px;
 padding: 0;
}

/*contact form*/

fieldset {
 border: 0;
 margin: 0;
 padding: 0;
}

.contact-asterisk {
 font-weight: bold;
 color: #3D928B;
}

.errors {
 color: #3D928B;
 border: solid 1px #CC0000;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 0.75em;
 width: 375px;
 line-height: 1.5;
 margin: 0 0 10px 0;
 padding: 5px;
}

#tableContact {
 margin: 0;
 padding: 0;
 width: 385px;
 background-color: #eee;
 font-size: 0.80em;
}

/*weather widget*/

#divWeather {
 background-color: #eee;
 width: 195px;
 margin: 0 0 0 335px;
 padding: 0;
 border: solid 1px #000;
}
#divWeather h1 {
 width: 100%;
 font-size: .80em;
 font-weight: bold;
 color: #fff;
 background-color: #3D928B;
 text-align: center;
 margin: 0;
 padding: 0;
}
#divWeather p.weatherSummary {
 float: left;
 width: 55px;
 height: 70px;
 background-color: #fff;
 margin: 0;
 padding: 5px 0 0 0;
 text-align: center;
 vertical-align: middle;
}
#divWeather p.conditions img {
 vertical-align: middle;
 text-align: center;
}
.temp {
 font-size: 1.25em;
 color: #3D928B;
 font-weight: bold;
 vertical-align: middle;
 text-align: center
}
#divWeather p.weatherDetails {
 font-size: .70em;
 line-height: 1.15;
 margin: 0 0 0 55px;
 padding: 4px 0 8px 0;
 background-color: #eee;
}
.conditionsText {
 font-weight: bold;
 padding-left: 8px
}
.humidity {
 padding-left: 8px
}
.wind{
 padding-left: 8px
}
.sunrise{
 padding-left: 8px
}
.sunset{
 padding-left: 8px
}

/*sidebar*/
#divSidebar ul {
margin: 0 0 0 20px;
padding: 0;
width: 158px;
background: #000;
}
#divSidebar ul li {
 margin: 4px 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 background: #fff;
}
#divSidebar ul li a {
 display: block;
 height: 29px;
 line-height: 29px;
 margin: 0;
 padding: 0 17px;
 font-size: 0.82em;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 color: #000;
}

#divSidebar ul li a:hover {
 color: #3D928B;
}
/*footer nav*/
#divFooterNav ul {
 margin: 0 auto;
 width: 550px;
 padding: 8px 0 18px 0;
}
#divFooterNav li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
}
#divFooterNav a {
 float: left;
 font-size: .65em;
 text-decoration: none;
 margin: 0;
 padding: 0 7px 0 4px;
 background: url(../images/pipe.gif) no-repeat right;
}
#divFooterNav a:hover {
 text-decoration: underline;
}
#divFooterNav li.last a {
 background: none;
}
/*footer*/
#divFooter p {
 color: #666;
 font-size: .65em;
 margin: 5px 0 0 0;
 padding: 2px 0;
 text-align: center;
}
#divFooter a {
 color: #3D928B;
}
#divFooter a:hover {
 color: #000;
}