/*     U.S. Dept of Homelane Security      */
/*            FEMA homepage CSS            */
/*    This CSS file updated on 5/28/08     */


/*************************************************************************
	@basic_tags
*************************************************************************/

	a.skipnav {position: absolute;
		color:#006600;
		top: -100px;
		left: -100px;
		height:1px;
		width:1px;
		overflow:hidden;
		text-align: left;}
	
	a.skipnav:active, a.skipnav:focus {top:0;
		left:0;
		background-color:#d9e6df;
		height:auto;
		overflow:auto;
		width: 100%;
		padding:5px;
		text-decoration:none;}
		
	h1 {margin:0 0 0 -5px; padding:0; color:#003366; font-family:"Times New Roman", Times, serif; font-size:1.9em;}
	
	h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:1.3em;}
	
	h3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:1.1em;}
	
	img {border:0;}	
	

	body {font: 100.1% Arial, Verdana, Helvetica, sans-serif;
		background: #fff;
		margin: 0; 
		padding: 0;
		text-align: center;
		color: #000000;
	}


/*************************************************************************
	@layout_elements
*************************************************************************/
	#header, #mainNav, #mainContent, #headline-nav
		{overflow:hidden; display:inline-block; text-align:left}
	
	#pageContainer {width: 778px;
		background: #FFFFFF;
		margin: 0 auto;
		text-align: left; 
		font-size: 0.8em;}
	
	#topbanner-nav {margin:10px; width:758px;}
	
	#header {
		margin: 0 auto;
		height:73px;
		width:758px;
		padding:0 10px;
		background:url(/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/header_bg.gif) #003399 repeat-x left top;}
	
	#header a {text-decoration:none; 
			color:#006600;} 
	
	#header a:hover {text-decoration:none; 
			color:#c33;} 
	
	#header a.selected {font-weight:bold;}

	/**************************/
	/*** @Banner Navigation ***/
	/**************************/
	#bannernav {margin: 0; padding: 0;
		list-style-type: none;
		text-align: right;
		font-size:0.85em;}
		
	#bannernav li  {margin: 0; padding: 0;
		display: inline; border-left: 1px solid #666; }
		
	#bannernav li a  {margin: 0; padding: 0 5px 0 5px; 
		color: #333;
		text-decoration: none;}
		
	#bannernav li a:hover  {text-decoration: underline;}
	
	.logo {	float:left; 
			width:158px;
			padding-top:4px;}
			
	/**************************/
	/***     @search box    ***/
	/**************************/
	.header-search {
		text-align:right;
		float:right; 
		width:595px;
		padding:5px 0 0 0;
		margin:0;
		height:68px;
	}
	.header-search p {
		text-transform: uppercase;
		color:#000;
		font-size:0.7em;}
	#searchbox label {
		color:#069; position: absolute;
		left: -9999px;
	}
	input#q {
		color: #5C5C5C;
		margin: 0; padding: 0;
	}
	#searchbox a {
		color: #fff; text-decoration: none; padding-right:50px;
	}
	div#searchbox a:hover {
		color: #fff; text-decoration: underline; text-align:right;
	}

	/**************************/
	/***  @main navigation  ***/
	/**************************/
	#mainNav {width:778px; margin:0; padding:0; 
		clear:both; 
		overflow: hidden; 
		background:url(/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/home_mainNav_bg2.gif) repeat-x left top;
		font:0.83em verdana, arial;
		border-bottom: 1px solid #669900;}
	#mainNav ul
		{list-style: none;
		padding: 0 10px;
		margin: 0;}
	
	#mainNav li
		{background: none;
		float: left;
		margin: 0; padding:0;}
	
	#mainNav li a, #mainNav li a:link, #mainNav li a:active
		{float: left;
		width: 149px; /*tab #9-7.8em, #8-8.8em*/
		display: block;
		border-left:1px solid #3c4a1f;
		color: #042143;
		text-decoration: none;
		text-align: center;
		height:21px;
		padding-top:5px;
		font-weight: bold;
		background:url(/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/home_mainNav_bg.gif) no-repeat left top;}
	
		#mainNav li a:hover
		{text-decoration: none; font-weight:bold;
		background:url(/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/home_mainNav_bg_over.gif) no-repeat left top;}
		/* Hide from IE5-Mac \*/
		#mainNav li a
		{float: none}
		/* End hide */
			
	
	#mainContent {padding: 0;
		background: #FFFFFF;
		clear:both;}
	/********** end main navigation ***************/
	
	/**********  column style ***************/
	#first-column {width:165px; float:left; margin:0; padding:0;}
	#second-column {margin:1em 0 0 175px; padding:0;}
	#second-left, #second-right {float:left; position:relative; padding:0;}
	
	#second-left {width:397px; margin:0;}
	#second-right {width:190px; margin-left:13px;}
	#diaster-list {overflow: auto; width:100%;}
	
	#first-column h2, #second-left h2, #second-right h2 
		{margin:1em 0 0 0; padding:2px 0 0 11px; 
		font:bold 12px Arial, Verdana;
		height:19px;
		color:#333;}
		
	#first-column ul, #headline-list, #record-list, #disaster-list, #headnav-list
		{margin:0; padding:0 0 0.8em 0; font-size:0.85em;  list-style-type:none;
		border-bottom:1px solid #808080;
		border-right:1px solid #a6a6a6;
		border-left:1px solid #eaeaea;}
		
	#headline-list {height:12.2em; /*10.2em*/
		}
		/* for Internet Explorer */
		/*\*/
		* html #headline-list {
		height: 10.2em;
		}
		/**/
	#first-column h2 {background:url('/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/green_header_bg.gif') #fff no-repeat 0 0;}
	#second-left h2 {background:url('/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/grey_header_bg.gif') #fff no-repeat 0 0;}
	#second-right h2 {background:url('/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/green_header_bg2.gif') #fff no-repeat 0 0;}
	
	#first-column ul, div#disaster-list 
		{background-color:#f0f0f0;}
	div#disaster-list {display:table; width:188px;}
	#first-column ul li a, #record-list li a, #second-right ul li a, #second-right a 
		{padding:3px; display:block;  margin-left:5px; color: #003366;}
		
		#headline-list li {padding:3px; margin-left:5px;}
		#headline-list li a {color: #003366;}
		
	#first-column ul li a {width:150px;}
	
	/* #headline-list li a, */
	#record-list li a, #headnav-list li a {width:382px;}
	
	#second-right ul li a {width:80px;}
	
	#first-column ul li a:link, #customer-list a:visited, #quick-list a:visited, #about-list a:visited 
		{color: #003366; text-decoration: none;}
		
		#quick-list {height:16.4em;}
		
	#first-column ul li a:hover, #second-right a:hover
		{color:#000; background-color:#dddcd7;}
		
	#second-left #assistance {margin-bottom:2.8em; }
	#second-left #assistance h2 {background:url('/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/assistance_h2_bg.gif') no-repeat left top !important;
	text-indent: -9999px; padding-bottom:16px; border-bottom:0px;}
	
	#second-left #assistance ul {list-style: none; margin: 0; padding:0;}
	#second-left #assistance li {background: none;
		float: left;
		margin: 0; padding:0;}
	#second-left #assistance li a.assistance:link, #second-left #assistance li a.assistance:active, #second-left #assistance li a.assistance:visited, #second-left #assistance li a.assistance:hover
		{float: left;
		width: 198px; /*tab #9-7.8em, #8-8.8em*/
		display: block;
		height:24px;
		text-indent: -9999px; 
		margin: 0; padding:0;
		border: 0px;
		background:url('/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/btnAssistance.gif') no-repeat left top;}
		
 	#second-left #assistance li a.assistance-spa:link, #second-left #assistance li a.assistance-spa:active,  #second-left #assistance li a.assistance-spa:visited, #second-left #assistance li a.assistance-spa:hover
		{float: left;
		width: 198px; /*tab #9-7.8em, #8-8.8em*/
		display: block;
		height:24px;
		text-indent: -9999px; 
		margin: 0; padding:0;
		border: 0px;
		background:url('/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/btnAssisstance_spa.gif') no-repeat right top;}
	
		/* Hide from IE5-Mac \*/
		#second-left #assistance li a
		{float: none}
		/* End hide */
		
	/**********  end column style ***************/
		
	/**********  content style ***************/
	#headline-list {border-bottom:none;}
	#headnav-list {text-align: right; padding: 0;}
	#headnav-list li {display: inline; border-left: 1px solid #666;}
	#headnav-list li a {margin: 0; 
		padding: 0 5px 0 5px; 
		color: #036;
		text-decoration: none; 
		font-weight:bold;}
	#headnav-list li a:hover  {text-decoration: underline;}
	
	#second-right a, #second-right a:hover, #second-left a {text-decoration:none;}
	#second-left a:hover {text-decoration:underline;}
	
	#disaster-list ul {list-style-type:none;
		width: 45%;
		margin: 0;
		padding: 0;}
	#disaster-list ul.left {float: left;}
	/*#second-right img {width:189px;}*/
	#disaster-list ul.right {padding-bottom:1em; /*4.3em*/ float: left;}
	#disaster-list p {padding-left:5px; 
		margin-bottom:0; padding-bottom:1em;
		}
	#disaster-list a
		{display:inline; 
		margin:0; }
	#disaster-list {padding-bottom:0;}
	/**********  end content style ***************/
	
	/**********  Footer style ***************/
	#footer {clear:left;
		padding:0 ; 
		margin-bottom:1em;
		margin-top:1em;
		}
	#footer ul {margin:0; padding:0; list-style-type:none; position:relative; font-size:0.85em}
	#footer ul li {display:inline; border-left:1px solid #666;}
	
	#footer a {color:#333; padding:0 5px; text-decoration:none; margin:0; }
	#footer a:hover {color:#c33; text-decoration:none; }
	
	#footer li.noborder {border-right:none;}
	
	#footer-link {border:1px solid /*#e5e5e5*/#666; margin:0; padding:0; }
	
	#othersite {float: left; width: 600px;}
	#othersite ul.flink2 {border-top:1px solid #e5e5e5;}
	#othersite ul {padding:1em 0;}
	
	#threat-level { width:172px; border-left:1px solid /*#e5e5e5*/#666;
		margin:0 0 0 600px; 
		text-align:center; padding:5px 0;}
	
	.last-border {border-right:1px solid #3c4a1f;}
	
	#footer li.first, #bannernav li.first, #headnav-list li.first {border-left:0;}
	
	#footer hr {height: 1px; color: #e5e5e5;
		  background-color: #e5e5e5; border:0; padding:0; margin:0;}
		  
	#footer p { font-size:0.8em; color:#666;}
	
	/**********  end Footer style ***************/
	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	.clearfloat {
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}
	
	/*-----------------Flash banner list--------------*/
	#flashcontent {
	margin:0;
	padding:0;
	min-height: 168px;
	background:url(/eot2008/20090822021528oe_/http://www.fema.gov/img/homepage/no_flash_bg.gif) #fff no-repeat;
	}
	
	#flashcontent p {
	float: left;
	height: 68px;
	width: 390px;
	padding-top: 100px;
	text-align: center;
	margin: 0;
	}
	
	#flashcontent ul {
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 3px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#flashcontent ul li {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
	
	#flashcontent li a {
	display: block;
	vertical-align: middle;
	height: 42px;
	padding: 10px 10px 0 10px;
	width: 170px;
	background-color: #fff;
	font-weight: bold;
	}
	
	#flashcontent ul li a:link, .flashlist ul li a:visited {
	color: #000;
	text-decoration: none;
	}
	
	#flashcontent ul li a:hover {
	background-color: #e9e9e9;
	}
	/*-----------------end Flash banner list--------------*/
	
	/*-----------------News Ticker--------------*/
	#ticker {height:25px; margin:0; padding:3px 0 0 0; margin: 7px 0px 0px 0px; background:url(/eot2008/20090822021528oe_/http://www.fema.gov/graphics/home/ticker_bg.gif) #fff no-repeat left top;}
	
	#ticker h3 {text-indent: -9999px; width:160px; padding:0; margin:0; float:left; }
	
	#flashcontent2 {margin:0 0 0 166px;}
	/*-----------------end News Ticker--------------*/