body { margin: 0px auto; background-color: #004050; background-image: url(../images-site/sw-watermark.jpg); text-align: center; color: #daa520; }
IMG { border-style: none; }

#container {
background-color: #003040;
margin: 30px auto;
width: 650px;
height: auto;
padding: 0px;
border: outset 3px #004050;
}

.section {
background-color: #002c3b;
margin: 20px auto;
width: 580px;
height: auto;
padding: 20px;
border: inset 2px #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: 10px }
.image-right {float: right; padding-left: 10px; }

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; }

.white { color: #e0ffff; }

.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; font-size: 10px; line-height: 12px}
a:visited { background-color: transparent; color: #e0ffff; text-decoration: none; font-size: 10px; line-height: 12px}
a:hover { background-image: url(../images-site/menu-on-repeat.jpg) no-repeat-y; color: #fff; text-decoration: none; }
a:active { background-image: url(../images-site/menu-on-repeat.jpg) no-repeat-y; color: #daa520; text-decoration: none; }

.events-list { color: #e0ffff; font-style: italic; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: left }

.events-list a:hover { background-image: url(../images-site/menu-on-repeat.jpg); color: #ffffff; }
.events-list a:active { background-image: url(../images-site/menu-on-repeat.jpg); color: #ffcc33; }

/* for mail links */
.links { background-color: transparent; color: #e0ffff; font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; 
font-family: Verdana, Arial, Geneva, sans-serif; text-align: center; }

.links a:hover { background-image: url(../images-site/menu-on-repeat.jpg); color: #ffffff; }
.links a:active { background-image: url(../images-site/menu-on-repeat.jpg); color: #ffcc33; }

.links-mini { background-color: transparent; color: #e0ffff; font-style: italic; font-weight: normal; font-size: 10px; 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-image: url(../images-site/menu-on-repeat.jpg); color: #daa520; text-decoration: none; line-height: 12px; }
.links-mini a:active { background-image: url(../images-site/menu-on-repeat.jpg); color: #ffd700; text-decoration: none; line-height: 12px; }

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

.container-mini { 
background-color: #003040; 
margin: 0 auto;
padding: 2px;
width: 150px; 
height: auto; 
border: outset 3px #004050; 
}