/*     U.S. Dept of Homelane Security      */
/*            FEMA homepage CSS            */
/*    This CSS file updated on 6/18/09     */


/*************************************************************************
	@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;}
		
	a:link, a:visited, a:visited 
		{color: #003366; text-decoration: none;}
		
	a:hover
		{color:#000; text-decoration:underline;}

		
	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
*************************************************************************/
	#pageContainer {width: 995px;
		background: #FFF;
		margin: 0 auto;
		text-align: left; 
		font-size: 0.8em;}
	
	#header, #mainNav, #mainContent, #headline-nav{
		overflow:hidden; display:inline-block; text-align:left
	}
	#topbanner-nav {margin:10px; width:975px;}
	
	#header {
		margin: 0;
		height:73px;
		width:975px;
		padding:0 10px;
		background:url('../graphics/header_bg.gif') #003399 no-repeat right top;}
	
	#header a {text-decoration:none; 
			color:#006600;} 
	
	#header a:hover {text-decoration:none; 
			color:#c33;} 
	
	#header a.selected {font-weight:bold;}
	#slogan {color:#a7cbd9; margin:30px 0 0 175px; width:290px; font-style:italic; 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;}
	
	
	/**************************/
	/*****   search box     ***/
	/**************************/
	.header-search {
			text-align:right;
			float:right; 
			width:795px;
			padding:5px 0 0 0;
			margin:0;
			height:68px;
	}
	.header-search p {
		text-transform: uppercase;
		color:#000;
		font-size:0.7em;}
		
	.logo {	float:left; 
			width:158px;
			padding-top:4px;}
	#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:995px; margin:0; padding:0; 
		clear:both; 
		overflow: hidden; 
		background:url('../graphics/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 5px;
		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: 182px; /*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('../graphics/home_mainNav_bg.gif') no-repeat left top;}

	#mainNav li a:hover
	{text-decoration: none; font-weight:bold;
	background:url('../graphics/home_mainNav_bg_over.gif') no-repeat left top;}
	/* Hide from IE5-Mac \*/
	#mainNav li a
	{float: none}
	/* End hide */
	
	#mainNav li a.sm, #mainNav li a.sm:link, #mainNav li a.sm:active, #mainNav li a.sm:hover {width: 138px;}
		
	#mainContent {padding: 0;
		background: #FFFFFF;
		clear:both;}

	
	/**************************/
	/*****   column style   ***/
	/**************************/
	#first-column {width:743px; float:left; margin:0; padding:0;}
	#second-column {width:233px; margin:0 0 0 757px; padding:0;}
		
	#firstLeft {width:548px; margin:0; float:left;}
	#firstRight {width:180px; margin-left:15px; float:left;}
	
	#secondLeft {width:160px; float:left; position:relative; padding:0;}
	#secondRight {float:left; position:relative; padding:0;}
	
	#disasterAssistance {padding-bottom:15px;
		background:url('../graphics/homepage_box_bottom_bg.gif') #fff no-repeat 0 bottom;}
		
	#femaYou, #typesDisasters {
		padding-bottom:15px;
		background:url('../graphics/homepage_box1_bottom_bg.gif') #fff no-repeat 0 bottom;}
		
	#azIndex, #mostSearched, #aboutUs, #otherFEMA {
		padding-bottom:15px;
		background:url('../graphics/homepage_box2_bottom_bg.gif') #fff no-repeat 0 bottom;}
		
	#spotlight {clear:both;
		padding-bottom:11px;
		padding-top: 10px;
		background:url('../graphics/homepage_box3_bottom_bg.gif') #fff no-repeat bottom left;
		position:relative;
	}
	#spotlight-list {}
	
	#dizActivity {margin-left:10px; overflow:auto; margin-bottom:10px;}

	
	/**************************/
	/*****  content style   ***/
	/**************************/
	#first-column h2 {background:url('../graphics/homepage_h2_bg.gif') #fff no-repeat 0 0;}
	#first-column #secondLeft h2 {background:url('../graphics/homepage_h2_bg.gif') #fff no-repeat 0 -120px;}
	#first-column #spotlight h2 {background:url('../graphics/homepage_spotlight_h2_bg.gif') #fff no-repeat 0 0; text-indent:-999px;}
	#second-column h2 {background:url('../graphics/homepage_h2_bg.gif') #fff no-repeat 0 -40px;}
	#second-column #azIndex h2 {background:url('../graphics/homepage_h2_bg.gif') #fff no-repeat 0 -80px;}
	
	#first-column h2, #second-column h2 {
		margin:1em 0 0 0; 
		padding:8px 0 0 13px; 
		font:bold 12px Arial, Verdana;
		height:23px;
		color:#333;}
	
	#dizActivity h2 {
		background:none;
		font-size:1em;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		padding:0;
		border-bottom:1px solid #d4d4d4;
		margin-bottom:0.5em;}
	
	#first-column ul, #second-column ul
		{list-style: none;
		margin: 0;
	    padding:0.8em 0 0.3em 1.2em;
		font-size:0.85em;
		border-right:1px solid #a6a6a6;
		background:url('../graphics/homepage_box1_bg.gif') #fff repeat-y 0 0;}
	
	#disasterAssistance p {
		margin: 0;
	    padding:0.8em 0 0.3em 1.2em;
		font-size:0.85em;
		border-right:1px solid #a6a6a6;
		background:url('../graphics/homepage_box1_bg.gif') #fff repeat-y 0 0;
		width:146px;}
	
	#spotlight ul {list-style: none;
		margin:0;
	    padding:0 0 0 95px;
		font-size:0.85em;
		border-right:0;
		background:url() #fff repeat-y 0 0;
		background-color: #fff;
		background-image:none;
		border-right:1px solid #a6a6a6;
		border-left:1px solid #a6a6a6;
		margin:0 0 0 3px;
		overflow:auto;
		/*min-height:70px;*/
		}
	
	#spotlight ul li {width:300px; 
		float: left;
		padding: 0;}
	
	#first-column ul li, #second-column ul li{padding-left:1em;
		background: url('../graphics/homepage_li_bg.gif') no-repeat 0 0;
		line-height:1.6em;
		/*list-style-position: inside;*/}
	
	#first-column ul li ul, #second-column ul li ul
		{background:none; border-right:0 solid #a6a6a6; font-size:1em;}
	
	#first-column a, #second-column ul li a
		{text-decoration: none;}
	#first-column a:hover, #second-column ul li a:hover
		{text-decoration: underline;}
		
	#dizActivity ul {
		border-right:0 solid #a6a6a6;
		display:table;
		padding:0;
		margin:0;
		width:168px;
		float:left;}
	
	#dizActivity p {font-size:0.8em; margin:0.5em 0; padding:0;}
	
	#dizActivity span.month {font-size:0.9em; color:#F00}
	
	#azIndex ul {height:50px;}

	#azIndex ul li {float:left;
		margin-left:0; padding-left:0.5em;}
		
	#azIndex a {
		padding:0.5em 0.5em 0.5em 0;
		font-size:1.1em;}
	
	#typesDisasters ul {list-style: none;
		margin:0;
	    padding:0;
		height:175px;
		width:179px;
		}
	
	#typesDisasters ul li {float:left;
		list-style-image: none; 
		margin:3px 0 0 8px;
		padding:0;
		width:48px;
		text-align:center;}
		
	#mostSearched ul li ul {padding-top:0; margin-top:0;}
	
	#typesDisasters li a, #typesDisasters li a:link, #typesDisasters li a:visited,  #typesDisasters li a:active 
		{padding:46px 0 5px 0; display: block; font-size:0.7em;}
	
	#typesDisasters ul li.hurricane {background: url('../graphics/homepage_hurricane_icon.gif') no-repeat 0 0;}
	#typesDisasters ul li.flood {background: url('../graphics/homepage_flood_icon.gif') no-repeat 0 0;}
	#typesDisasters ul li.tornado {background: url('../graphics/homepage_tornado_icon.gif') no-repeat 0 0;}
	#typesDisasters ul li.thunderstorm {background: url('../graphics/homepage_thunderstorm_icon.gif') no-repeat 0 0;}
	#typesDisasters ul li.earthquake {background: url('../graphics/homepage_earthquake_icon.gif') no-repeat 0 0;}
	#typesDisasters ul li.tsunami {background: url('../graphics/homepage_tsunami_icon.gif') no-repeat 0 0;}
	#typesDisasters ul li.winterstorm {background: url('../graphics/homepage_winterstorm_icon.gif') no-repeat 0 0; line-height:1em;}
	
	#typesDisasters ul li.more {width:160px; clear:left; background: url('../graphics/homepage_li_more_bg.gif') no-repeat 0 0; padding-left:0;}
	#typesDisasters li.more a, #typesDisasters li.more a:link, 
	#typesDisasters li.more a:visited,  #typesDisasters li.more a:active {padding:0 0 5px 0; display: block; font-size:1em;}
	
	#aboutUs ul li.more, #dizActivity ul li.more {padding:0.5em 0 0 1.8em; background: url('../graphics/homepage_li_more_bg.gif') no-repeat 0 5px;}
	
	#spotlight ul li.more,  #spotlight2 ul li.more,  #mostSearched ul li ul li.more {padding:0 0 0 1.8em; background: url('../graphics/homepage_li_more_bg.gif') no-repeat 0 0;}
		
	#first-column #dizActivity ul, #azIndex ul li {background:none;}
	/**********  end content style ***************/
	
	
	/**********  Footer style ***************/
	#footer {clear:left;
		padding:0 ; 
		margin-bottom:1em;
		margin-top:1em;
		text-align:center;
	}
	#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;}
	
	#othersite {float: left; width: 800px;}
	#othersite ul {padding:0.5em 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;
		width: 100%;
	}
	
	/*-----------------Flash banner list--------------*/
	#flashcontent {
		margin:13px 0 0 0;
		padding:0;
	}
	
	#flashcontent2 p, #flashcontent p {
		width: 483px;
		text-align: left;
		margin: 0;
		font-size:0.8em;
		border: 1px solid #666;
	}
	
	#flashcontent ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
		background:none;
		border-right:0 solid #a6a6a6;
	}
	
	#flashcontent ul li {
		border-bottom: 0 solid #ccc;
		border-left: 0 solid #ccc;
	}
	
	#flashcontent li a {
		display: block;
		background-color: #fff;
		border-right: 0 solid #ccc;
		font-size:1em;
	}
	
	#flashcontent ul li a:link, .flashlist ul li a:visited {
		color: #000;
		text-decoration: none;
	}
	
	#flashcontent ul li a:hover {
		background-color: #e9e9e9;
	}
	
	#flashcontent3 {border:1px solid #999; float:left; padding:1px; margin-left: 5px;}
	/*-----------------end Flash banner list--------------*/
	
	/*-----------------News Ticker--------------*/
	#ticker {width:991px;
		height:31px; margin:0; 
		padding:2px 0 0 0; 
		margin: 7px 0px 0px 0px; 
		background:url('../graphics/home/ticker_bg.gif') #fff no-repeat left top;
	}
	
	#ticker-middle {width:742px;
		height:25px; margin:0; 
		padding:2px 0 0 0; 
		margin: 13px 0 0 0; 
		background:url('../graphics/home/ticker_middle_bg.gif') #fff no-repeat left top;
	}
	#ticker h3, #ticker-middle h3 {text-indent: -9999px; width:160px; padding:0; margin:0; float:left; }
	
	#flashcontent2 {margin:0 0 0 166px;}
	#flashcontent2 p {background-color:#666; color:#fff;}
	#flashcontent2 p a, #flashcontent2 p a:link, #flashcontent2 p a:visited, #flashcontent2 p a:active, #flashcontent3 p a, #flashcontent3 p a:link, #flashcontent3 p a:visited, #flashcontent3 p a:active, #flashcontent p a, #flashcontent p a:link, #flashcontent p a:visited, #flashcontent p a:active {color:#FF0000;}
	
	/*-----------------end News Ticker--------------*/