/*     U.S. Dept of Homeland Security      */
/*         Standard Text Style CSS         */
/*       Contact FEMAWebteam@dhs.gov       */
/*    This CSS file updated on 9/23/08     */

/*************************************************************************
	@Import CSS file
*************************************************************************/
@import url("1024layout.css"); /*make the site 1024 */

/*************************************************************************
	@basic_tags
*************************************************************************/

	/********************/
	/*** @header_tags ***/
	/********************/
	h1 {color: #c33;
		font-size: 1.4em;
		line-height: 1.1em;
		padding: 15px 0 0 0;}
	
	h2 {font-size: 1.2em;
		line-height: 1.1em;
		color: #CC3333;
		font-weight: bold;
		margin-bottom: 0px;
		padding: 5px 0 0 0;
		clear:both;}
	
	h3 {font-size: 1.0em;
		font-weight: bold;
		margin-bottom:0;}
	
	h1, h2, h3 {
		margin-top:0;}
		
	/***************/
	/*** @tables ***/
	/***************/
	table {margin:10px}
	
	/*******************/
	/*** @text_style ***/
	/*******************/
	p {color: #333;
		padding: 0 0 7px 0;}
	
	/**************/
	/*** @lists ***/
	/**************/
	ul {
		margin-top:3px;
		margin-left:0px;
		padding-left:20px;
		table-layout:fixed;
	}
	
	

	/**************/
	/*** @links ***/
	/**************/
	a:link		{color: #003366; text-decoration: underline;}
	a:visited	{color: #551a8b; text-decoration: underline;}
	a:hover		{color: #666666; text-decoration: underline;}
	a:active 	{color: #666666; text-decoration: none;} 	
	
	/**************/
	/*** @other ***/
	/**************/
	select.findInfo {
		width: 120px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
		background-color: #E9E9E9;
		font-size: 0.6em;
		margin: 0 0 0 10px;
		padding: 0 1px 0 5px;
		border: 1px solid #666;
		}
	
	img.home {
		padding:15px 10px 0px 10px;
		border:0px;
		}
	
	img.button {
		padding:5px 10px 5px 10px;
		border:0px;
		}
	
	img.left {
		padding:0px 10px 5px 0px;
		border:0px;
		float:left;
		}
	
	img.right {
		padding:0px 0px 5px 10px;
		border:0px;
		float:right;
		}
		
	hr {
		border:0;
		color:#666;
		background-color:#666;
		height:1px;
		}


/*************************************************************************
	@layout_elements
*************************************************************************/

	/********************/
	/*** @header_tags ***/
	/********************/
	#column-c h1 {
		font-family: "Times New Roman", Times, serif !important;
		font-size: 1.2em;
		line-height: 1.0em;
		color: #CC3333;
		margin: 0;
		padding: 15px 10px 0 10px;
		}
	
	.subtitle {color: #999999;
		font-size: 1.1em;
		font-style: italic;
		font-weight: bold;
		margin-top:-5px;}
	
	#column-c h2 {
		font-size: 1em;
		line-height: 0.8em;
		color: #CC3333;
		font-weight: bold;
		margin: 0;
		padding: 5px 10px 0 10px;
		}
		
	/*******************/
	/*** @text_style ***/
	/*******************/
	#column-c p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #333;
		padding: 0 0 7px 0;
		}
	
	#column-c p {
		padding:0; margin:5px 0 0 10px;  
		font-size: 0.85em;}
		
	/* .sourcecode is used for styleguide */
	.sourcecode {
		font-size: 1em;
		color: Black;
		border: thin solid;
		padding: 5px;
		background-color: #FFFF99;
		font-family: "Courier New", Courier, monospace;
		} 
	code {font-size: 1.2em; vertical-align:top;}
	
	.source {
		font-size: .8em;
		font-style: italic;
		}
		
	/*     plugin link style     */
	div#plugin {
		margin: 10px; padding: 0;
		border: 1px solid #666;
		background: #f3f3f3;
		}
	div#plugin p {
		margin: 5px;
		padding: 0;
		}
	div#plugin p.title {
		font-size: 0.9em;
		font-weight: bold;
		color: #000;
		}
	.small {
		font-size: 0.85em;
		}
	
	/* footer */
	div#footer p {
		margin: 0; padding: 0.5em;
		font-size:0.8em;
		}
	p#modified {
	font-size: 0.7em;
	font-style: italic;
	margin: 3em 0 .1em 0;
	}
	
	.line-through {text-decoration: line-through;}
	.clearfloat {display: table; width: 100%; margin-bottom:15px;}
	.clearall {clear:both;}
	.info {font-size: .8em; color: #FF0000;}
	.red {color: #FF0000;}
	.newtext {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FF6600; background-color: #FFFF00}
	.spacer {clear: both; padding: 0px 0px 0px 0px;}
	.last-border {border-right:1px solid #3c4a1f;}
	
	/*------------------alert box------------------*/
	#alert {width:550px; background-color:#eaeaea; border:1px solid #999; padding:5px;}
	
	/*---------- Mitigationbp STYLE FOR BRIEF ----------------*/
	.minitopback 
		{
	  	background-image: url(/img/mb_top.gif);
	  	background-repeat: repeat-x;
	  	}
	.minibottomback 
		{
		  background-image: url(/img/mb_bottom.gif);
		  background-repeat: repeat-x;
		  }
	.minileftback
		{
		 background-image: url(/img/mb_leftmiddle.gif);
		 background-repeat: repeat-y;
		 }
	.minirightback
		{
		 background-image: url(/img/mb_rightmiddle.gif);
		 background-repeat: repeat-y;
		 }
	.minicolor 
		{background-color: #E5ECF9;
		 }
	
	.minititle3
		{ 
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 14px;
		 font-weight: bold;
		 color: black;
		 text-align:center;
		 }
	.minititle1
		{
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 13px;
		 font-weight: bold;
		 color: #000066;
		 }
	.minititle2
		{
		 font-family: Arial, Helvetica, sans-serif, Verdana;
		 font-size: 12px;
		 font-weight: bold;
		 color: #000000;
	  	}
	.minitext
		{
	  	font-family: Arial, Helvetica, sans-serif, Verdana;
	  	font-size: 12px;
	  	color: #000000;
	  	}
	/*---------- END STYLE FOR BREIF ------------*/
	
	/*------------- RSS, Email and Print Preview update 081106 ----------*/
	#rss-email, #iconLink {text-align:right; padding:10px 0 0 0; font-size:.85em;}
	#rss-email img, #iconLink img {border:none;}

	
	/*------------- CallOut Box style ----------*/
	/*This style was added on 12/31/08 */
	div.imageBox {
	   	float:left;
	   	}
	div.imageBox p {margin:0 0 11px 0; font-size:0.85em;}
	div.imageBox img {border:1px solid #333; width:154px; padding:1px;}
	
	#h-photos {/*background-color:#e4f0fb;*/ width:160px; padding:7px; float:right; margin-left:10px;}
	   
	#callOutBox {width:216px; float:right; margin:0 0 0 10px; padding:0 7px 9px 7px; background-color:#ededed;}
	#callOutBox h3 {
		font:bold 0.9em Verdana, Arial; 
			color: #fff;
			display: block;
			position: relative;
			width: auto;
			padding: 5px 0 0 10px;
			text-decoration: none;
			margin:10px 0 2px 0;
			padding:5px 10px;
			border:1px solid #cbcbcb;
		background:#fff url('/graphics/media/multimedia/glossyback.gif') repeat-x bottom left;
		}
	.callOutBox-content {border:1px solid #cbcbcb; padding:8px; background-color:#fff; overflow:auto;}
	.callOutBox-content ul {margin:0; padding:0; font-size: 0.9em;}
	.callOutBox-content li {
		list-style: disc url(/graphics/callout_list_bullet.gif) outside; 
		margin: 5px 0 0 0.8em; 
		padding:0; list-style:none;
		}
	 .callOutBox-content li a, .callOutBox-content li a:link, .callOutBox-content li a:active, .callOutBox-content li a:visited {
	 	display:block; color: #003366; padding:2px 0; text-decoration:none;}
	.callOutBox-content li a:hover
		{color:#000; background-color:#dddcd7;}

	div.info {
			padding:10px 10px 10px 0;
			display:table;
			width:90%;
			border-bottom:1px dotted #ccc;
			clear:left;
		}

	div.info p, .callOutBox-content p {
			vertical-align: top;
			margin:0;
			padding:0;
			font-size: 1.1em;
		}

	div.info img {
			border:1px solid #333;
			float:left;
			margin-right:10px;
		}
	div.info a:link, div.info a:active, div.info a:visited {
			text-decoration:none;
		}

	/*------------- CallOut Box style ----------*/
	
	/*     2 column style     */
	div.datanav {
		background-color: #EAEAEA;
		border: 1px solid #333; 
		padding: 3px 5px; 
		margin: 0px auto; 
		height:20px;
		}
	div.datanav span.right {
		float:right; font-size:90%; 
		font-family:Arial, Helvetica, sans-serif; 
		width: 49%; 
		text-align: right;
		}
	div.datanav span.left {
		float:left; font-size:90%; 
		font-family:Arial, Helvetica, sans-serif; 
		width: 49%; text-align: left;
		}
	div.datanav span.nopage {color:#fff; margin:0 5px; 
		background-color:#eaeaea; border:1px solid #fff;	
		padding:0 2px; text-decoration: none; 
		font-size:90%; 
		color:#999;
		}
	div.datanav form {margin:0; padding:0; display:inline;}
	
	/*------------- Widget style ----------*/
	#widgetList {background-color:#ffffff;} 
	#widgetList h1 {color:#ffffff; margin:0 0 2px 0; padding:5px 4px; text-align:center; font-size:.9em; background:#00578d url(http://www.fema.gov/graphics/help/widgets/hurricaneike-back.gif) repeat-x top; }
	#widgetList h2, #widgetList h3 {margin:5px; padding:0;}
	#widgetList h2 {font:bold 0.85em Arial; color: #000 }
	#widgetList p, #widgetList ul {font-size:.7em; margin:0 0 1em 20px; padding:0;}
	#widgetList .footer {text-align:center; font-size:x-small; font-style:oblique; margin:4px;}
	#widgetList li {margin:0; padding:0; line-height:1.4em;}
	
	td.widget {align:right;}
	td.code {vertical-align:top; padding:10px; background-color:#fff; }
	td.code p {padding:10px; border:1px solid #000; background-color:#ffffcc;}

	
	/**************/
	/*** @lists ***/
	/**************/
	#column-c ul {
		list-style-type:none; 
		padding:0; font-size: 0.85em; 
		color: #666; 
		margin: 10px 10px 7px -10px;
		}
	#column-c li {
		margin: 2px 2px 0 10px; 
		padding: 0 0 0 10px;
		}
	#column-c ol {
		list-style-type:none; 
		padding:0; font-size: 0.85em; 
		color: #666; 
		margin: 10px 10px 7px 10px;
		}
	#column-c li {
		margin: 2px 2px 0 20px; padding:0;
		}
		
	ul.leftsidebar {
		list-style-type:none;
		margin: 10px 10px 7px -10px;
		padding: 10px 0 10px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 0.8em;
		color: #666;
		}
	ul.leftsidebar li {
		margin: 0px 2px 7px 10px;
		padding: 0 0 0 10px;
		}
	div#footer ul {
		margin: 0; padding: .5em;
		list-style-type: none;
		position: relative;
		background-color: #fff;
		}
	div#footer ul li {
		margin: 0; padding: .5em .9em;
		display: inline;
		}
		

	/***************/
	/*** @tables ***/
	/***************/
	#column-e table {margin:0;}
	
	/* data table style */
	.datatable {
		border-collapse: collapse;  border: 1px solid #C1DAD7; margin:10px 0 5px 0; padding:0;
		}
	.datatable th 
		{font: bold 0.85em Arial; color: #6D929B; 
		letter-spacing: 1px; text-transform: uppercase; 
		text-align: center; 
		padding: 6px 6px 6px 12px; 
		background: #CAE8EA url(/graphics/datatable_bg_header.jpg) no-repeat; 
		border: 1px solid #C1DAD7;
		}
	.datatable th.nbg {
		font: bold 0.85em Arial; color: #666; letter-spacing: 1px; 
		text-transform: uppercase; text-align: center; 
		padding: 6px 6px 6px 12px; background: #eaeaea;
		}
	.datatable td {
		border: 1px solid #C1DAD7; 
		font: 0.9em Arial; 
		color: #4f6b72; 
		padding: 6px 6px 6px 12px;
		}
	.datatable tr.r0 {background-color: #F5FAFA;}
	.datatable tr.r1 {background-color: #ffffff;}
	.datatable caption {font: bold italic 0.8em Arial; text-align:left; color:#666;}
	
	/*------------- overLib library style ----------*/
	#overDiv table {margin:0}
	#overDiv table a {text-decoration:none;}
	/*------------- overLib library style ----------*/


	/**************/
	/*** @links ***/
	/**************/
	a.backtotop {
		margin:0px 0px 5px 0px;
		background:transparent url(/img/back2top.gif) no-repeat 0px 3px;
		padding:0px 0px 5px 15px;
		font-size: 8pt;
		font-weight: bold;
		text-decoration:none;
		}	
	a:hover.backtotop {
		margin:0px 0px 5px 0px;
		background:transparent url(/img/back2top_hover.gif) no-repeat 0px 3px;
		padding:0px 0px 5px 15px;
		font-size: 8pt;
		font-weight: bold;
		text-decoration:underline;
		}
		
	/*------------- RSS and Email update ----------*/
	a.emailUpdate:link, a.emailUpdate:visited, a.emailUpdate:hover {
		background:url(/graphics/envelope.jpg) 0 50% no-repeat;
		padding-left: 24px;
		text-decoration: none;
		margin:10px
		}
		
	a.rssFeed:link, a.rssFeed:visited, a.rssFeed:hover {
		background:url(/graphics/home/feed_icon.gif) 0 50% no-repeat;
		padding-left: 20px;
		text-decoration: none;
		margin:10px
		}
	a.printPreview:link, a.printPreview:visited, a.printPreview:hover {
		background:url(/graphics/printer_icon.gif) 0 50% no-repeat;
		padding-left: 20px;
		text-decoration: none;
		margin:10px
		}
		
	/* footer link */
	div#footer a:link	{font-size:0.9em; color: #666; text-decoration: none;}
	div#footer a:visited {font-size:0.9em; color: #666; text-decoration: none;}
	div#footer a:hover	{font-size:0.9em; color: #666; text-decoration: underline;}
	div#footer a:active	{font-size:0.9em; color: #666; text-decoration: none;}

	/*  2 column style  */
	div.datanav a {
		color:#fff; margin:0 5px; background-color:#369; 
		border:1px solid #fff; padding:0 2px; 
		text-decoration:none; font-size: 90%;
		}
	div.datanav a:visited {text-decoration:none; color:#fff;}
	div.datanav a:hover {text-decoration:none; color:#fc0;}


	/**************/
	/*** @forms ***/
	/**************/
	/*------------------START SRCE submission------------------*/
	#srce-submission {margin: 0px; padding: 0px;	width: 570px;}
	#srce-submission div.row {clear: both; border: 1px solid #C1DAD7; width: 568px;}
	#srce-submission p {clear: both; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}
	#srce-submission span.label {
		float: left;
		padding: 7px 5px 8px 0px;
		width: 250px;
		text-align: right;
		font-weight: bold;
		background-color: /*#E4E4E4;*/#F5FAFA;
		border-top: 1px solid /*#ccc;*/#C1DAD7;
		font-size: 12px;
		}
	#srce-submission .subtext {
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		}
	#srce-submission span.data {
		padding: 4px 2px 4px 15px; 
		float: right; width: 296px; text-align: left; 
		font-size: 85%; 
		border-top: 1px solid /*#ccc;*/#C1DAD7;
		}
	#srce-submission p.labeldata {padding: 4px 2px 4px 15px; text-align: left; font-size: 85%;}  
	#srce-submission input {font:200 11px tahoma, arial; margin:10px;}
	#srce-submission select { 
	  	width:280px;
	  	font:200 11px tahoma, arial;
		}
	#srce-submission select.smallWidth { 
	  	width:160px;
	  	font:200 11px tahoma, arial;
		}
	#srce-submission textarea { 
	  	width:320px;
	  	font:200 11px tahoma, arial;
		}
	#srce-submission h3 {
		background-color:#F5FAFA; 
		font: bold 1em Arial; color: #345E68; 
		padding:5px;border-bottom:1px solid #C1DAD7; 
		background: #CAE8EA url(/graphics/datatable_bg_header.jpg) no-repeat; 
		border-top:1px solid #C1DAD7; 
		border-right:1px solid #C1DAD7; 
		border-left:1px solid #C1DAD7;
		}



/*********************/
/*** @navSecondary ***/
/*********************/
	div#sectionnav {
		width: 170px;
		margin: 0; padding: 0;
		position: relative;
		float: left;
	}
	div#sectionnav ul {
		margin: 5px 0 0 0; padding: 0;
		list-style-type: none;
		position: relative;
		border: 1px solid #fff;
	}
	div#sectionnav ul li {
		margin: 0; padding: 10px 5px;
		border-bottom: 1px solid #036;
	}
	div#sectionnav ul li a {
		margin: 0; padding: 0;
		color: #036; text-decoration: none;
	}
	div#sectionnav ul li a:hover {
		margin: 0; padding: 0;
		color: #036; text-decoration:underline;
	}
	div#sectionnav ul li ul {
		margin: 0; padding: 0;
		background: #fff;
		padding-left:20px;
		position: relative;
	}
	div#sectionnav ul li ul li {
		margin: 0; padding: 7px 0 7px 0;
		border-bottom: 0;
	}
	div#sectionnav ul li ul li a {
		margin: 0; padding: 0;  text-decoration: none;
	}
	div#sectionnav ul li ul li a:hover {
		margin: 0; padding: 0;  text-decoration: underline;
	}
	div#sectionnav .navfocus {
		font-weight: bold;
	}


	/*********************/
	/***   @greennav   ***/
	/*********************/
	#greennav {
		background:#690;
		margin:0;
		padding:0;
		text-align:right;
		font-size:0.85em;
		width:100%;
		color:#ffffff
	}
	#greennav ul {padding:0; margin:0; list-style:none;}
	#greennav li {
		color:#ffffff;
		display: inline;
		margin:0; padding:0;
	}
	
	#greennav ul li a, #greennav ul li a:link, #greennav ul li a:active, #greennav ul li a:visited {
		padding:5px 12px;
		margin:0;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		display:inline-block;
	}
	#greennav a:hover {
		background-color:#060;
	}
	#greennav .navfocus {
		background-color:#060;
	}



	/*********************/
	/***   @http://www.fema.gov/hazard/tsunami/aa_somoa navigation ***/
	/*********************/

	.aa_menu {
	
		
	height:45px;
	width:62px;
	text-align:center;
	vertical-align:center;
	float:left;
	padding:5px;
	margin:3px;
	background-color:#ededed;
	border-style:solid;
	border-color:#dddddd;
	border-width:1px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;

	
	}
	
	.announcement {color: #c33;
		font-size: 1em;
		line-height: 1.1em;
		padding:5px 0 10px 0;}
		
		

		
.locationPin {
	cursor: pointer;
	background-image: url(../img/poi_search.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 25px;
	height: 39px;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff !important;
	padding: 5px 9px 20px 9px;
	text-decoration: none !important;
	border: 1px solid #ffffff;
}
.locationPin:focus, .locationPin:active {
	border: 1px dashed #000000;
}