/* CSS Document */
html { background:#FFF url(/images/bg_body.jpg) top repeat-x; }
body{background:url(/images/bg_container.jpg) top center no-repeat; margin:0px auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}

body#news{background-image:url(/images/bg_container2.jpg); }

h1{color:#000; font-size:23px; margin:20px; margin-bottom:0;}
h2{color:#000; font-size:15px; margin:20px; margin-top:0;}
h2 em {color:#CC0000; font-size:20px;}
h3{font-size:12px; margin:20px;}
h4{font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:-20px 20px 20px 20px;}
p{margin:20px; font-family:Arial, Helvetica, sans-serif;}
a{color:#333399;}
a:hover{color:#cc0000;}
img{border:0px;}
ul{margin:20px 20px 20px 50px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
ul li{margin:5px 0; padding:0 0 0 20px; list-style:none; background:url(/images/bullet.gif) left 1px no-repeat;}
ul ul{margin:5px 20px 20px 50px;}
ul ul li{padding:0px;}
form{margin:20px;}

#container{width:700px; margin:0px auto;}
#main{ }

#header{float:right; width:250px; height:150px;}
#header img{margin:26px 0 0 29px;}

#leftcol{width:450px; float:left; padding-top:64px; }
body#news #leftcol{ }
body#about #leftcol{ padding-top:70px; }
#rightcol{ clear:right; width:250px; float:right; padding-bottom:10px; }

#leftcol img {padding:4px; border:1px solid #0066cc;background:#C9E4FF;}
#leftcol img.rightimg {margin:0 0 8px 8px;}
#leftcol img.leftimg {margin:0 8px 8px 0;}

#leftcol img.pdf {margin:0;padding:0;border:0px;}

#nav{width:187px; margin-left:35px; height:218px;}
#nav a{cursor:pointer; text-decoration:none; color:#0033CC; display:block; clear:both; font-size:14px; padding:0px 0px 5px 25px; font-weight:bold; background:url(/images/wave.gif) top left no-repeat;}

#nav a:hover,
body#home #nav a#navhome,
body#environmental #nav a#nav1,
body#about #nav a#nav2,
body#outreach #nav a#nav3,
body#oceangoing #nav a#nav4,
body#news #nav a#nav5,
body#funding #nav a#nav6,
body#form #nav a#nav7,
body#contact #nav a#nav8,
body#programming #nav a#nav9 {color:#6699cc; background-image:url(/images/wave_over.gif); color:#000;}

#rightbox{
clear:both;
margin-bottom:20px;
margin-left:27px;
margin-top:29px;
width:187px;
padding:10px 0 0 9px;
}
#rightbox p{margin:0px; font-size:11px; color:#333333; padding:10px 13px 0 0px;}
#rightbox p.name{color:#0033cc; font-weight:bold; text-align:right; padding:5px 15px 0 0;}
#rightbox h1{font-size:13px; color:#0033CC; padding-right:55px; margin:0px 0 10px 0; padding-top:0; }
#rightbox h1 a{color:#000000;}
#rightbox h1 a:hover{color:#000099;}

#footer{background:url(/images/bg_footer.gif) no-repeat; width:700px; height:58px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCC; padding-top:10px; margin-bottom:20px; clear:both;}
#footer a{color:#0033CC; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:10px; }
#footer a:hover{color:#000;}
#footer span{color:#999; font-size:9px; padding-top:10px; display:block; }
#footer span a{color:#999; font-family:Arial, Helvetica, sans-serif;}
#footer span a:hover{color:#666;}

form.common{margin:20px; padding:20px 10px 20px 10px; border:1px solid #000000; color:#cc0000; font-family:Arial, Helvetica, sans-serif;}
form.common label{clear:both; width:160px; display:block; float:left; text-align:right; padding-right:20px; margin-bottom:5px; color:#000000;}
form.common input{width:180px; float:left; margin-bottom:5px;}
form.common select{width:185px; float:left; margin-bottom:5px;}
form.common textarea{width:180px; height:80px; float:left; margin-bottom:5px;}
form.common br{clear:both;}
form.common input.sub{width:70px;}

.post{clear:both; margin-left:27px; width:186px; }
.post h2{padding:0px 10px 0px 10px; margin:20px 0px 20px 0px; font-size:12px;}
.post p{color:#ff0000; text-align:center;}
.post ul{font-family:Georgia, "Times New Roman", Times, serif; margin-right:0; margin-left:10px;}
.post ul li {  }
.post ul li a{	}
.post ul li a:hover{color:#990000;}

.founder {clear:both;display:block; margin-right:10px;}
br.clear {clear:both;}

.rssimg {border: 0px solid #BFBFBF;float:right;}

#closebutton { width:395x; margin-left:12px; height:26px; display:block; }
.overlayPopup{width:395px; height:350px; padding:0; text-decoration:none;background:url(/images/videoplayer_bg.png) top center no-repeat; }
.overlayPopup object {
	margin-left:12px;
}

.see-more-categories{
	text-decoration:none;	
	padding-left:20px;
	padding-top:5px;
	color:#000;
	
}
#more_categories{
	display:none;
}