/*   _____________________________________________________
    |  MFH.com / v.3 / Designer/Developer:  Jay Novitzke  |
    |_____________________________________________________|
*/
 
  
/* header */
 
.wrapper {
  height: auto;
  width:980px;
  margin:0 auto;

}

#top_navbar {

	width: 980px;
	margin: 0;
	padding: 0;
	float:left;
	background-color:#FFFFFF;


}
   
#header_flash {

	width: 728px;
	height: 128px;
	margin: 0;
	padding: 0;
	float:left;
	background: url(../images/MFHheader.png) no-repeat center top;


}

#header_live {

	width: 252px;
	height: 218px;
	margin: 0 auto;
	padding: 0;
	float:right;

}

#header_live_inner_shell {

	width: 250px;
	height: 180px;
	margin: 0 auto;
	padding: 0;
	padding-top:36px;

}

/* end header */
 
  


body
{

padding: 0;
	margin: 0;
	margin-left:1px;

	
}


#p {

color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight : bold;
padding-left:5px;

}


#page {
	background: url(../images/sky1.png) no-repeat center top;
	width: 100%;
display: table;



}


#sky_gradient {
	background: url(../images/sky_repeat1.png) repeat-y center top;
	height: 100%;
	width: 100%;

}

.bodywrap {
	width: 980px;
	height:100%;
	overflow: hidden;
	padding:0;
	margin: 0 auto;
	background-color: #FFFFFF;


}

#twocolumn {
width:660px;
height:100%;
	float: left;

}


#latest_imagery {
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 18px;
	font-weight:bolder;
	position:absolute;
	padding-left:10px;
	padding-top:8px;
	font-style:italic;
	width:450px;
	}






#latest_imagery1 {
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 17px;
	font-weight:bolder;
	float:left;
	padding-left:455px;
	position:absolute;
	font-style:italic;
	width:350px;
	padding-top:10px;
	}




#latest_imagery2 {
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 17px;
	font-weight:bolder;
	float:right;
	font-style:italic;
	width:200px;
	padding-left:10px;
	padding-bottom:15px;


	}



#latest_imagery3 {
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 18px;
	font-weight:bolder;
	font-style:italic;
	padding-bottom:10px;

	}


#blog_text {
	color:#010082;
	font-family:'lucida grande',arial;
	font-size: 16px;
	font-weight:bolder;
	position:absolute;
	padding-left:4px;
	float:right;
	font-style:italic;
	width:180px;
	}
#live_chat_text {
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 18px;
	font-weight:bolder;

	padding-left:10px;
	padding-top:8px;
	font-style:italic;
	width:250px;
	}

#live_video_text {
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 18px;
	font-weight:bolder;
	position:absolute;
	padding-left:7px;
	padding-top:2px;
	font-style:italic;
	width:252px;
	height:36px;
	background: url(../images/live_feed_bg1.jpg) no-repeat;
	}


#rightcolumn {

	float: right;
	width: 320px;
	height: 100%;
	padding: 0;

}


#livechat {

	float: right;
	width: 320px;
	height: 550px;
	padding: 0;
	background: url(../images/livechat1.jpg) no-repeat;
}

#livechat_inner_shell {
width:300px;
height:490px;
padding:0;
padding-left:10px;
padding-top:20px;
}


#blog {

	width: 660px;
	height: 186px;
	float:left;
	padding: 0;

}

#blog_inner_shell {

	width: 424px;
	height: 186px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	background: url(../images/placeholder1b.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}




#blog_loop {
width:216px;
height:180px;
float:right;
padding-top:5px;
background: url(../images/placeholder.jpg) no-repeat;

}

.recon {
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight : bold;
}



#webcam_shell {
width:300px;
height:29px;
float:left;
	background: url(../images/webcam.png) no-repeat;
}


#webcam_text {
	width: 300px;
	position:relative;
	font-style:italic;
	height:29px;
	float:left;
	padding-left:45px;
	padding-top:5px;
	bottom: 0;
	font-size:16px;
	font-weight: bold;
	bold; color: #ffffff;
font-family:'lucida grande',arial;



	}


#webcam_text1 {
	width: 300px;
	position:relative;
	font-style:italic;
	height:29px;
	float:left;
	padding-left:38px;
	padding-top:5px;
	bottom: 0;

	font-size:16px;
	font-weight: bold;
	bold; color: #ffffff;
font-family:'lucida grande',arial;



	}

#fivemap {

	width: 659px;
	height: 100%;
	float:left;
	padding: 0;
	
}


#first_map {

	width: 638px;
	padding-left:11px;
	padding-right:10px;
	padding-top:62px;
	height:140px;
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 12px;
	font-weight:bold;
	background: url(../images/fivemap_bg1.jpg) no-repeat;

}


#second_map {

	width: 639px;
	height:140px;
		padding-left:11px;
	padding-right:10px;
	padding-top:62px;
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 12px;
	font-weight:bold;
	background: url(../images/fivemap_bg1.jpg) no-repeat;

}




#third_map {


width: 639px;
	height:140px;
		padding-left:11px;
	padding-right:10px;
	padding-top:62px;
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 12px;
	font-weight:bold;
	background: url(../images/fivemap_bg1.jpg) no-repeat;

}


#fourth_map {


width: 639px;
	height:140px;
	padding-left:11px;
	padding-right:10px;
	padding-top:62px;
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 12px;
	font-weight:bold;
background: url(../images/fivemap_bg1.jpg) no-repeat;
}


#fifth_map {


width: 639px;
	height:140px;
		padding-left:11px;
	padding-right:10px;
	padding-top:62px;
	color:#ffffff;
	font-family:'lucida grande',arial;
	font-size: 12px;
	font-weight:bold;
	background: url(../images/fivemap_bg1.jpg) no-repeat;

}

#facebook {

	width: 320px;
	height:575px;
	float:right;


}


#facebook_inner_shell {

	width: 310px;
	height:545px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:20px;
}

#twitter {

	width: 320px;
	height: 500px;
	float:right;


}


#twitter_inner_shell {

	width: 310px;
	height: 450px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:20px;
}


#storm_guide {

	width: 320px;
	height:435px;
	float:right;
	padding: 0;
background: url(../images/storm_guide1.jpg) no-repeat;
}

#storm_guide_innershell {

	width: 296px;
	height:435px;
	padding-top:50px;
	padding-left:24px;

}


#ad_scrollbar {

	width: 980px;
	height:0px;
	float:left;
	
	

}

#ad_scrollbar_inner_shell {
width:980px;
height:160px;
}



#webcam_scrollbar {

	width: 980px;
	height:160px;
	float:left;
	padding: 0;



}

#webcam_scrollbar_inner_shell {
width:980px;
height:160px;
background-color:#FFFFFF;
font-size:10px;
font-weight:bold;
font-family:'lucida grande',arial;

}




#flash_radar_map {

	width: 660px;
	height: 350px;
	padding:0;
	margin: 0;
	float:left;
	background: url(../images/flash_bg1.jpg) no-repeat;


}


#flash_radar_animated_map {



	margin: 0;
	float:left;
	background: url(http://www.myfoxhurricane.com/custom/omni/gulf_coast_radar.gif) no-repeat;
	background-position:right;
	background-position:bottom;
	margin-left:6px;
	margin-top:2px;



}


#flash_radar_map_inner_shell {

	width: 643px;
	height: 300px;
	padding-top:40px;
	padding-left:5px;
	margin: 0;
	float:left;
	



}





/* end body */


/* menu */

#menu {

}

/* end menu */


/* menuwrap */

#menuwrap {

}

/* end menu wrap */




/* ads */

#header_ad {

	width: 728px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	float:left;


}
#footer_ad {

	width: 728px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	padding-top:20px;
	margin-left:120px;
	float:left;


}

#ad_text {
	color:#010082;
	font-family:'lucida grande',arial;
	font-size: 10px;
	float:left;
	padding-left:12px;
	padding-top:5px;
	width:50px;
	}


#ad_300x250 {

	width: 320px;
	height: 278px;
	float:right;
	background: url(../images/ad1_bg.jpg) no-repeat;
	
}

#ad_300x250_inner_shell {

	width: 300px;
	height: 250px;
	padding-top:1px;
	padding-left:10px;
	
}
#ad_120x90 {

	width: 320px;
	height: 130px;
	float:right;
	padding: 0;
	background: url(../images/ad1_120x90.jpg) no-repeat;
}

#ad_120x90_inner_shell {

	width: 280px;
	height: 130px;
	float:left;
	padding-left:40px;
	padding-top:5px;
	
}


/* end ads */



#nhc_alert {

	width: 980px;
	height: 30px;
	margin: 0 auto;
	float:left;
	color:#FFFFFF;
	background: url(../images/alert_bar.jpg) no-repeat;
}




#footer_text {

	font-family:'lucida grande',arial;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
	color:#ffffff;
	margin-top:10px;

	}

#footer_text_holder {

	font-family:'lucida grande',arial;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
	color:#ffffff;
	padding-top:60px;
	}
	
#footer {

	width:980px;
	height:220px;
	margin: 0 auto;
	background: url(../images/footer_bg1.jpg) no-repeat;

	

}

#footer a {

	color:#ffffff;
	text-decoration:none;
		
}

#footer a:hover {
	text-decoration: underline;

}