/*     U.S. Dept of Homeland Security      */
/*       FEMA Multimedia layout CSS        */
/*    This CSS file created on 1/07/09     */
/*    This CSS file updated on 1//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, h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:1.3em;}
	
	h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:1.1em;}
	
	h3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:0.95em;}
	
	img {border:0;}	
	
	body {	font: 100.1% Arial, Verdana, Helvetica, sans-serif;
		background: ;
		margin: 0; 
		padding: 0;
		text-align: center;
		color: #000000;
		font-size:100.01%;
		background:#043657 url('/graphics/media/multimedia/multimedia_body_bg.jpg') no-repeat top center;
	}

	
/*************************************************************************
	@layout_elements
*************************************************************************/
	#pageContainer {width: 1024px;
		margin: 0 auto;
		text-align: left; 
		font-size: 0.8em;
		background:url('/graphics/media/multimedia/multimedia_content_center_bg.jpg') no-repeat 0 173px;
		}
	
	#header, #mainNav, #mainContent, #headline-nav{
		overflow:hidden; display:inline-block; text-align:left
	}
	#topbanner-nav {margin:10px; width:975px;}
	
	#header {
		margin: 0;
		height:146px;
		width:1004px;
		padding:0 10px;
		background:url('/graphics/media/multimedia/multimedia_top_bg.jpg') 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;}
	
	#header-link {text-indent:-9999px;}

	/**************************/
	/*** @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 #fff; }
		
	#bannernav li.first {border-left: 0 solid #fff;}
		
	#bannernav li a  {margin: 0; padding: 0 5px 0 5px; 
		color: #fff;
		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:1024px; 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 20px;
		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: 150px; /*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 */
	
	#mainNav li#home a, #mainNav li#home a:link, #mainNav li#home a:active {width:85px;}
	#mainNav li#for-you {border-right:1px solid #3c4a1f;}

	#mainNav li#about-us {border-right:1px solid #3c4a1f;}
	#mainNav li#fema-home a, #mainNav li#fema-home a:link, #mainNav li#fema-home a:active,
	#mainNav li#about-us a, #mainNav li#about-us a:link, #mainNav li#about-us a:active,
	#mainNav li#plan a, #mainNav li#plan a:link, #mainNav li#plan a:active {width:120px;}
		
	#mainContent {padding: 0;
		background: #FFFFFF;
		clear:both;}

	
	/**************************/
	/*****   column style   ***/
	/**************************/

	


	/**********  end content style ***************/
	
	
	/**********  Footer style ***************/
	#footer {clear:left;
		padding:0 0 20px 0; 
		margin-top:0;
		text-align:center;
		background-color:#fff; 
		font-size:0.78em;
	}
	
	#footer ul {
		margin: 0; padding: .5em;
		list-style-type: none;
		position: relative;
		background-color: #fff;}

	#footer ul li {
		margin: 0; padding: 0 1.5em;
		display: inline;
		}
	
	#footer a:link, #footer a:visited, #footer a:active	{color: #666; text-decoration: none;}
	#footer a:hover	{color: #666; text-decoration: underline;}
	
	#footer p {font-size:0.9em; margin-bottom:0;}
	
	/**********  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%;
	}