body { margin: 0px auto; background-color: #004050; background-image: url(../images-site/sw-watermark.jpg);text-align: center; color: #daa520; }
IMG { border-style: none; }
.hiddenPic {display:none;}
h1 { color: #daa520; font-size: 24px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; }
h2 { color: #daa520; font-size: 18px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; }
h3 { color: #daa520; font-size: 14px; font-style: italic; font-weight: bold; font-family: "Times New Roman", Times, serif; }

p { color: #daa520; font-size: 14px; line-height: 16px; font-style: italic; font-weight: normal; font-family: "Times New Roman", Times, serif; }
.left { text-align: left; }
.note {color: #daa520; font-size: 12px; font-style: italic; font-weight: normal; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }
.note-mini {color: #daa520; font-size: 10px; font-style: italic; font-weight: normal; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; }

a:link { background-color: transparent; color: #e0ffff; text-decoration: none; }
a:visited { background-color: transparent; color: #e0ffff; text-decoration: none; }
a:hover { background-color: transparent; color: #daa520; text-decoration: none; }
a:active { background-color: transparent; color: #daa520; text-decoration: none; }


.links { background-color: transparent; color: #e0ffff; font-style: italic; font-weight: normal; font-size: 12px; line-height: 16px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: center }
.links a:link { background-color: transparent; color: #e0ffff; text-decoration: none; line-height: 16px; }
.links a:hover { background-color: transparent; color: #daa520; text-decoration: none; line-height: 16px; }
.links a:active { background-color: transparent; color: #ffd700; text-decoration: none; line-height: 16px; }

.links-mini { background-color: transparent; color: #e0ffff; font-style: italic; font-weight: normal; font-size: 12px; line-height: 12px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: center }
.links-mini a:link { background-color: transparent; color: #e0ffff; text-decoration: none; line-height: 12px; }
.links-mini a:hover { background-color: transparent; color: #daa520; text-decoration: none; line-height: 12px; }
.links-mini a:active { background-color: transparent; color: #ffd700; text-decoration: none; line-height: 12px; }

.weather { background-color: transparent; color: #daa520; font-style: normal; font-weight: normal; font-size: 10px; line-height: 11px; padding-left: 7px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: left }

.weather2 { background-color: transparent; color: #daa520; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; padding-left: 7px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: center }

.weather3 { background-color: transparent; color: #E0FFFF; font-style: italic; font-weight: normal; font-size: 10px; line-height: 12px; padding-left: 7px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: center }


#weather a:link { background-color: transparent; color: #daa520; font-style: normal; font-weight: normal; font-size: 10px; line-height: 11px; padding-left: 7px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: left }
#weather a:visited { background-color: transparent; color: #daa520; font-style: normal; font-weight: normal; font-size: 10px; line-height: 11px; padding-left: 7px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: left }
#weather a:hover { background-color: transparent; color: #ffd700; text-decoration: none; line-height: 11px; }
#weather a:active { background-color: transparent; color: #ffd700; text-decoration: none; line-height: 11px; }

.container-main { 
margin: 0px auto;
width: 640px;
height: auto;
 }
 
 .container-links { 
background-color: #003040; 
margin: 20px auto;
padding: 4px;
width: 360px; 
height: auto; 
border: outset 3px #004050; 
}

.container-additions { 
background-color: #003040; 
margin: 0px auto;
width: 550px; 
height: auto; 
border: outset 3px #004050; 
padding-top: 10px; padding-bottom: 10px; 
}

.floatbox-additions { 
background-color: transparent; 
float: left;
width: 280px; 
height: auto; /* use clearfix style so height auto-adjusts to float boxes */
padding-left: 8px;  
}

.floatbox-feature { 
background-color: transparent; 
float: left;
width: 100px; 
height: auto; 
padding-left: 8px;  
}

.floatbox-weather { 
background-color: transparent; 
float: right;
width: 240px; 
height: auto; 
float: right;  
padding-top: 60px; /* adjust as needed to match hieght of additions */
}

/* The following is used on "about page,"  \*/
#container {
background-color: #003040;
margin: 30px auto;
width: 650px;
height: auto;
padding: 20px;
border: outset 3px #004050;
}

/* Clearfix extends containers to enclose the float box */
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix {display: inline-block;} /* for mac IE */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.image-left {float: left; padding-right: 20px }
.image-right {float: right; padding-left: 20px; }