.spaced {border:1px; margin:6px;}
#restdiv{
position:absolute;
top:342px;
}
#leftdiv{
float:left;
position:relative;
width:310px;
}
#addiv{
position:relative;
height:210px;
width:210px;
float:left;
/*clear:left;*/
}
#topdisplay{
height:322px;
width:322px;
margin-left:28px;
background-repeat:no-repeat;
}
#wsdiv{
	position: absolute;
	height:300px;
	width:166px;
	margin-left: 27px;

	top: 40px;
		 border-style:solid;
	 border-color:#ff9900;
	border-width: 1px;
}
#webcamdiv{
position:absolute;
	height:300px;
	width:322px;
	left: 198px;
	top: 40px;
		 border-style:solid;
	 border-color:#ff9900;
	border-width: 1px;
}
#forecastdiv{
position:absolute;
	height:300px;
	left: 706px;
	top: 40px;
	width:175px;
		 border-style:solid;
	 border-color:#ff9900;
	border-width: 1px;}
#tidediv{
position:absolute;
	height:300px;
	left: 526px;
	top: 40px;
	width:175px;
		 border-style:solid;
	 border-color:#ff9900;
	border-width: 1px;
}
table.orange {
clear:both;
border-collapse:collapse;
margin-top:4px;
margin-left:28px;}
table.orange td {
border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #ff9900;
	color:#aaFFFF
}
.thtype {text-align:center;
	 color:yellow;
	 background-color:gray;
	 border-style:solid;
	 border-color:#ff9900;
	border-width: 1px;
	font-weight:bold; margin-bottom:0;
	 }

table.orange th {
border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #ff9900;
	color: #FFFF00;
}
/*td { background-color:#FF6699; border-bottom:thin;bordercolor:#f67120;}
*/
body { background-color: #183c54   ;  font-family : Arial, sans-serif;}
#logo{
 position:absolute;
	top : 8px;
	left : 8px;
	height:118px;
	width:142px;
	margin:0px;
/*	background-image:url(images/ssclogohp.gif);
	font-family: Arial, Helvetica, sans-serif ; color:#660000; font-size:9px; 
	text-align:center;
*/	
    z-index:100;
	border:0; 
	}
	#title{
	position : absolute;
	top : 8px;
	left : 8px;
	height: 120px;
	border: none;
	z-index : 50;
	width: 1162px;

	
}	
.weathersymbol {float:left; border:0px; margin:0px;}
.wstn {   color:green; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#widecontent{
   	position : absolute;
	top : 160px;
	width :90%;
/*	margin-left:2px;*/
}		
#content {
position:absolute;
top:160px;
width:100%;
margin-left: 130px;
width:75%;
/*		margin-right:186px;
	left: -66px;
*/}
	

#leftnav{
	position:absolute;
	top:173px;
	left:7px;
	padding-top:12px;
	width:135px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	/*text-align:left;*/

}
#subnavl{
margin-top:4px;
	width:120px;
/*	height:80px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:center;
	border:0;
	z-index:20;
	/*background-image:url(images/o_lozenge.gif);*/
	}

#rightnav{ 
	position:absolute;
	top:268px;
	right:0px;
	padding-top:12px;
	width:185px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:left;
}
#footer{position:   relative;
text-align:center;
}
#titlebar {
	/*position:absolute;*/
	background-color:gray;
	color: black;
	border-width:1px;
	border-color:#FF9900;
	border-style:solid;
	top:2px;
	width:915px;
	height: 32px;
	text-indent:32px;
	font-weight:bold;
	line-height:32px;
	 }		 
.leftpic {float:left; clear:left; margin-bottom:4px;margin-right:4px; }
.rightpic {float:right;clear:right; margin-bottom:4px;margin-left:4px;}
.midpic {text-align:center; display:block; margin:0 auto }

td {text-align:left; padding:4px;}
td.centered{text-align:center;}
th {text-align:left; padding:4px; color:#FF9900; background-color:gray;}
td.body { padding:20px;}
td.title { padding:20px; font-family: verdana, sans-serif; font-size: 16px; font-weight:bold; letter-spacing:.1em; }
td.a.link { padding:8px;  font-weight:bold; font-family: verdana, sans-serif; font-size: 10px; color: #336699; line-height:16px;}

td.data {background-repeat:no-repeat; background-color:gray;}

font.descrip { font-family: verdana, sans-serif; font-size: 10px; color: #999966; text-transform:uppercase; font-weight:bold; letter-spacing:.2em; padding:5px;}
font.date { font-family: georgia, sans-serif; font-size: 12px; color: #336699; line-height:16px;}
.author { font-family:cursive; color:red; }
.authorright { font-family:cursive; color:red;text-align:right; }
font.time { font-family: verdana, sans-serif; font-size: 10px; color: #336699; line-height:16px; text-transform:uppercase;}
font { font-family: verdana, sans-serif; font-size: 10px; color: #666666; line-height:16px;}
font.subhead { font-family: verdana, sans-serif; font-size: 11px; color: #333333; font-weight:bold; padding:8px; letter-spacing:  .1em}
.mini {font-size:x-small;}
/*p,td,tr,table,br,ul,ol,li { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; text-align:left; color: #aaFFFF }*/
p.links { font-weight:bold; font-size:10px; color:#ff9900; line-height:12px; }
p,td,tr,table,br,ul,ol,li {  font-size:14px;text-align:left; color: #aaFFFF }
#leftnav a:link { font-weight:bold; }
#leftnav a:visited { font-weight:bold; }
td.bold {font-weight:bold;}			
a 			{ color: #FFFF66; text-decoration: none; } 
a:link		{ color: #FFFF66 ; text-decoration: none;} 
a:visited	{ color:  #FFFF66; text-decoration: none; } 
a:active	{ color: #660000;  } 
a:hover		{ color: #ff9900;  } 
a.menu {font-family : Arial, sans-serif; text-decoration : underline;	}

a.poem { 
	font-style : italic;
	font-family : "Times New Roman", serif;
	color: #660000;
	font-size: 14px;
    text-align : right;
}
			
h1 {text-align : left; font-size: 16px; color: #FFFF00; background-repeat: no-repeat;	font-family: Arial, Helvetica, sans-serif;}
h2 {text-align : left;	font-size: 14px; color: #ff9900; font-family: Arial, Helvetica, sans-serif; background-color:gray; line-height:26px; width:184px; border-left:4px;clear:left;}
h2.wide {width:400px;}
h3 {text-align : center; font-size: 18px; color: #660000;}
h4 {text-align : left;	font-size: 12px; color: #FFFF00; font-family: Arial, Helvetica, sans-serif;}
h5 {font-size:20px; text-align:left; color:white; font-family: Arial, Helvetica, sans-serif;}
.ljentry {font-size : 100%;	width : 90%; margin-left : 10%;	}
hr {color:#660000;}
.centered {text-align: center;}
.indentedblock {margin-left:28px;}
.titletext {font-size:20px; text-align:left; color:black; font-family: Arial, Helvetica, sans-serif; line-height:28px;}
.smtitletext {font-size:12px; font-weight:bold; text-align:center; color:yellow; font-family: Arial, Helvetica, sans-serif; line-height:18px;}
.smtitletextr {font-size:12px; font-weight:bold; text-align:center; color:yellow; font-family: Arial, Helvetica, sans-serif; line-height:18px;}
.smtitletextl {font-size:12px; font-weight:bold; text-align:left; color:yellow; font-family: Arial, Helvetica, sans-serif; line-height:18px;}
.bold{font-weight:bold;}
#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 740px;
height: 34px;
border: none;
padding: 3px;
color: yellow;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ }
.innerDiv{text-align:center;}