body { margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; background: #023747;}
h1 { color: #0070AF; padding: 5px; margin: 0px; float: right; font-size: 16px;}
h2 { background: url(../images/mod.png) no-repeat left; padding: 16px 0px 20px 20px; color: #333; margin: 0px; font-size:14px;}
h3 { color: #999; padding: 5px; margin: 0px;}

.clear { clear: both;}
.push { height: 20px;}
.container { width: 90%; min-width: 900px; max-width: 1200px; margin: 0 auto;}

#headercontainer { width: 100%; height: 195px; background: url(../images/headerbg.png) repeat-x;}
#headerswirl { width: 100%; height: 195px; background: url(../images/headerswirl.png) no-repeat center;}
#header { width: 100%; height: 161px;}
#header img { float: left;}
#header object { float: right;}
.headerright { float: right; width: 400px; height: 160px;}

#topnav { width: 400px; float: right; margin: 0px; padding: 0px; height: 34px;}
#topnav ul { float: right; list-style-type: none; margin: 0px; padding: 0px;}
#topnav ul li { float: right; margin: 0px 0px 0px 0px; padding: 10px 0px 9px 0px;}
#topnav ul li a { text-decoration: none; font-size: 12px; color: #FFF; padding: 10px 15px 9px 15px; margin: 0px 0px 0px 0px; 
	background: url(../images/navbg.png) repeat-x; border-left: 1px solid #004e7a; border-bottom: 1px solid #004e7a; border-right: 1px solid #004e7a;}
#topnav ul li a:hover { background: url(../images/navhoverbg.png) repeat-x; color: #C2DAEF;}
#topnav ul li.active a { background: url(../images/navhoverbg.png) repeat-x; color: #C2DAEF;}

.navcontainer { width: 100%; height: 34px; margin: 1px 0px 0px 0px;}
.navcontainer ul { list-style-type: none; margin: 0px; padding: 0px;}
.navcontainer ul li { float: left; padding: 10px 0px 9px 0px;}
.navcontainer ul li a { text-decoration: none; font-size: 12px; color: #FFF; padding: 10px 15px 9px 15px; margin: 0px 1px 0px 0px; 
	background: url(../images/navbg.png) repeat-x; border-left: 1px solid #004e7a; border-top: 1px solid #004e7a; border-right: 1px solid #004e7a;}
.navcontainer ul li a:hover { background: url(../images/navhoverbg.png) repeat-x; color: #C2DAEF;}
.navcontainer ul li.active a { background: url(../images/navhoverbg.png) repeat-x; color: #C2DAEF;}

#homepanel { width: 100%; min-height: 150px; padding: 0px 0px 5px 0px; min-width: 900px; max-width: 1200px; display: compact;}
#homepanel table { width: 100%; margin: 0px; padding: 0px; min-width: 900px; max-width: 1200px;}
#homepanel table td { width: 25%; height: 25%; margin: 0px; padding: 0px;}
#homepanel table td img { width: 100%; min-width: 25%; max-width: 100%;}

#contentcontainer { width: 100%; background: url(../images/contentbg.png) repeat-x; min-height: 400px; padding: 5px 0px 0px 0px;}
#content { width: 100%; background: url(../images/contentbgrepeat.png) repeat; min-height: 300px; padding: 5px 0px 5px 0px; margin: 0px;}
#content a { color: #73A5D2; /*border-bottom: 1px dotted #73A5D2;*/ text-decoration: none; }
#content p { color: #FFF; padding: 5px;}
div#contentleft { width: 590px; float: left; padding: 0px 0px 5px 5px; margin: 0px;}
div#contentright { margin: 0px 0px 0px 600px; padding: 0px; }
div.contentrightpanel { padding: 0px; color: #FFF;}
div.contentrightpanel p { color: #FFF; padding: 5px;}

div#contentleftsmall { width: 200px; float: left; min-height: 400px;}
div#contentrightsmall { margin: 0px 205px 0px 0px;}

div.galleries { padding: 5px;}
div.galleries img { border: 1px solid #666; padding: 2px; margin: 0px 5px 5px 0px;}
div.galleries img:hover { border: 1px solid #999;}

table.socialmedia { width: 100%;}
table.socialmedia td { vertical-align: top; padding: 0px 2px 0px 2px;}
table.socialmedia td.twitter { width: 175px;}
table.socialmedia td.facebook { width: 130px;}
table.socialmedia td.rss { width: 50%;}
table.socialmedia td.calendar { width: 200px; text-align: right;}

#footer { width: 100%; height: 40px; background: url(../images/footerbg.png) repeat-x; margin: 0px 0px 5px 0px; padding: 0px;}
#footer p { padding: 13px 10px 10px 10px; color: #FFF; margin: 0px;}