/*     U.S. Dept of Homeland Security      */
/*           Standard Layout CSS           */
/*    This CSS file updated on 5/28/08     */



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

/*** @body ***/
body {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	/* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */ 
	font-size:100.01%;
	}


/*************************************************************************
	@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 0 1px 0;
		padding: 0 0 0 0;
		height:auto;
		min-height:600px;
		width:782px;
		position: relative;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		float:left;
		background-color: #fff;
		font-size: 0.8em;
		background-image: url(../img/column_a_back.gif);
	}
	
	/********************/
	/*** @TOP BANNER ***/
	/********************/
	#banner {
		height:84px;
		background: url('../img/flag_bar_home_pg.gif') #069 top left no-repeat;
		border-right: 1px solid #666;
		font-size: 0.85em; 
		}
		
	#logo a, #logo a:link, #logo a:active, #logo a:visited, #logo a:hover {
		width:185px; 
		height:72px; 
		text-indent: -9999px; 
		border:0px;
		background: url('../img/fema_logo.gif') #00568d top left no-repeat;
		display:block;}
	#logo img, #printlogo {display:none;}

	ul#bannernav {
		margin: 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: bold;
		color: #fff;
		border-left: 1px solid #fff; text-decoration: none;
		}
	ul#bannernav li a:hover {
		text-decoration: underline;
		}
	ul#bannernav li.first a {
		border-left: 0;
		}
	/* search box */
	div#searchbox {
		position: absolute; top: 25px; right: 10px;
		}
	div#searchbox label {
		color:#069;
		}
	input#q {
		color: #5C5C5C;
		margin: 0; padding: 0;
		}
	div#searchbox a {
		color: #fff; text-decoration: none; padding-left:40px;
		}
	div#searchbox a:hover {
		color: #fff; 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 {
		width:782px; margin:0; padding:0; 
		clear:both; 
		overflow: hidden; 
		background:url(../img/home_mainNav_bg2.gif) repeat-x left top;
		font:0.83em verdana, arial;
		border-bottom: 1px solid #669900;
        display:inline-block;
		}
	
	#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-left:1px solid #3c4a1f;
		color: #042143;
		text-decoration: none;
		text-align: center;
		height:21px;
		padding-top:5px;
		font-weight: bold;
		background:url(../img/home_mainNav_bg.gif) no-repeat left top;
		}
	
	#navbuttons li a:hover
		{text-decoration: none; font-weight:bold;
		background:url(../img/home_mainNav_bg_over.gif) no-repeat left top;}
		/* 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: 85px;
		}
	#navbuttons li a.about, #navbuttons li a.about:link ,#navbuttons li a.about:hover, #navbuttons li a.about:active {
		width: 100px;
		}
		
		#esp #navbuttons li a.about, #esp #navbuttons li a.about:link, #esp #navbuttons li a.about:hover, #esp #navbuttons li a.about:active {
		width: 110px;
		}

	/****************/
	/*** @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:420px;
		min-height:450px;
		height:450px;
		float:left;
		position: relative;
		border-right: 1px dashed #666;
		padding: 5px 10px;
		}
	
	#column-c {
		width:170px;
		min-height:450px;
		height:450px;
		float:left;
		position: relative;
		margin-top: 10px;
		}
	
	#column-d {
		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:760px;
		min-height:486px;
		float:left;
		border-left: 0;
		padding: 5px 10px;
		}

	/****************/
	/*** @SERVER ***/
	/****************/
	#server {
		width:782px;
		font-size: 0.6em;
		background-color: #fff;
		text-align:right;
		padding: 0 15px 0  0;
		float:right;
		}
	/****************/
	/*** @FOOTER ***/
	/****************/
	#footer {
		width:782px;
		min-height:30px;
		background-color: #fff;
		text-align:center;
		float:left;
		padding: 0 0 15px 0;
		border-top: 1px solid #000;
		margin-right:-3px; /* Hack for IE Duplicate Charater Bug */
		}