@media all { 
/* ---------  */
/* =universals 
These rules are applied to all elements unless otherwise specified below. */
body { 
margin: 0;
padding : 0; 
/* background-color:; */

background: white url(../images/backgrounds/cloudtop.png) repeat-x center top; 
}

.stateflag {
	margin-left: 20px;
 position : relative; 
width: 34px; height : 20px;
z-index : 10;

	border-bottom-style: dashed;
	border-style: solid;
	border-width: 1px;
}




div#navigation { 

width: 960px; 
height : auto;
	position: relative;
	border-bottom: 1px solid #3d3d3d;
}




ul#nav_recent li { 
float : left; width : 90px; margin-right : 10px;
	font-size: 8pt;
	color: #444;
	display: inline-block;
} 









div#navleft { 
padding-left: 20px;
text-align: left;

display: inline-table;
width: 200px; 
height : auto;
	position: relative;
}

#StateOfficeBox { 
text-align: left;
margin-bottom: 0px;

display: block;
width: 400px; 
height : auto; 
padding-top: 0;
padding : 10px; 

border-bottom: 1px solid #787878;
background-color: #faff77;
}

#FluMap { 
text-align: left;
margin-bottom: 0px;

display: block;
width: 400px; 
height : auto; 
padding-top: 0;
padding : 10px; 

border-bottom: 1px solid #787878;
background-color: #7ed0fd;
}

h3 { 
text-align: left;
margin-top: -5px;
margin-bottom: 5px;

display: block;
font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #222;
	border-bottom: 1px solid #737373;
}

.textgena { 
text-align: left;
margin-bottom: 5px;

display: block;
	color: #222;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}



#RSS { 
text-align: left;

margin-bottom: 0px;

display: block;
width: 400px; 
height : auto; 
padding-top: 0;
padding : 10px; 

border-bottom: 1px solid #787878;
background-color: #eaeaea;

	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #222;
}


#RSSStory { 
text-align: left;

margin-bottom: 25px;

display: block;
width: 400px; 
height : auto; 
padding-top: 0;
padding : 10px; 
 /*
border: 1px solid #787878;
	background-color: #eaeaea;
	*/
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #222;
	list-style-type: none;
}

#RSSStory a {
	text-align: left;
	color: #2034fa;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-variant: normal;
	display: inline-block;
}


/* New Nav ////////////////////     */
#columnLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

#columnLeft ul li {
	position: relative;
	}
	
#columnLeft li ul {
	position: absolute;
	left: 179px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#columnLeft ul li a {
	z-index: 1;
	display: block;
	text-decoration: none;
	color: #222; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	background-color: #95d02f;
}

/* Fix IE. Hide from IE Mac \*/
#columnLeft * html ul li { float: left; height: 1%; }
#columnLeft * html ul li a { height: 1%; }
/* End */

#columnLeft ul li a:hover { z-index: 1;color: #E2144A; background: #262626; } /* Hover Styles */
		
#columnLeft li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#columnLeft li:hover ul, li.over ul { z-index: 1;display: block;

} /* The magic */


/* EOF new nav */







/* Navigation */
#button {
	width: 160px;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	background-color: #4d8d20;
	color: #333;
	text-align: left;
	font: 14px 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
}

	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}

	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #199d2b;
		border-right: 10px solid #508fc4;
		background-color: #668e20;
		color: #fff;
		text-decoration: none;
		width: 160px;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}



div#bottomBox {
	margin-left: auto;
margin-right: auto;
margin-top: 48px;
	display: block;
	position: relative;
	clear: both;
	overflow: visible;
}


.headerTable {
	height: 72px;
margin-top: 54px;

	display: inline-table;
	position: absolute;
}


H1 {
	width: 960px;
	height: 22px;
margin-top: 110px; 
/* margin-top: 110px; */
	text-align: center;
	color: #222;
	font: bold 18px Verdana, sans-serif;
	display: block;
	position: absolute;
}



form#city_search_input {	

/* background : url(../images/search_input.png) no-repeat 0 100%; */

	display: inline-table;
	/*
	position: absolute; */

}

div#city_head { 
margin-left: auto;
margin-right: auto;
width: 960px;
height: 126px;
background: url(../images/headers/cityportal2flu.png) no-repeat center; 
/*
background: url(../images/homesplashlogo.png) no-repeat;
*/
}


div#countrydivcontainer {

	position : relative;
		border:1px solid gray; 
	width:440px; 
	margin-bottom: 1em;
	display: block;
}


div#ContactForm { 

margin-top: 15px;

/*
padding-left: 305px;
*/
z-index : 5; 
position : absolute; 
width : 440px; 
height : 216px;
display: block;

/*	background-image: url(../images/splashing/grass3.jpg); */
background-repeat: no-repeat;
	background-position : 0 0px; 
}


#city_head p {
		color: #444;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}

.cityType {
	padding-right: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222;
}

#WristBand {
	width: 390px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #222;
	border-top: 1px solid #1e1e1e;
		border-left: 1px solid #1e1e1e;
			border-right: 1px solid #1e1e1e;
	border-bottom-style: ridge;
	border-bottom-color: #f9231a;
}


.adType {
	width: 336px;
display: block;
	color: #222;
	background-color: #eaeaea;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.adTypeB {
	width: 350px;
	margin-left: auto;
display: block;
	color: #222;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#map {
	width:400px;height:300px;
	border: 1px solid #444;
	
}

.mapType {
	padding-top: .75em;
	padding-bottom: .25em;
	width:400px;
	height: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	display: block;
	background-color: #f9231a;
	border: 1px solid #668e20;
	border-bottom: 0px;
	background-image: url(../images/backgrounds/redbar3.gif);
}





div#menu { 

margin-left: auto;
margin-right: auto;
width: 960px;
height: 35px;
/*background: url(../images/backgrounds/menubar.png) no-repeat center; */
	color: #444;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#menubox { 
margin-top: 35px;
margin-left: auto;
margin-right: auto;
	display: inline-block;
}

#menu ul a {
	margin-top: 50px;
}

#columnLeft {
margin-left: auto;
margin-right: auto;
width: 180px;
height: 360px;
/* background: url(../images/backgrounds/leftbluebar.gif) no-repeat center; */
	float: left;
	display: inline-table;
}

#columnMain {
margin-left: auto;
margin-right: auto;

padding-left: 15px;


width: 440px;
height: 360px;
/*background: url(../images/backgrounds/mainback.gif) repeat-x center;
*/
	float: left;
}

#columnRight {

/*	
margin-left: auto;
margin-right: auto; */
width: 340px;
height: 360px;
/*background: url(../images/backgrounds/mainback.gif) repeat-x center;
*/	
float: left;
	overflow: visible;
}


#splash img {
	z-index: 11;
}
/*
h3#fir_5 { 
margin-left: 1px;
width: 300px; height : 35px; 
margin-top: 315px;
margin-left: 72px;
 } */

/*
form#search_input {
margin-top: 10px;
padding : 400px 10px 0 250px;  
background : url(../images/search_input.png) no-repeat 0 100%; }
*/


input#textfield {
	padding-left: 5px;
	padding-top: 5px; 
/* margin-left: 288px; */
	height:22px;
	width:362px;
	border: 1px solid #d4d4d4;
	font-size: 11px;
	color: #5e5e5e;
}



input#submit { 

margin-top: 0;
width : auto; 
padding : 0 .25em; 
background-color : green;  
border : 2px double #68a425; 
border-top-color : #7dcf4f; 
font : bold 9px Tahoma, Verdana, Arial, sans-serif; 
text-transform : uppercase; color : #fff; 

/*
background: transparent url("../images/go20.png") no-repeat;
*/
}

div#stateData { 

width : auto; 
padding : 2em; 
/*background-color : green;  
border : 2px double #68a425; */

border-right: 2px double gray; 
border-top: 2px double gray; 

font : bold 9px Tahoma, Verdana, Arial, sans-serif; 
text-transform : uppercase; color : #000;
	text-align: left;
	background-color: #e9e9e9;
}



div#greenhosted {
	width: 66px;
	height: 33px;
	background: url(../images/greenhosted.gif) no-repeat;
	display: inline-block;
	position: relative;
	clear: both;
}

/* Old Below */
 }