@media all { 
/* ---------  */

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;
*/
}





#navcontainer {
	/*
	background-color: red;
	*/
z-index : 50; 
position : absolute; 
margin: 82px 0 0 0;

}

#navlist {
/*
	background-color: white;
*/
margin: 0;	
}




#navcontainer ul li
{

list-style-type: none;
padding: 0;
margin: 0;
float: left;

font: 10px/20px geneva, verdana, sans-serif;
text-align: center;
}

/*  These NAV */
#navcontainer a
{

color: black;
	font-weight: normal;
	font-size: 9pt;
text-decoration: none;
display: block;
width: 100px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li #right { 
/*
background: url("../images/states/greenBar2_201.gif") repeat-x 20px; */
color: black;
	font-weight: normal;
	font-size: 9pt;
	
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
border-right: 1px solid #A8B090;

}

#navcontainer a:hover { 
background: url("http://www.fluprepkits.com/images/states/blueBar2_201x2.png") repeat-x; 
color: white;
}

#navcontainer a:hover#current 
{ 
background: none;
color: black;

}

#navcontainer li#active {
	font-weight: bold;
	font-size: 9pt;
	color: black;
	background-color: white;
	margin-top: -10px;
padding-top: 10px;
padding-bottom: 10px;


}



.breakingnews { 
text-align: center;
margin-top: 20px;
margin-bottom: 30px;

display: block;
width: 220px; 
height : auto; 
padding : 10px; 
 
border: 1px dashed #222;
	background-color: #f4d5d4;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

#bottom_front {

color: #222;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 20px;
	border: 1px solid #bebebe;
	background-color: #eaeaea;
	display: inline-block;
	bottom: 15px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

h3#buttonztop {
z-index: 98;
margin-top: 36px;
	margin-right:30px ;
	 height: 120px; width : 278px;

}

#top_admin {
float: right;
color: #222;
text-align: center;

padding: 1px;
padding-top: 55px;
}

#top_admin li{

float: right;
width:  75px;
padding-right: 1px;
padding-left: 1px;
	border-right: thin solid #4d8d20;
}


#top_admin a:link{  
color: blue;
display: inline;

border-right-width: 0px;
text-decoration: none;
}

#top_admin a:visited{  
color: blue;
display: inline;

border-right-width: 0px;
text-decoration: none;
}

#top_admin a:hover{  
color: #95d02f;
display: inline;

border-right-width: 0px;
text-decoration: none;
}
#top_admin #current{ 
display: inline;

border-right-width: 0px;
}





/* =The above @media rule hides this stylesheet from the 

discontinued Microsoft Internet Explorer for Mac. */



/* =universals 

These rules are applied to all elements unless otherwise specified below. */

* { margin : 0; padding : 0; }

h2, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }



.front  { 
padding: 25px;
color: #222;
margin-left: 20px;
margin-top: 25px;
margin-bottom: 20px;

border: 1px solid #bebebe;
background-color: #dffb80;
}

/* THIS WORKED

.front  { 
color: #222;
margin : 10px 70px; padding : .5em 0; }




*/




/* =html */

html { 
/*
background : #f7d8e8 url(../images/html.png) repeat-x; 
*/
}






/* =body */

body { 
margin: 0;
padding : 0; 
/* background-color:; */

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




/* =hx */

h1, h2, h3 { font-weight : bold; }






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




/* =h2 */

h2 { font-size : 130%; 
margin: 0;}


h2#fir_1 { 
z-index : 1; 
position : absolute; 
top : 0px; 
left : 0px; 

width: 600px; height : 350px;
 
padding : 0; 

background : url(../images/banners/CONSTITUTION.png) no-repeat; 

text-indent : -9999px;

 }


h2#map { 
z-index : 1; 
position : relative; 
width: 600px; height : auto;
padding : 0; 
	font: bold 14px Verdana, sans-serif;

}



/* =h3 */

h3 { font-size : 110%; }



/* The following rules relate to image replacement where a background image 

is placed on an element and HTML text is moved out of view. 

See http://www.mezzoblue.com/tests/revised-image-replacement */



h3#fir_2 { 
width: 449px; height : 90px; padding : 0; 
/*
background : url(../images/fir_2.png) no-repeat;
*/
 text-indent : -9999px; }
 
div#homebox { 
margin-top: -35px;
 z-index: 1;
width: 555px; 
height: auto;
padding : 0;
	display: block;
	overflow: visible;
}


div#homeboxpict {
	background-color: white;
	top: 5%; 
	left: 30px;
	 height: 165px; width : 165px; 

background : url(../images/backgrounds/COURT.gif) no-repeat;
	position: relative;
	overflow: visible;
}
 
div#homeboxtext {
	background-color: white;
	top: 25%; 
	right: 50px;
	


	position: relative;

} 

#homebox p {
padding-top: 0;
padding: 18px;
width: 535px;
height: auto;
position: relative;
clear: both;

} 

.mapheaderA {
	margin-bottom: 0px;

width: 595px;
height: 42px;
position: relative;
clear: both;
	font: bold 16px Verdana, sans-serif;
	color: #fff;
	background: #de2b00 url(../images/states/redbar09.png) repeat-x;
	border: 1px solid #000;
	vertical-align: middle;
}

#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;
}


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;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #3d3d3d;
}

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

.smaltxt3{
color: #000;
font : 12px Verdana, Arial, sans-serif;
	text-align: justify;
	margin: 0;
	padding: 7px;
}
#sideAdvert {
margin-left: -35px;
margin-top: 35px;
	width: 320px;
	height: auto;
	float: right;
}

#RSS_side { 
text-align: left;
padding-top: 5px;
margin-bottom: 0px;

display: block;
width: 308px; 
height : 25px; 
padding-left: 10px;



	background-image: url(../images/states/whitebared09.png);
	color: #222;
	border: 1px solid #d2d2d2;
	border-bottom: 2px solid #3d3d3d;
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
}


#RSSStory { 
text-align: left;

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

#RSSStory a {
	text-align: left;
	color: #2034fa;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-variant: normal;
	display: inline-block;
}
 
 .mapheaderB {
padding-top: 0;
width: 535px;
height: auto;
position: relative;
clear: both;
	font: bold 14px Verdana, sans-serif;
	color: #fff;

	border: 1px solid #668e20;
	vertical-align: middle;
} 
 
 
 
 
 
 .mapheader {
padding-top: 0;
width: 535px;
height: auto;
position: relative;
clear: both;
	font: bold 18px Verdana, sans-serif;
	color: #668e20;

} 
 
  .mapsubheader {
padding-top: 0;
width: 595px;
height: auto;
position: relative;
clear: both;
	font: bold 10px Verdana, sans-serif;
	color: #668e20;
} 
 
 div#homeboxb { 
margin-top: 15px;
padding-top: 0;

width: 600px; height : 330px;
	position: relative;

}
 
 

h3#fir_3 { width: 600px; height : 40px; padding : 0; 

background : url(../images/banners/prohibition.png) no-repeat; 
text-indent : -9999px;
	border-bottom: 1px groove #444;

}


h3#fir_4 { width: 300px; height : 35px; 
margin-left: 1px;
margin-top: 20px;

padding : 0; background : url(../images/banners/small_css_bannertopc.gif) no-repeat; text-indent : -9999px; }



h3#fir_5 { 
margin-left: 1px;

width: 300px; height : 35px; 
margin-top: 15px;
padding : 0; background : url(../images/banners/banner_city.png) no-repeat; text-indent : -9999px; }




h3#fir_6 { width: 300px; height : 35px; 
margin-left: 1px;
margin-top: 20px;

padding : 0; background : url(../images/banners/small_css_bannertopc.gif) no-repeat; text-indent : -9999px; }



h3#fir_7 { width: 300px; height : 35px; 
margin-left: 1px;
margin-top: 20px;

padding : 0; background : url(../images/banners/small_css_bannertopc.gif) no-repeat; text-indent : -9999px; }



/* =ul */

ul { list-style-type : none; }

ul#nav_main { 
z-index : 55; 
position : absolute; 
top : 20px; width : 100%; height : 37px; margin : 0; padding : 0; 
/*
background : url(../images/ul_nav_main.png);
*/
 }

ul#nav_experts { z-index : 45; position : relative; width : 600px; height : 174px; margin : 0; padding : 0; background : url(../images/ul_nav_experts.png) no-repeat;
	border-color: #a7a7a7;
}

div#nav_current ul { z-index : 45; position : relative; width : 549px; height : 244px; margin : 0; padding : 0; 
/*
background : url(../images/ul_nav_current.png);
*/
 }

div#content_sub ul { margin : 0; padding : 0 0 30px 30px; 
background : url(../images/ul.png) no-repeat 0 100%; }









/* =ol */

ol { list-style-type : none; }

div#content_sub ol { margin : 0; padding : 0 0 30px 30px; background : url(../images/ul.png) no-repeat 0 100%; }



/* =li */



/* The following rules relate to image replacement where a background image 

is placed on an element and HTML text is moved out of view. 

See http://www.mezzoblue.com/tests/revised-image-replacement */



li#nm_1 { position : absolute; top : 1px; left : 230px; width : 100px; height : 36px; background : url(../images/li_nav_main.png) no-repeat 0 0; }

li#nm_2 { position : absolute; top : 1px; left : 330px; width : 100px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -100px 0; }

li#nm_3 { position : absolute; top : 1px; left : 430px; width : 100px; height : 36px; background : url(../images/li_nav_main.png) no-repeat -200px 0; }

li#nm_1 a:hover { background : url(../images/li_nav_main.png) no-repeat 0 -37px; }

li#nm_2 a:hover { background : url(../images/li_nav_main.png) no-repeat -100px -37px; }

li#nm_3 a:hover { background : url(../images/li_nav_main.png) no-repeat -200px -37px; }







li#nc_1 { z-index : 75;position : absolute; top : 112px; left : 90px; width : 122px; height : 122px; background : url(../images/nc_1.png) no-repeat; text-align : center;  }


li#nc_2 {  
z-index : 75; 
position : absolute; 
top : 2px; 
left : 475px; 
width : 122px; 
height : 350px; 
background : url(../images/nc_2.png) 

no-repeat; 
text-align : center;  }

li#nc_3 {  z-index : 75; position : absolute; top : 68px; left : 420px; width : 122px; height : 122px; background : url(../images/nc_3.png) no-repeat; text-align : center;  }



li#ne_1 { position : absolute; top : 28px; left : 28px; width : 120px; height : 120px; }

li#ne_2 { position : absolute; top : 28px; left : 173px; width : 120px; height : 120px; }

li#ne_3 { position : absolute; top : 28px; left : 318px; width : 120px; height : 120px; }



ul#nav_recent li { 
float : left; width : 90px; margin-right : 10px;
	color: #444;
	display: inline-block;
	font: 8pt "Lucida Grande", Lucida, Verdana, sans-serif;
} 

div#content_sub li { line-height : 1.8; }



/* =p */

form p { margin : 0; }






/*
div#branding>p { z-index : 1; position : absolute; right : 0; top : -80px; width: 340px; height : 291px; margin : 0; padding : 0; background : url(../images/branding_p.png) no-repeat; text-indent : -9999px; }
*/



div#nav_current p { z-index : 55; position : absolute; right : 30px; bottom : 30px; margin : 0; padding : 0; color : #fff; }

p#si_1 { 
position : absolute; 

top : 15px; 

right : 50%; 
left: 39%;
width: 300px; height : 48px; margin : 0; padding : 0; 
background : url(../images/banners/copyright.png) no-repeat; text-indent : -9999px; }



p#si_2 { position : absolute; 
/*
top : -40px; */
right : -30px; width: 245px; height : 120px; margin : 0; padding : 0; background : url(../images/si_2.png) no-repeat; text-indent : -9999px; }



/* =code */

code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #666; }

pre {  padding-left : 20px; font-size : 80%; }



/* EDS TAKEN OUT

div#branding blockquote { z-index : 2; position : absolute; left : 335px; top : 40px; width: 199px; height : 103px; background : url(../images/branding_blockquote.png) no-repeat; text-indent : -9999px; }
*/



/* =a */

a:link { color : blue; text-decoration : underline; }

a:visited { color : orange; text-decoration : underline; }

a:hover { color : green; }

a:active, a:focus { color : #000; }



h1 a { display : block; width: 379px; height : 72px; text-indent : -9999px; }

ul#nav_main a { display : block; width : 100px; height : 37px; text-indent : -9999px; text-decoration : none; overflow : hidden; }

ul#nav_experts a { display : block; width : 120px; padding-top : 130px; text-decoration : none; overflow : hidden; }



div#nav_current a { position: absolute; top: 40px; left: 0; width : 82px; height : 81px; padding : 0 20px;  font-size : 92%; font-weight : bold; text-decoration : none; text-transform : uppercase; text-align: center; line-height : 1.1; color : #fff; overflow : hidden; }

div#nav_current a em { width : 61px; font-size : 140%; font-style: normal; }

div#nav_current a em abbr { display : block; font-size : 72%; }

div#content_sub li a { padding-left : 20px; background : url(../images/li.png) no-repeat 0 50%; }



ul#nav_recent a { padding-left : 5px; padding-right: 5px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

p#si_2 a { display : block; 
width: 245px; 
height : 120px; text-indent : -9999px; text-decoration : none; overflow : hidden; }



/* =img */

img, img a { border : none }

abbr, acronym { text-decoration : none; border : none; }



/* =form */

form#search_input { padding : 0 30px 20px; 
background : url(../images/search_input.png) no-repeat 0 100%; }

/* =form */

form#search_inputb { width: 300px;
padding : 0 50% 20px; 
/*background : url(../images/search_input.png) no-repeat 0 100%; */}


/* =label/labelspan */

label { margin-bottom : .5em; font-weight : bold; }

label, label span { display : block; margin-bottom : .5em; }



/* =input */

/*input { width : 90%; padding : 3px; font : 100% Tahoma, Verdana, Arial, sans-serif; background-color : #fff; 
border : 1px solid green; color : #333;
margin-bottom: 5px; }  */

input { width : 90%; padding : 3px; font : 100% Tahoma, Verdana, Arial, sans-serif; background-color : #fff; 
border : 1px solid green; color : #333;
margin-bottom: 5px; }


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



div#container { 
position : relative; width : 1024px; 
height: auto;
margin : 0 auto; 
padding-top : -10px; 
margin-bottom: 0;


text-align : left; 

}


div#branding { 
/*
background-color: red;
*/
z-index : 5; 
position : relative; 
width : 100%; 
height : 85px;  

}

div#content { width : 100%; height: 90%;
padding : 0px 0 20px 0; overflow : hidden; }


div#content_main { 
margin-top: 25px;
z-index: 99; 
float : left; 
width : 600px; padding : 0px 0; 
/*background : url(../images/content_main.png) repeat-x; 
*/
}







div#nav_current { 
position : relative; 
margin: 0;}


div#content_sub { 
display : inline; 
float : right; 
width : 300px; 
margin : 0 0 -100px 0px; 
padding : 0 0 80px 0; 
/*
background-color: silver;

background : url(../images/content_sub.png) repeat-x; 
*/

overflow : hidden; }


div#site_info { 
position : absolute; 
width : 900px; 
height : 120px; 
/*background : #fff url(../images/bottomgrass2.png); */
margin-top: 5px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #a7a7a7;
	display: block;
	clear: both;
	float: left;
}



}



/* =The rules below relate only to Mozilla Firefoc 1.5 and its provisional support for CSS3 columns. */

ul#nav_experts + p { -moz-column-count : 2; -moz-column-gap : 1em; }