body {

background-image:url(bgr.gif);
background-repeat:repeat-x;
width:99%;
height:50%;


}





#rightframe
{    




width: 20px;
height:890px;
text-align:center;
position: absolute;
top:0px;
left: 940px;
border-style:none;
border-color:red;
border-width:2px 2px 2px 2px;
}







#picframe
{    
background-color: gray;
background-repeat:repeat;

width: 700px;
height: 260px;
text-align:center;
position: absolute;
top:60px;
left: 200px;
border-style:solid;
border-color:gray;
border-width:2px 2px 2px 2px;
}



#mg
{    
background-color: transparent;
background-repeat:repeat;
font-family:times new roman;
font-style:italic;

font-size:16px;
color:black;
width: 478px;
height: 76px;
text-align:center;
padding:4px;
position:absolute;
top:332px;
left: 10px;
border-style:solid;
border-color:silver;
border-width:0px 0px 0px 0px;
}



#days
{    
background-color: transparent;
background-repeat:repeat;
font-family:sans;
font-style:italic;
font-size:24px;
color:white;
width: 448px;
height: 20px;
text-align:left;
padding:2px;
position: absolute;
top:414px;
left:100px;
border-style:solid;
border-color:maroon;
border-width:0px 0px 0px 0px;
}



#daysmid
{    
background-color: transparent;
background-repeat:repeat;
font-family:sans;
font-style:italic;
font-size:26px;
color:white;
width: 448px;
height: 20px;
text-align:left;
padding:2px;
position: absolute;
top:414px;
left:136px;
border-style:solid;
border-color:maroon;
border-width:0px 0px 0px 0px;
}












#daysecho
{    
background-color: transparent;
background-repeat:repeat;
font-family:sans;
font-style:italic;
font-size:26px;
color:gold;
width: 378px;
height: 38px;
text-align:left;
padding:2px;
position: absolute;
top:414px;
left: 136px;
border-style:solid;
border-color:silver;
border-width:0px 0px 0px 0px;
}





#dayslink
{    
font-style:italic;
font:red;
font-size:16px;
width: 500px;
height: 24px;
text-align:right;
position: absolute;
top:434px;
left: 0px;
border-style:solid;
border-color:silver;
border-width:0px 0px 1px 0px;
}








#leftcolumnhi
{    
background-color: blue;
background-repeat:repeat;
font-family:times new roman;
font-style:italic;
font-size:12px;
color:white;
width: 300px;
height: 88px;
text-align:center;
padding:4px;
position: absolute;
top:380px;
left:-10px;
border-style:solid;
border-color:silver;
border-width:0px 0px 0px 0px;
}


#latestnewshead
{  
z-index:222;  
background-color: transparent;
background-repeat:repeat;
font-family:times new roman;
font-style:italic;
font-size:20px;
color:gray;
width: 300px;
height: 20px;
text-align:center;
padding:4px;
position: absolute;
top:470px;
left: 0px;
border-style:solid;
border-color:silver;
border-width:0px 0px 1px 0px;
}





#leftcolumnlow
{    
background-color: transparent;
background-repeat:repeat;
font-family:times new roman;
font-style:italic;
font-size:14px;
color:black;
width: 300px;
height: 258px;
text-align:center;
padding:4px;
position: absolute;
top:464px;
left:0px;
border-style:solid;
border-color:silver;
border-width:0px 0px 0px 0px;
}


#contenthome
{    
background-color:red;
width: 300px;
height: 250px;
text-align:left;
position: absolute;
top: 8px;
left: 8px;
border-style:none;
border-color:gray;
border-width:2px 2px 2px 2px;
}


#ctrcolumn
{    
background-color:transparent;
background-repeat:repeat;
font-family:times new roman;
font-style:italic;
font-size:14px;
color:black;
width: 166px;
height: 168px;
text-align:center;
padding:4px;
position: absolute;
top:490px;
left: 324px;
border-style:none;
border-color:gray;
border-width:1px 1px 1px 1px;
}



#ctrcolumntitle
{    
background-color: transparent;
background-repeat:repeat;
font-family:times new roman;
font-style:italic;
font-size:20px;
color:black;
width: 166px;
height: 20px;
text-align:center;
padding:4px;
position: absolute;
top:460px;
left: 320px;
border-style:solid;
border-color:silver;
border-width:0px 0px 0px 0px;
}


#rightcolumn
{    
background-color: transparent;
background-repeat:repeat;
font-family:sans bold italic;
font-style:italic;
font-size:12px;
color:black;
padding:0px;
width: 210px;
height: 258px;
text-align:center;
position: absolute;
top:320px;
left: 500px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}



#wxframe
{    
background-color:transparent;
background-repeat:no-repeat;
z-index:222;
padding:4px;
width: 180px;
height: 488px;
text-align:center;
position: absolute;
top: 8px;
left: 6px;
color:maroon;
border-style:none;
border-color:red;
border-width:2px 2px 2px 2px;
}

#rv
{    
background-color:transparent;
width: 4px;
height: 622px;
text-align:center;
position: absolute;
top: 314px;
left: 578px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 1px;
}

#slashtop
{    
background-color:transparent;
width: 702px;
height:1px;
text-align:center;
position: absolute;
top: 330px;
left: 10px;
border-style:solid;
border-color:gray;
border-width:1px 0px 0px 0px;
}



#slashrtv
{    
background-color:transparent;
width: 2px;
height:468px;
text-align:center;
position: absolute;
top: 330px;
left: 500px;
border-style:solid;
border-color:gray;
border-width:0px 1px 0px 0px;
}





#slashltv
{    
background-color:transparent;
width: 2px;
height:338px;
text-align:center;
position: absolute;
top: 462px;
left: 310px;
border-style:solid;
border-color:gray;
border-width:0px 1px 0px 0px;
}






option {
  background-color : white;
  color : maroon;

}




#albold
{    
background-color:transparent;
width: 140px;
height:266px;
text-align:center;
position: absolute;
top: 60px;
left: 30px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}


#alb2003
{    
background-color:transparent;
width: 140px;
height:266px;
text-align:center;
position: absolute;
top: 100px;
left: 30px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}


#alb2008
{    
background-color:transparent;
width: 120px;
height:266px;
text-align:center;
position: absolute;
top: 140px;
left: 380px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}


#alb2009
{    
background-color:transparent;
width: 120px;
height:266px;
text-align:center;
position: absolute;
top: 180px;
left: 30px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}


#alb2010
{    
background-color:transparent;
width: 120px;
height:266px;
text-align:center;
position: absolute;
top: 180px;
left: 200px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}





#alb2006
{    
background-color:transparent;
width: 120px;
height:266px;
text-align:center;
position: absolute;
top: 140px;
left: 30px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}


#alb2005
{    
background-color:transparent;
width: 120px;
height:266px;
text-align:center;
position: absolute;
top: 100px;
left: 380px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}


#alb2004
{    
background-color:transparent;
width: 120px;
height:266px;
text-align:center;
position: absolute;
top: 100px;
left: 200px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}




#alb2007
{    
background-color:transparent;
width: 120px;
height:266px;
text-align:center;
position: absolute;
top: 140px;
left: 200px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}


#webcam
{    
background-image:url(samcam.gif);
background-repeat:no-repeat;
width: 160px;
height: 140px;
text-align:center;
position: absolute;
top: 288px;
left: 12px;
border-style:solid;
border-color:white;
color:white;
border-width:2px 2px 2px 2px;
}

#filmstripl
{
background-color:transparent;
width: 26px;
z-index:-1;
height: 230px;
text-align:center;
position: absolute;
top: 36px;
left: 125px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}

#filmstripr
{
background-color:transparent;
width: 26px;
z-index:-1;
height: 230px;
text-align:center;
position: absolute;
top: 36px;
left: 840px;
border-style:solid;
border-color:gray;
border-width:0px 0px 0px 0px;
}

#ticker1
{
background-color:maroon;
background-repeat:repeat-y;

border-style:none;
border-color:gray;
border-width:thin;
width: 678px;
height: 20px;
text-align:center;
padding:4px;
position: absolute;
top: 280px;
left: 173px;
font-size:18px;
color:white;


}








#pageheader
{
background-color:transparent;
border-style:solid;
border-color:gray;
border-width:0px;
z-index=222
width: 680px;
height: 20px;
text-align:center;
padding:4px;
position: absolute;
top: 80px;
left: 460px;
font-family:times new roman;
font-style:italic;
font-size:24px;
color:maroon;


}


#menu1
{    
background-color: maroon;
width: 680px;
height: 24px;
text-align:left;
 
position: absolute;
top:114px;
left:164px;
border-style:solid;
border-color:gray;
border-width:thin;

}

#calendar
{    

background:transparent;

border-style:none;
border-width:thin;
color:white;
width: 140px;
height: 290px;
text-align:center;
position: absolute;
top: 290px;
left: 2px;

}


#pagebody
{    
background-color:transparent;
border-style:none;
border-color:maroon;
border-width:thin;
width: 680px;
height: 680px;
margin:4px;
padding:12px;
text-align:justify;
position: relative;
top: 186px;
left: 148px;
font-size:12px;
color:black;
}



#myspic
{    
background-color:transparent;
border-style:none;
border-color:maroon;
border-width:thin;
width: 680px;
height: 680px;
margin:4px;
padding:4px;
text-align:justify;
position: relative;
top: 66px;
left: 8px;
font-size:12px;
color:maroon;
}






#gallery
{    

background-color:transparent;
border-style:none;

width: 684px;
height: 680px;
margin:4px;
padding:12px;
text-align:justify;
position: relative;
top: 106px;
left: 118px;
font-size:12px;
color:black;
}











#pagebody1
{    

background-color:white;
border-style:none;
border-color:transparent;
border-width:3px;
overflow:auto;
width: 678px;
height: 1080px;
margin:4px;
padding:12px;
text-align:center;
position: absolute;
top: 108px;
left: 8px;
font-size:12px;
color:black;

}

#wunradar
{    

background-color:gray;
border-style:none;
border-color:maroon;
border-width:solid;
width: 468px;
height: 980px;
margin:4px;
padding:12px;
text-align:justify;
position: relative;
top: 152px;
left: 248px;
font-size:12px;
color:black;

}




hr { height:6px; 
        border:0 0 4 0 px; 
        
width:740px;
text-align: center;
position: absolute;
top:88px;
left: 130px;
background-color:maroon;

 }




#radar
{    


width: 120px;
height: 120px;
margin:0px;
padding:0px;
text-align:justify;
position: absolute;
top: 136px;
left:16px;
border:none;
}

#radarlink
{    

width: 86px;
height: 46px;
margin:4px;
padding:12px;
text-align:justify;
position: absolute;
top: 312px;
left:12px;
font-size:12px;
color:white;
}




#wxbar
{    
z-index:1;
width: 126px;
height: 56px;
margin:0px;
padding:0px;
text-align:justify;
position: absolute;
top: 2px;
left: 8px;
font-size:20px;
color:white;
}




#wxbug
{ 
  
width: 160px;
height: 105px;
margin:4px;
padding:4px;
text-align:justify;
overflow:hidden;
position: absolute;
top: 430px;
left: 4px;
font-size:20px;
color:white;
}


#sailflow
{    
background-color: transparent;  
width: 160px;
height: 30px;
overflow:hidden;
margin:0px;
padding:0px;
text-align:justify;
position: absolute;
top: 474px;
left: 14px;
font-size:20px;
color:white;
}

#noaa
{ 
background-color: transparent;   
width: 160px;
height: 30px;
overflow:hidden;
margin:0px;
padding:2px;
text-align:justify;
position: absolute;
top: 506px;
left: 12px;
font-size:20px;
color:white;
}

#puparea
{

width: 150px;
height: 24px;
top:460px; 
left:290px; 
position: absolute;
z-index:22;
}


#member
{ 

background-color:transparent;   
width: 388px;
height: 30px;
margin:4px;
padding:4px;
text-align:center;
position: absolute;
top: 450px;
left: 400px;
color:gray;
border-style:none;
border-color:maroon;
border-width:none;
font-family:times new roman;
font-style:italic;
font-size:12px;
color:gray;

}

#webmaster
{ 

background-color:transparent;   
width: 388px;
height: 30px;
margin:4px;
padding:4px;
text-align:center;
position: absolute;
top: 560px;
left: 400px;
color:gray;
border-style:none;
border-color:maroon;
border-width:none;
font-family:times new roman;
font-style:italic;
font-size:12px;
color:gray;

}


#flash
{ 

background-color:transparent;   
width: 636px;
height: 224px;
margin:0px;
padding:0px;
text-align:center;
position: absolute;
top: 398px;
left: 68px;
color:white;
border-style:none;
border-color:maroon;
border-width:none;

}

#album
{    

background-color:white;
border-style:solid;
border-color:red;
border-width:3px;
width: 668px;
height: 420px;
margin:4px;
padding:12px;
text-align:justify;
position: absolute;
top: 118px;
left: 0px;
font-size:12px;
color:black;
}


#address
{    
width: 420px;
height: 26px;
margin:0px;
padding:0px;
border-style:none;
border-color:gray;
border-width:thin;
text-align:center;
position: absolute;
top: 146px;
left: 180px;
font-size:14px;
color:white;
}


#lastupdate
{    
width: 400px;
height: 26px;
margin:0px;
padding:4px;

text-align:center;
position: absolute;
top: 480px;
left: 180px;
font-size:12px;
color:blue;
}



#forsalehead
{    
background-color:9eb5f1;
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 22px;
text-align:center;
position: absolute;
top: 124px;
left: 40px;
font-weight: bold;
color=5F5F5F
}

#forsalebody
{    
border-style:none;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 168px;
left: 40px;

}



#wanthead
{    
background-color:9eb5f1;
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1444px;
left: 40px;
font-weight: bold;
color=5F5F5F
}

#wantbody
{    
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1468px;
left: 40px;

}



#freehead
{    
background-color:9eb5f1;
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1504px;
left: 40px;
font-weight: bold;
color=5F5F5F
}

#freebody
{    
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1528px;
left: 40px;

}



#crewhead
{    
background-color:9eb5f1;
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1564px;
left: 40px;
font-weight: bold;
color=5F5F5F
}

#crewbody
{    
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1584px;
left: 40px;

}


#noticehead
{    
background-color:9eb5f1;
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1624px;
left: 40px;
font-weight: bold;
color=5F5F5F
}

#noticebody
{    
border-style:solid;
border-color:gray;
border-width:thin;
width: 640px;
height: 12px;
text-align:center;
position: absolute;
top: 1648px;
left: 40px;

}





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding:0; margin:0; list-style:none; font: 10px arial, verdana, sans-serif; background:url(opaque.png); position:relative; top: 10px;
left: 162px;z-index:100;}
#nav {height:23px; width:680px; padding:0; background:white;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:maroon; height:23px; padding:0 20px 0 10px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #000;}
#nav li li a {height:21px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#843; color:#fff; border-left:1px solid #843;}
#nav li:hover > a {border-left:1px solid #843; background:#843; color:#fff;}




#nav :hover  ul {left:0; top:23px; border-left:1px solid #843; z-index:100;}
#nav a:hover ul {left:-1px;}





#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#843; color:#fff; border-left:1px solid #843;}

#nav li a:hover ul li a:hover {background:#843;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}






/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { background-image: url(opaque.png);width: 10px;top:500px; left:100px; color: maroon;  }

#popup a, #popup a:visited {

z-index:22;


top:506px; 
left:300px; 
position: absolute;
display: block;
width: 60px;
line-height: 20px;
text-align: right;
padding: 0 4px;
margin: 0;
border: 0px solid #666;
text-decoration: none;
font-size: 1em;
font-weight: bold;
color:transparent;
}

#popup a span {display: none;}

#popup a:hover { background-color: transparent;}

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: transparent;z-index:3900;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
background-image: url(opaque.png);
position: absolute;
top: -380px;
left: -70px;
width: 540px;
height:280px;
margin: 0px;
padding: 2px;
color: #151B8D;
font-weight: strong;

text-align: center;
border-width:0px 0px 0px 0px;
border:none;
}














/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 200px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 2px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 2px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 2px solid #e9e9e2; }

/*end of hover popup links*/