body {
	background: #fff;
	margin: 0;
	padding: 0;
	font: 10px normal Arial, Helvetica, sans-serif;
	color: #000;
	 text-align:justify; 
}
 #utilityLinks{ position:absolute; top:25px; right:40px;list-style:none;}
/************
#utilityLinks a, #utilityLinks a:hover{ text-decoration:none; border:none; color:#666666;}
 #utilityLinks a img{ border:1px solid #ccc;}
 #utilityLinks a:hover img{ border:1px solid #333;}
************/
/********************/
#utilityLinks li {
	float:left;
	color:#000;
	padding-left:0.75em;
	text-align:center;
	margin-top:55%;
	}		
#utilityLinks li a {

	font-size:11px;
	display:block;
	padding:0 15px 0 0;
	text-decoration:none;
	}							
#utilityLinks li a:link,
#utilityLinks li a:visited {
	color:#2B5C85;
	text-decoration:none;
	 border:none;
	}	
#utilityLinks li a img{ border:1px solid #ccc;}
#utilityLinks li a:hover,
#utilityLinks li a:focus {
	color:#000;
	}

	#utilityLinks li a:hover,
#utilityLinks li a:focus {
	color:#000;
	 border:none;
	}
	#utilityLinks li a:hover img{ border:1px solid #333;}


 /***********************************/
 .alterNate{ 
 color:#000; 
 background-color:#fafafa; 
  } 
 
/* body 
 { 
 font-size:12px; 
 color:#000000; 
 background-color:#fff; 
 margin:0px; 
 overflow:auto; 
 overflow-x:none; 
 font-family:Arial, Helvetica, sans-serif; 
 text-align:justify; 
 } 
*/ .tab 
 { 
 font-family:Arial, Helvetica, sans-serif; 
 width:99%; 
 border-collapse:collapse; 
 margin:0px auto; 
 margin-bottom:20px; 
 } 
 .tab td, .tab th  
 { 
 border:1px solid #ccc; 
 padding:3px 7px 2px 20px; 
 } 
 .tab th  
 { 
 
 text-align:left; 
 padding-top:5px; 
 padding-bottom:4px; 
 background-color:#408EBC; 
 color:#fff; 
 } 
 .tab tr.alt td  
 { 
 color:#000; 
 background-color:#e0eff6; 
 } 
 .td1{ width:25%;} 
 .td2 { 
 width:20%; 
 } 
 p{ padding:5px; margin:0px;} 
 .imgDssCtr{ text-align:center;} 
 .bultHead{ text-align:center; margin:20px 0px; font-size:12px;} 
  h3{ padding:0px; margin:5px; color:#333; text-decoration:underline; } 
 .txtCnt{text-align:center;} 
 .txtNoteReview{ text-decoration:none; font-style:italic; font-size:12px; color:#000; width:80%; margin:0 auto;} 
 .tab2 
 { 
 font-family:Arial, Helvetica, sans-serif; 
 width:99%; 
 border-collapse:collapse; 
 margin:0px auto; 
 margin-bottom:20px; 
 } 
 .tab2 td, .tab2 th  
 { 

 border:1px solid #ccc; 
 padding:3px; 
 text-align:center;
 } 
 .tab2 th  
 { 

 text-align:left; 
/* padding-top:5px; 
 padding-bottom:4px; */
 background-color:#fff; 
 color:#000; 
 } 
 .tab2 tr.alt td  
 { 
 color:#000; 
 background-color:#e0eff6; 
 text-align:center;
 } 
 /************************** Tabs structure in Bulletins**********************/
 
h1 {font-size: 3em; margin: 20px 0;}
.container {width: 90%; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
	font-weight:bold;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
		margin-bottom:15px;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;

}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/**************** Tsunami threat map container with legend************************/
#Tsunamicontent { margin: 0; padding: 0;  color: #000; background: #fff;  position: relative; padding-bottom:5px;  width:95%;/*width:80%;float: left; */}
#TsunamiLegend { background: #fff; width: 18%; float: left; text-align:left; margin-left:1%; display:none;}
.legend{border:1px solid #DDDDDD; font-weight: bold; font-size: 12px; margin-left:2px;}
.legend h3{padding:10px; margin:0px; background: #2b5c85; color:#fff;font-size:12px; text-decoration:none; font-weight:normal;}
.legend ul
{
list-style: none;
margin: 0;
padding: 0;
margin-left: 5px;
}

li.red
{
background-image: url(../images/red.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.orange
{
background-image: url(../images/Orange.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.yellow
{
background-image: url(../images/Yellow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.green
{
background-image: url(../images/Green.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}
.tab_content img {
	border: 1px solid #ddd;
	}
.EqMapSplash{width:99%;}
.clear{ clear:both;}
*{ font-family:Arial, Helvetica, sans-serif;}
.TabbedPanelsContent iframe{width:920px; height:800px;}