html, body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
}
body {
padding-bottom: 10px;
color: #ffffff;
background-color: #339966;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:20px;
}
#leftinfobox {float: left;}
#rightinfobox {float: right;}
#leftinfobox, #rightinfobox
{
width: 150px;
height: 125px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 45px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 11px;
color: #009578;
text-align: center;
line-height: 13px;
text-decoration: none;
}
.footer
{
font-size: 9px;
color: #FFFFFF;
text-align: center;
text-decoration: none;
padding-top: 0px;
margin-top: 0px;
}
a:link {
color: #336699;
}
a:visited {
color: #666666;
}
a:hover {
color: #ffffff;
background-color: #336699;
}
#leftPhoto
{
float:left;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 5px;
margin-left: 15px;
}
#map
{
float: right;
margin-top: 0px;
margin-right: 25px;
margin-bottom: 0px;
margin-left: 0px;
}
#wx
{
float:left;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 10px;
margin-left: 10px;
font-size: 10px;
line-height: 13px;
}
/*************** Start Menu ***************/
.note {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
color:#999999;
}
#navcontainer
{
text-align: center;
}
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #009578;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #D80100;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlist a:hover { color: #009578; }
/************* End Menu ********************/
/************* Start Rounded Corners *************/
/* spacers are sometimes needed so that the containing box doesn't end before the end of the floats */
div.spacer {
margin: 0px; padding: 0px; border: 0px;
clear: both;
font-size: 1px; line-height: 1px;
}
.accessibilityItems {
display: none;
}
.centered {
text-align: center; /* 1st part of IE5-5.5 centering hack */
}
/* *****************
* the content box *
***************** */
.contentWrapper
/* Static but liquid, will go entire width */
{
margin-top: 30px; margin-bottom: 30px;
margin-left: 30px; margin-right: 30px;
padding: 0px;
border: 0px;
height: 500px;
}
.contentWrapper1
/*Fixed in one spot, will not work on ie */
{
position: fixed;
top: 70px;
left: 10px;
width: 100px;
margin-top: 0px; margin-bottom: 10px;
margin-left: 0px; margin-right: 0px;
padding: 0px;
border: 0px;
text-align: left;
}
.contentWrapper2
/* absolute posit */
{
position: absolute;
top: 70px;
right: 10px;
width: 100px;
margin-top: 0px; margin-bottom: 30px;
margin-left: 0px; margin-right: 0px;
padding: 0px;
border: 0px;
text-align: left;
}
.contentWrapper3
/*Static, centered with width */
{
width: 750px;
margin-top: 15px; margin-bottom: 10px;
margin-left: auto; margin-right: auto; /* Opera 4 doesn't like the 'margin' shorthand when using auto */
padding: 0px;
border: 0px;
text-align: left; /* 2nd part of IE5-5.5 centering hack */
}
.contentWrapper4
/*Relative Posit */
{
position: relative;
z-index: 99;
top: 10px;
right: 30px;
width: 100px;
margin-top: 10px; margin-bottom: 10px;
margin-left: 0px; margin-right: 10px;
padding: 0px;
border: 0px;
}
.contentWrapper5
/* Float Left */
{
float: left;
width: 100px;
margin-top: 0px; margin-bottom: 10px;
margin-left: 10px; margin-right: 10px;
padding: 0px;
border: 0px;
}
.contentWrapper6
/* Float Right */
{
float: right;
width: 100px;
margin-top: 0px; margin-bottom: 10px;
margin-left: 10px; margin-right: 10px;
padding: 0px;
border: 0px;
}
.contentWrapper7
/*Float Left with negative left margin */
{
position: relative; /* without this, IE/win will clip the div's contents at the border of the parent element */
z-index: 99;
float: left;
width: 100px;
margin-top: 0px; margin-bottom: 14px;
margin-left: -30px; margin-right: 10px;
padding: 0px;
border: 0px;
}
.content, .content1, .content2, .content3, .content4, .content5, .content6, .content7
{
margin: 0px;
padding: 0px;
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
.content p {
margin-top: 4px;
margin-bottom: 4px;
}
.content1 h1, .content1 h2, .content1 p,
.content2 h1, .content2 h2, .content2 p, .content3 h1, .content3 h2, .content3 p,
.content4 h1, .content4 h2, .content4 p, .content5 h1, .content5 h2, .content5 p,
.content6 h1, .content6 h2, .content6 p, .content7 h1, .content7 h2, .content7 p
{
margin-left: 10px; margin-right: 10px;
}
/* ************************************
* classes needed for rounded corners *
************************************ */
.roundedCornerSpacer {
margin: 0px; padding: 0px; border: 0px;
clear: both;
font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
width: 14px; height: 14px;
padding: 0px; border: 0px;
z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
additional 3px! Why? */
.borderTL {
margin-left: -4px;
margin-left: -1px;
}
html>body .borderTL {
margin-left: -1px;
}
.borderTR {
margin-right: -4px;
margin-right: -1px;
}
html>body .borderTR {
margin-right: -1px;
}
.borderBL {
margin-left: -3px;
margin-left: 0px;
}
html>body .borderBL {
margin-left: 0px;
}
.borderBR {
margin-right: -3px;
margin-right: 0px;
}
html>body .borderBR {
margin-right: 0px;
}
/************* End Rounded Corners *******************/