/* CSS Document */

*{margin:0 auto;}
body {font: 10pt verdana, arial, sans-serif; color:#252121; margin:0 auto; padding:0; min-width:760px;}
body{ margin:0; padding:0;  background:#ce802e url(../images/mainbg.jpg) top left repeat-x;}
#header {margin:0 auto; width:760px;}
#wrapper2 {background: #e2e1b3 url(../images/bg_content.jpg) no-repeat;  margin-left:5px; width:760px;}
#topnav {background: #A4432E; width:760px;  height:25px;  float:left; z-index:20px;}
#mainnav {width:760px; float:left;}
#intro{ font-style:italic; font:10pt verdana, arial, sans-serif; }
p{font:10pt verdana, arial, sans-serif; margin:15px;}
#content {float:left; width:460px; }
#content .padding{padding:20px 20px; }
#content .padding2{padding:5px 20px; }
#rss{padding:7px 0 0 0; }
#content .intro{color:#46577F; font-weight: bold; font:11pt verdana, arial, sans-serif; }
#content .main{ padding:10px 10px;}
#content_1col {float:left; width:720px; }
#content_1col. main {padding:10px 10px;}
#cols_content{float:left;  width:550px; }
#cols_content .intro {color:#b37343; font-weight: normal; font:10pt verdana, arial, sans-serif; }
#left { float: left; width:100px; }
#right { float:right; width:190px; background: url(../images/circle.gif) repeat-y;}
#right2 { float:right; width:200px; height: 700px; overflow: hidden; }
.section{width:170px; height:300px; overflow: hidden; float:left;}
right2 .padding{padding:25px 10px;}
#right .padding{padding:25px 10px 10px 15px;}
#right h4{ color:#675a5a; font-style:italic; text-align:center; }
#right .spnote{ font:10pt verdana, arial, sans-serif; color:#CB7E2B; }
#right li{list-style:none; padding:10px 15px 5px 0px;}
#bottom { float: right; width:650px; padding: 15px;}
#bottom2 {
	float: left;
	width:530px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#blink{font:8pt verdana, arial, sans-serif; margin:15px; }
.list {margin-left: 30px;}
.sub_list {margin-left: 45px;}
.main  li{padding: 5px 5px 5px 5px; margin-left: 45px;  list-style: disc ;}
#rlink { font:8pt verdana, arial, sans-serif; text-decoration:none;}


.pub{ position:relative;}
	.pub li img {border:2px solid #c4cec6;}
	
	.pub li a{ color:#fff; font-weight:bold; font-size:95%; text-decoration:none;}
	
	.pub li a span{display:block; width:125px; height:125px; padding:7px 3px 8px 4px; background:url("http://ta.nos.noaa.gov/siteart/overlay-85.png"); margin-top:-145px; z-index:1; opacity:.6; filter:alpha(opacity=60);}
	.pub li a:hover span{display:none;}

.center {text-align:center;} 
h2{color: #CB7E2B; font:verdana, arial, sans-serif; }
h3{ color: #CB7E2B; font:verdana, arial, sans-serif; text-decoration:none; margin:15px;}
 h3 a:link, h3 a:visited{color:#4d4d4d; font: bold 11pt  verdana, arial, sans-serif; }
 h3 a:hover{color: #606842;text-decoration:none;}
h4{font: bold 10pt  verdana, arial, sans-serif; color: #CB7E2B; margin:15px;}
  h4 a:link, h4 a:visited{color: #CB7E2B; font: bold 10pt  verdana, arial, sans-serif;text-decoration:underline; }
 h4 a:hover{color: #606842;text-decoration:none;}
h5{font: bold 10pt  verdana, arial, sans-serif; color: #CB7E2B; margin:15px;}
.homecontent{margin-right:20px; margin-left: 15px; }
.breadcrumb{   padding:.8em; margin-top: 18px; background-color:#dfdba5;  width: auto; height:auto;}
.breadcrumb {color: #686857; font-style: italic;  none; font-size: 8pt;  font-family: Verdana, Arial, Helvetica}
a.breadcrumb:link { color: #242021; font-weight: none; font-size: 8pt; font-family: Verdana, Arial, Helvetica; text-decoration: underline }
a.breadcrumb:visited { color: #242021; font-weight: none; font-size: 8pt; font-family: Verdana, Arial, Helvetica; text-decoration: underline }
a.breadcrumb:hover   { color: #57A27B; font-weight: none; font-size: 8pt; font-family: Verdana, Arial, Helvetica; text-decoration: underline }
.img { border-top-width:1px; border: 1px solid #00CCFF; }
#imageright { float: right; width: 200px; margin:0px; padding: 8px; }
#imageleft { float: left; width: 200px; margin:0px; padding: 8px; }
#imageleft1 { float: left; width: 220px; margin:0px; padding: 8px; }
#imagelg{float: left; width: 400px; margin:0px; padding: 8px; }
#imagecenter { float: left;  width: 480px; margin:10px; padding: 8px; }
#caption {font-size:8pt; font-style:italic; font:verdana, arial, sans-serif; color: #333939;  padding:8px;}
#caption1 {font:italic 8pt;  font: verdana, arial, sans-serif; color: #333939; padding: 8px; width: 390px; float: left; margin-left: 35px;}
#note {float: left;  width:500px; font:italic 8pt, verdana, arial, sans-serif; color: #333939; padding:10px;  margin:0px; }
.lgimg {  border-top-width:1px; border: 1px solid #00CCFF;}
.filedesc {font-size: 10px; font-style:italic; }
#pullbox{float: right;  margin:0px; width:200px; height:100%; padding:10px;}
#pullquote{float: right;  margin:0; width:150px; height:100%;
background: #e6e6e6; filter:alpha(opacity=50); -moz-opacity:.50;opacity:.50;  }
/*background: url(images/quote2_bg.jpg) top repeat-x;*/
#pullquote2{float: right;  margin:0; width:150px; height:100%;
background: url(../images/quote2_bg.jpg) top repeat-x;}
#pullquote h2{ margin:0; padding:10px 0 0 10px; font-size:12px; font-weight:bold;  }
#pullquote{ padding: 5px 10px 0 25px;}
#pullquote li {
	margin:0px;
	padding:5px 5px px 10px;
	list-style-type: none;
	list-style-image: url(../images/quote_arrow.gif);
}
#pullquote a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333366; text-decoration: underline;}
#pullquote a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333366; text-decoration: underline;}
#pullquote a:hover   {
	color: #64bf85;
	font-weight: none;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	background-color: #F0F0F0;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #999999;
	
}


#pullboxc{float: left;  margin:10px; width:455px; height:100%; padding:10px;}
#pullquotec{float: left;  margin:0; width:455px; height:100%; padding: 0px 10px 10px 10px;
background: #e6e6e6; filter:alpha(opacity=60); -moz-opacity:.60;opacity:.60;  }
#pullquotec h2{ margin:0; padding:5px 0 5px 10px; font-size:12px; font-weight:bold;  }
#pullquotec li {
float:left;
	margin:0px;
	padding:0px 0px 10px 10px;
	list-style-type: none;
	}
#pullquotec a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333366; text-decoration: underline;}
#pullquotec a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333366; text-decoration: underline;}
#pullquotec a:hover   {
	color: #64bf85;
	font-weight: none;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	background-color: #dfdba5;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #999999;
	
}







.textdescbox  {
margin-left: 30px;
padding: 4px;
display:block;
border:thin;
width:420;
color: #333333 ;
	font-weight: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	background-color: #CCCCCC;  
	border: 1px;
		border-color: #999999;
}

table
{border-collapse: collapse;
}
tr, td
{
border:0;
}
.t_content
{padding: .5em;}

#footer {background-color:#dfdba5; clear:both; width: 100%; height:110px; margin:0 auto; color:#1f2d32;  font-size:8pt; }
#footercenter {width: 60%; height:90; float:left; text-align:center}
#footerleft {width: 20%; height:90; float:left; padding-top:10px;text-align:center}
#footerright {width: 20%; height:90; float:left; padding-top:10px;text-align:center}
#footerlogo{float:left ; position: relative; display:block; width:50px; height:50px; background:url("/images/mtblsans.jpg") no-repeat; padding-top:6px;}

.slide-toggle{cursor:pointer; padding-left:15px; background: url(../images/icon_popup.gif) no-repeat; }
.slide-toggle:hover{color:#898;  }

/*menu*/  
  ul#menu{
  margin-top:25px; 
  padding:0;
  width:180px; 
  height: auto; 
  overflow:hidden; 
 
  }
ul#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
   padding:6px;
  width:90%;
  }
    
ul#menu li a {
 display:block; 
  text-decoration:none; 
  color: #336699 ; 
  font-size:8pt;
  margin:0px; 
  width:90%;
  }
    
  
  ul#menu li ul{
  display:none;
  margin:0px;
  margin-top:0px;
  padding:0px;
   width:90%;
  }
   ul#menu li a:hover{
  background-color:#f1f1f1;  
  }
    
  ul#menu li:hover ul {
  display:block;
  }
   
  
ul#menu ul.sub li{
 font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0px 0;
	padding:3px 10px 2px 5px;
	border-bottom: 1px dashed #99aaad;
	display: block;
 }
  
ul#menu li a:hover ul {
  background-color:#f1f1f1;
 
  margin:0 ; 
  cursor:pointer;
  }   
  
  ul#menu li li  { 
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0px 0;
font-size:9px;
	padding:3px 10px 2px 5px;
	border-bottom: 1px dashed #99aaad;
	display: block;
}

ul#menu li li a {
background-image:none;
padding:0;
display:block;
margin:0;
}

ul#menu li a span.open {
  display: block; 
  background:#7899ba;
  height:200px; 
  margin:0 10px;
  }
 
 

#footer a:link, #footer a:visited {color:#A4A32E; text-decoration:none;}
#footer a:hover {color:#000000; text-decoration:underline;}
.padding {padding: 15px 10px 10px 10px;}
a:link, a:visited {color:#333939;;}
a:hover {color: #009;}

/*firstgov search bar*/
#search{padding-left:390px;}
/*.firstgov {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#C1E8FF;}*/
.firstgovtextbox {width:100px; height:14px;}
#firstgov {
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif; 
  color: #333333 ; 
   background-color: #CEEBF7;
  border-color:#000000;}
 .calendartext{font:Arial, Helvetica, sans-serif; font-size:10px}