/*     U.S. Dept of Homelane Security      */
/*            FEMA homepage CSS            */
/*    This CSS file updated on 3/05/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/home/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:210px; 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(/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: 161px; /*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(/img/homepage/home_mainNav_bg.gif) no-repeat left top;}

	#mainNav li a:hover
	{text-decoration: none; font-weight:bold;
	background:url(/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;}

	
	/**************************/
	/*****   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: none;
		
		border-right:1px solid #a6a6a6;
		border-left:1px solid #a6a6a6;
		margin:0 0 0 3px;
		background:url(/graphics/homepage_spotlight_ul_bg.gif) #fff no-repeat 0 0;
		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:160px;
		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; height:20px;}
	
	#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 {
		padding:0 ; 
		margin-bottom:1em;
		margin-top:1em;
		text-align:center;
		width:733px;
	}
	#footer ul {margin:0; padding:0; list-style-type:none; position:relative; font-size:0.85em;
		background-image:none;
		background-color:#ebebeb;
		border-right:0 solid #666;}
	#footer ul li {display:inline; border-left:1px solid #666;
	background-image: none;}
	
	#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 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: #ebebeb;
		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--------------*/


	/*-----------------updated homepage layout--------------*/
	body, #pageContainer, #mainContent {
		background-color:#ebebeb;
	}
	#disasterAssistance , #typesDisasters {
			background:url(/graphics/homepage_box1_bottom_bg2.gif) #ebebeb no-repeat bottom left;}
			
	#first-column h2 {background:url(/graphics/homepage_h2_bg2.gif) #ebebeb no-repeat 0 0;}
	#first-column #secondLeft h2 {background:url(/graphics/homepage_h2_bg2.gif) #ebebeb no-repeat 0 -120px;}
	
	#second-column h2 {background:url(/graphics/homepage_h2_bg2.gif) #ebebeb no-repeat 0 -160px;}
	
	#threat-level {margin:8px 0 0 0; text-align:center; background:#ebebeb; width:100%;}
	#threat-level h2 {text-indent:-9999px; padding:0; margin:0; height:15px;}
	#azIndex, #mostSearched, #aboutUs, #otherFEMA, #threat-level {
		padding-bottom:15px;
		background:url(/graphics/homepage_box2_bottom_bg2.gif) #fff no-repeat 0 bottom;}
		
	#second-column ul
		{border-right:1px solid #fff;
		background:url() #fff repeat-y 0 0;}
		
	#secondRight span.month {font-size:0.9em; color:#F00}
	
	#second-column ul
		{padding:0 0 0.3em 1.2em;}
	
	#first-column #spotlight2 h2 {background:url(/graphics/homepage_spotlight_h2_bg.gif) #ebebeb no-repeat 0 0; text-indent:-999px; padding:0; margin:0; height:32px;}
	
	
	#spotlight2 {clear:both;
			padding:0 0 0 0;
			margin:0;
			/*background:url('/graphics/homepage_box3_bottom_bg.gif') no-repeat bottom left;*/
		}
	
	#spotlight2 ul {list-style: none;
			padding:10px 0 0 20px;
			font-size:0.85em;
			border-right:1px solid #a6a6a6;
			border-left:1px solid #a6a6a6;
			margin:0 0 0 3px;
			background:#fff no-repeat 0 0;
			overflow:auto;
			width: 718px;
			min-height:65px;
			}
		
	#spotlight2 ul li {width:330px; 
			float: left;
			padding: 0 0 0 10px;}
	#spotlight-list {padding-bottom:11px; 
	background:url('/graphics/homepage_box3_bottom_bg.gif') no-repeat 0 bottom;}

	#disasterAssistance h2 {background:url(/graphics/homepage_h2_bg2.gif) #fff no-repeat 0 -200px; color:#fff;}
	#disasterAssistance p {
		padding:5px 10px;
		width:159px;}
		
	#ticker-middle {
		background:url(/graphics/home/ticker_middle_bg.gif) #ebebeb no-repeat left top;
	}
	
	#searchbox {padding-left:10px;}
	#searchbox a {
		color: #003366; text-decoration: none; font-size:0.8em;
	}
	div#searchbox a:hover {
		color: #003366; text-decoration: underline;
	}
	
	#secondRight {width:548px; padding-top:15px;}
	
	#dizActivity {margin-left:10px; padding:0 0 8px 0;
		background:url(/graphics/homepage_box_bottom_recentactivity_bg2.gif) #fff no-repeat 0 bottom;
		overflow:auto; width:548px;}
	#dizActivity h2 {
		background:url(/graphics/homepage_box_recentactivity_bg2.gif) #ebebeb no-repeat 0 0;
		font-size:1em;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		padding:4px;
		border-bottom:1px solid #ebebeb;
		margin-bottom:0;
		margin-left:0;
		margin-top:0;}
	#dizActivity {margin-left:0; overflow:auto; margin-bottom:15px; min-height:210px;}
	#dizActivity ul {
		border-right:0 solid #a6a6a6;
		display:table;
		padding:0;
		margin:0 0 0 10px;
		width:325px;
		float:left;}
		
	#social h2 {background:none; border-top:1px solid #ebebeb;}
	#social ul {overflow:auto; width:220px; height:40px;}
	#social ul li {float:left; width:39px; height:39px; padding-left:6px; text-indent:-99999px; background:none; list-style-image: none;}
	#social ul li.mobile {width:19px;}
	#social ul li a, #social ul li a:link, #social ul li a:visited, #social ul li a:hover {width:39px; height:39px; display: block;}
	#social ul li a.mL, #social ul li a.mL:link, #social ul li a.mL:visited, #social ul li a.mL:hover {width:19px; height:39px; display: block;}
	
	#social ul li.facebook {background:url(/graphics/home/hp_facebook_icon.gif) #fff no-repeat 0 0;}
	#social ul li.twitter {background:url(/graphics/home/hp_twitter_icon.gif) #fff no-repeat 0 0;}
	#social ul li.youtube {background:url(/graphics/home/hp_youtube_icon.gif) #fff no-repeat 0 0;}
	#social ul li.widgets {background:url(/graphics/home/widgets.gif) #fff no-repeat 0 0;}
	#social ul li.mobile {background:url(/graphics/home/mobile_icon.gif) #fff no-repeat 0 0;}
	#social p {margin:0; padding:0 0 0 10px;}
	#social p a, #social p a:link {font-size:0.8em;}
	
	/*-----------------TimeZone HP--------------*/
	#timezone {
	background:#ebebeb url(/graphics/home/timezones_back.gif) no-repeat scroll left top;
	height:25px;
	margin:7px 0 0;
	padding:8px 0 0;
	}
	#timezone h3 {
	float:left;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:130px;
	}
	#tzonecontent{
	margin:0 0 0 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	}
	#tzone_divider {
	margin:0 3px 0 3px;
	color:#aaaaaa;
	}
	/*-------------end TimeZone HP--------------*/