/*     U.S. Dept of Homeland Security      */
/*           Standard Layout CSS           */
/*    This CSS file updated on 8/10/10     */


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

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

/*** @body ***/
body {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #ebebeb;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%;
	text-align: center;
	}


/*************************************************************************
	@layout_elements
*************************************************************************/
/*** @SKIP NAVIGATION ***/
	#skip_nav a.skipnav {position: absolute;
		color:#006600;
		top: -100px;
		left: -100px;
		height:1px;
		width:1px;
		overflow:hidden;
		text-align: left;
		z-index:1000;}
	
	#skip_nav a.skipnav:active, #skip_nav a.skipnav:focus {top:0;
		left:0;
		background-color:#d9e6df;
		height:auto;
		overflow:auto;
		width: 100%;
		padding:5px;
		text-decoration:none;
		z-index:1000;}

	#pagecontainer {
		margin: 0 auto;	
		padding: 0;
		height:auto;
		min-height:600px;
		width:980px;
		position: relative;
		float:none;
		background-color: #fff;
		font-size: 0.8em;
		background-image: url(/img/column_a_back.gif);
		overflow:auto;
		text-align: left;
	}
	
	/********************/
	/*** @TOP BANNER ***/
	/********************/
	#banner {
		height:110px;
		background: url() #ebebeb top left no-repeat;
		font-size: 0.85em; 
		padding-top:10px;
		}
		
	#logo a, #logo a:link, #logo a:active, #logo a:visited, #logo a:hover {
		width:271px; 
		height:96px; 
		text-indent: -9999px; 
		border:0px;
		background: url('/img/fema_logo.png') top left no-repeat;
		display:block;
		margin-left:10px;}
	#logo img, #printlogo {display:none;}

	ul#bannernav {
		margin: 15px 5px 5px; padding: 0;
		position: absolute; top: 0; right: 0;
		list-style-type: none;
		}
	ul#bannernav li {
		margin: 0; padding: 0;
		display: inline;
		}
	ul#bannernav li a {
		margin: 0; padding: 0 5px 0 5px; 
		font-weight: normal;
		color: #003366;
		border-left: 1px solid #999; text-decoration: none;
		}
	ul#bannernav li a:hover {
		text-decoration: underline;
		color: #C03;
		}
	ul#bannernav li.first a {
		border-left: 0;
		}
	/* search box */
	div#searchbox {
		position: absolute; top: 53px; right: 10px;
		}
	div#searchbox label {
		color:#000; display:none;
		}
	input#q {
		color: #5C5C5C;
		margin: 0; padding: 0;
		}
	div#searchbox a {
		color: #003366; text-decoration: none; padding-left:85px;
		}
	div#searchbox a:hover {
		color: #C03; text-decoration: underline; text-align:right;
		}
	/* end search box */
	button, .goButton {
		font-family: Verdana !important;
		color: #FFF;
		background-color: #003366;
		font-size: 0.7em;
		font-weight: bold;
		text-transform: uppercase;
		margin: 4px 0 2px 0;
		padding: 2px 1px 2px 1px;
		text-align: center;
		border: 1px solid #999999;
		}
	
		
	/*******************/
	/*** @navPrimary ***/
	/*******************/
	#navbuttons {
		margin:0; padding:0; 
		clear:both; 
		overflow: hidden; 
		font:1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        display:inline-block;
		width:980px; 											/*1024*/
		background:none;
		background-color:#484848;
		background:url(/img/navbuttons_bg.gif) #345073 repeat-x left top;
		}
	
	#navbuttons ul {
		list-style: none;
		padding: 0 5px;
		margin: 0;
		}
	#navbuttons li{
		background: none;
		float: left;
		margin: 0; padding:0;
		}
	#navbuttons li a, #navbuttons li a:link, #navbuttons li a:active
		{float: left;
		/*width: 143px; tab #9-7.8em, #8-8.8em*/
		display: block;
		border-right:1px solid #5b6f8a;
		text-decoration: none;
		text-align: center;
		height:27px;
		padding:8px 12px 0;
		border-left:0 solid #3c4a1f;
		color:#fff;
		font-weight:normal;
		background:url(/img/navbuttons_bg.gif) #345073 repeat-x left top;
		}
	
	#navbuttons li a:hover
		{
		background:url() no-repeat left top;
		text-decoration: none; color:#97c6ed;}
		/* Hide from IE5-Mac \*/
		#navbuttons li a
			{float: none}
			/* End hide */
	#navbuttons li a.home, #navbuttons li a.home:link, #navbuttons li a.home:hover, #navbuttons li a.home:active {
		width: 46px; padding:8px 12px 0;
		}
	#navbuttons li.last-border, .last-border {border-right:0 solid #5b6f8a; }
	#navbuttons li.last-border a,  #navbuttons li.last-border a:link, #navbuttons li.last-border a:active
		{border-right:0 solid #5b6f8a;}
	
	#esp #navbuttons li a, #esp #navbuttons li a:link, #esp #navbuttons li a:active {font-size:0.85em; height:27px;}
	#esp #navbuttons li a.home, #esp #navbuttons li a.home:link, #esp #navbuttons li a.home:hover, #esp #navbuttons li a.home:active {
		width: auto;
		}
		
	#message-social {width:980px; background-color:#ccc; overflow:auto; clear:both;}
	#message {float:left; width:700px; padding:0; margin:0;}
	#message h2 {margin-bottom:0; float:left;
			color:#fff; 
			height:24px; padding:15px 22px 8px;
			text-transform:uppercase;
			font-weight:normal;
			font-size:0.95em;
			background:url(/img/message_bg.png) #b01d11 no-repeat right center;}
	#message p {margin:0 0 0 210px;  padding:8px 0 5px;
		}
	
	#social {width:260px; float:right; padding:7px 0 0 0; z-index:1000;}
	#social h2 {display:none;} 
	#social ul {overflow:auto; list-style:none; padding:0; margin:0;}
	#social ul li {float:left; width:24px; height:29px; text-indent: -9999px; padding:0 8px 0 0; list-style-image: none; margin:0;}
	#social ul li a, #social ul li a:link, #social ul li a:visited, #social ul li a:active, #social ul li a:hover {width:24px; height:24px; background:none; padding:0; margin:0; display:block; border:0 solid #ccc;}
	#social ul li.email {background:url(/img/icon_email_24.png) #ccc no-repeat 0 0;}
	#social ul li.info {background:url(/img/icon_infov2_24.png) #ccc no-repeat 0 0;}
	#social ul li.mobile {background:url(/img/icon_mobile_24.png) #ccc no-repeat 0 0;}
	#social ul li.facebook {background:url(/img/icon_facebook_24.png) #ccc no-repeat 0 0;}
	#social ul li.twitter {background:url(/img/icon_twitter_24.png) #ccc no-repeat 0 0;}
	#social ul li.youtube {background:url(/img/icon_youtubev2_24.png) #ccc no-repeat 0 0;}
	#social ul li.widgets {background:url(/img/icon_widget_24.png) #ccc no-repeat 0 0;}
	#social ul li.rss {background:url(/img/icon_rss_24.png) #ccc no-repeat 0 0;}

	/****************/
	/*** @columns ***/
	/****************/
	#column-a {
		width:170px;
		float:left;
		vertical-align: top;
		margin: 0;
		padding: 0;
		}
	* html #column-a {min-height:486px;} /*style for IE*/
	
	#column-b {
		width:619px;
		min-height:450px;
		height:450px;
		float:left;
		position: relative;
		border-right: 1px solid #b2b2b2;
		padding: 5px 10px;
		}
	
	#column-c {
		width:170px;
		min-height:450px;
		height:450px;
		float:left;
		position: relative;
		margin-top: 10px;
		}
	
	#column-d {
		width:783px;		/*width:585px;*/
		min-height:450px;
		height:450px;
		float:left;
		padding: 5px 10px;
		}
	#column-b[id], #column-c[id], #column-d[id]  {
		height:auto;
		}
	
	#column-e {
		/*width:958px;	 old width:760px; homepage and 3 step page*/
		min-height:486px;
		float:left;
		border-left: 0;
		padding: 5px 10px;
		background:none;
		background-color:#fff;
		}
		
		div.col2 {
			padding: 3px 5px;
			margin: 0px;
			overflow:auto;
		}
		div.col2-r {
			float:right;
			width: 320px;
			padding-left:20px;
			text-align: left;
			padding-bottom:40px;
		}
		div.col2-l {
			float:left;
			width: 430px;
			padding-bottom:40px;
		}

	/****************/
	/*** @FOOTER ***/
	/****************/
	#footer {
		width:950px;     /*980px full*/
		text-align:center;
		margin: 0 auto;
		clear:both;
		padding: 30px 0 45px 0;
		overflow:auto;
		background:url(/img/footer_bg.gif) #fff repeat-x left top;
		background-color:#fff;
		}
		
		.footer_column {
				float:left; width:200px;
				background-color:#fff;
				text-align:center;
				padding:0 10px;
				vertical-align:bottom;
				height:80px;
			}
		.fema_address {width:420px; padding-left:50px; text-align:left;}
		.fema_address img {margin-right:10px;}
		
		
	/*****************/
	/*** @homepage ***/
	/*****************/
	#hp #column-e a:link, #hp #column-e a:visited, #hp #column-e a:visited {color: #00568e; text-decoration: none;}
	#hp #column-e a:hover	{color:#C03; text-decoration:underline;}
	#hp #row1 a:link, #hp #row1 a:visited, #hp #row1 a:visited {text-decoration: underline;}
	#hp #row1 a:hover	{color:#C03; text-decoration:underline;}


	#row1, #row2, #row3 {text-align:center; padding-bottom:20px; overflow:auto; padding-top:15px;}
	#row2, #row3 {background:url(/img/hp_row_bg.gif) #fff repeat-x left top; text-align:left; padding-left:10px;}
	#row1 h2 {text-align:center; color:#fff; font-weight:normal; 
				height:28px; font-size:1.3em; padding-top:10px;}
	#row2 h2 {color:#000; font-size:0.9em;}
	#row3 h2 {color:#000;}
	#hp .topbox {width:294px; float:left; border:5px solid #f0eee2; 
				margin-right:22px; height:385px; text-align:left;}
	#esp .topbox {height:380px;}
	#hp .lastbox {margin-right:0;}
	#hp .topbox p {padding:8px; margin:0;}
	#row1 .bluebg {background-color:#166191;}
	#row1 .orangebg {background-color:#c85009;}
	#row1 .redbg {background-color:#b01d11;}
	#row1 .greenbg {background-color:#537f3c;}
		/*-----------------Flash banner list--------------*/
		#flashcontent {
			margin:0 20px 0 0;
			padding:0; float:left;}
		#flashcontent p {
			width: 450px;
			text-align: left;
			margin: 0 0 20px 0;
			font-size:1em;
			border: 0 solid #999;}
		#flashcontent ul {width: 450px;
			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;
			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;}
			
	#femaLink {float:left; width:380px;}
	#femaLink .half {width:50%; float:left; margin-right:0;}
	#row2 ul, #row3 ul {margin: 0 0 15px 0; padding: 0;}
	#row2 ul li, #row3 ul li{list-style:none; line-height:1.6em;}
	#femaLink ul li a {font-size:0.9em;}
	
	p.partner_logo {text-align:center; font-size:0.85em; color:#666;}
	
	#dizActivity {width:450px; float:left;}
	#disMap {float:left; width:280px; font-size:0.8em;}
	#promo {float:left; width:198px; padding-left:20px; font-size:0.8em; text-align:center;}
	
	.rotate-photo {padding:0; margin:0; height:90px;}