/* Start of CMSMS style sheet 'screen' */
body{font: small/1.6 Georgia, Times, serif;margin: 0;padding: 0;background: #ddd;color: #333;}

#gmap{
width: 700px; 
height: 700px; 
border: 1px solid #000;
clear: both;
}

#legend{
padding: 3px;
width: 115px; 
background: #fff;
border: 1px solid #000;
position: relative;
top: -650px;
z-index: 2;
float: right;
}

#legend h4{text-align: center; border-bottom: 1px solid #999; text-transform: uppercase}

.line{height: 2px; float: left; width: 30px;margin: 10px 5px 0 0;}

#legend table{width: 115px;}



.hidden{display:none;}

a img{border: none;}

.photoleft{margin: 5px 10px 5px 0; float: left;}
.photoright{margin: 5px 0 5px 10px; float: right;}

.right{float: right;}
.left{	float: left;}

h1, h2, h3, h4{margin: 0;padding: 0;line-height: 1.1;color: #666;font-weight: normal;}

h1{font-size: 300%;}
h2{font-size: 200%;}
h3{font-size: 160%;}

a{color: #000099;}

blockquote{background: #eee;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 2em;padding: 2em;}

#wrap{width: 990px;background: #fff url(images/sidebarbg.gif) repeat-y left;	margin: 0;padding: 0px 0;}

#topnav{height: 30px;	background: #444;}

#content{float: right;width: 722px;	padding: 0 0 20px 0;margin:0;background: url(images/defaulthead.jpg) no-repeat;}

#nav{background: #000 url(images/logo.gif) top left no-repeat;	float: left;width: 248px;padding: 0px 10px 0px 10px;	margin: 0;}

#foot{clear: both;margin: 0;padding: 10px;background: #999;color: #000;}

#foot a{color: #ddd;}

h2#logo{height: 300px;	margin: 0;	padding: 0 0 100px 0; }
h2#logo a{display: block;height: 100%;width: 100%;}

#nav h3{font-size: 200%;}

#nav h3 a{text-decoration: none;	color: #999;}
#nav h3 a:hover{	text-decoration: underline;}

#nav ul{margin: 5px 0 2em 8px;padding: 0 0 0 5px;}

#nav ul li{color: #999;list-style: square;line-height: 1.1;margin: 3px 0;	padding:0}

#nav ul li a{color: #999;font-size: larger;	text-decoration: none;}

#nav ul li a:hover{text-decoration: underline;}

#nav a.current{color: #fff;text-decoration: none;}





#topnav{margin: 0; padding: 0;overflow: hidden;}
#topnav ul{margin: 0;padding:0;text-align: right;float: right;font-family: arial, helvetica, sans-serif;}
#topnav ul li{display: block;float: left;margin: 0;padding: 3px 10px 0 10px;}
#topnav fieldset{	border: none;padding: 0;margin: 0;}
#topnav input[type='text']{background: #999;margin: 0px 3px 0 0;padding: 1px;top: -1px;position: relative;border: 1px solid #333;height: 18px;}
#topnav input[type='submit']{background: #ccc;margin: 0px 3px 0 0;}
#topnav ul li a{color: #BBB;text-decoration: none;}
#topnav ul li a:hover{text-decoration: underline;}

/* HOME PAGE STYLES */

h1#title{background: url(/images/name.gif) left no-repeat;height: 115px;margin: 30px 20px 0 10px;padding: 0;}
h1#title2{background: url(/images/name.gif) left no-repeat;height: 115px;margin: 30px 20px 20px 10px;padding: 0;}

#aboutus{font-size: 140%;margin: 20px 20px 2em 10px;color: #666;}
#aboutus2{font-size: 120%;margin: 10px 0 20px; padding: 10px 0 15px; color: #666;clear: both; border-top: 1px solid #999;border-bottom: 1px solid #999; line-height: 1.5;}

#hr{padding: 20px 0 ;clear: both;}
#centercol{float: left;padding: 0 0px 0 10px;width: 540px;margin: 0;}
#centercol2{float: left;padding: 0 0px 0 10px;width: 580px;margin: 0;}
#news h3{font-size: 130%;}
#news h2{font-size: 200%;}

.newsitem h2 a{color: #333;text-decoration: none;}
.newsitem h2 a:hover{color: #333;text-decoration: underline;}


.newsitem p{margin: 0.5em 0;}
p.byline{width:100%; clear: both;margin: 2em 0 1em 0 !important;border-top: 1px solid #ddd;font-family: Arial, Helvetica, sans-serif;font-size: smaller;	text-align: right;color: #999;}
a.more{font-size: smaller;}

#photos{width: 150px;float: right;margin: 0;padding: 0 10px 0 0;}
#photos2{width: 85px;float: right;margin: 0;padding: 30px 15px 0 25px;}
#photos h3{font-size: 130%;	text-align: center;margin: 0 0 20px 0;}
#photos2 a{margin: 0px 0 5px 10px;display: block;text-align:center;}
#photos2 .more{font-size: smaller;text-align: center;margin: -5px 0 0 0px;padding: 0;}

#events{width: 270px;	float: right;}

table.events{line-height: 1.2;font-size: small;}

table.events td{padding: 4px 0;}
table.events td.date{width: 60px;}

#headlines{	width: 270px;float: left;margin: 0;padding: 0;}
#headlines ul{color: #999;margin: 0.5em 0 0 0.5em;padding: 0 0 0 0.5em;}
#headlines ul li{color: #999;list-style: square;line-height: 1.1;margin: 0.75em 0;padding:0}


/* SECTION STYLES */

.home{background: none !important;}

.swc{	background: url(images/head-swc.jpg) no-repeat !important;}
.lewis{background: url(images/head-lewis.jpg) no-repeat !important;}
.atlantic{background: url(images/head-atlantic.jpg) no-repeat !important;}
.gulf{background: url(images/head-gulf.jpg) no-repeat !important;}
.humber{background: url(images/head-humber.jpg) no-repeat !important;}
.boi{background: url(images/head-boi.jpg) no-repeat !important;}
.strait{background: url(images/head-strait.jpg) no-repeat !important;}
.blowmedown{background: url(images/head-blowmedown.jpg) no-repeat !important;}
.indian{background: url(images/head-indian.jpg) no-repeat !important;}
.devil{background: url(images/head-devil.jpg) no-repeat !important;}
.head1{background: url(images/head1.jpg) no-repeat !important;}
.head2{background: url(images/head2.jpg) no-repeat !important;}
.head3{background: url(images/head3.jpg) no-repeat !important;}
.head4{background: url(images/head4.jpg) no-repeat !important;}
.head5{background: url(images/head5.jpg) no-repeat !important;}
.head6{background: url(images/head6.jpg) no-repeat !important;}


.about{background: url(images/abouthead.jpg) no-repeat !important;}


/* SUB PAGE STYLES */
h1.sub{text-align: right;padding: 10px; color: #000}

#onecol{padding: 200px 10px 0 10px;}

#photoblock{width: 280px;float: right;}

#photoblock a{margin: 5px 5px 0 0;padding: 0;}

#photoblock h3{font-size: 140%;text-align: center;margin: 10px 0 10px 0;}

#submenu{	width: 240px;float: right;clear: right;border-left: 2px dashed #ddd;border-bottom: 2px dashed #ddd;margin: 0 0 10px 10px;}

#submenu h3{font-size: 200%;text-align: center;margin: 10px 0 10px 0;}

p.caption{height: 30px;	margin-top: 3px;display: block;}

a.gearth{padding: 0 0 0 24px;height: 20px;background: url(images/google_earth_icon.gif) no-repeat left;	display: block;float: right;}


/* MAP STYLES*/
.tstyle{background: #fff;font-size: 14px;	font-family: Verdana, Helvetica, sans-serif;line-height:1.1;}
.mlabel{background: #fff;font-family: Verdana, Helvetica, sans-serif;line-height:1.1;padding: 1px;}
.iwindow{font-family: Verdana, Helvetica, sans-serif;	font-size: smaller;}

table.summary{width: 200px;	border: 1px solid #ddd;	border-collapse: collapse;}
table.summary td{padding: 0 1px;border-bottom: 1px solid #ddd;	}

.photomat{margin: 0.5em 0;}

.photomat a{margin: 5px;}



/* End of 'screen' */