/*General
------------------------------------------------------------------------------------------------------*/

/*Tools*/

.floatleft{
	float:left;
	}
	
.clearboth {
	clear:both
	}

.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	}
	
* { 
	margin: 0;
	padding: 0;
	}
	
body {
	font-size: 60%; /*1em = 10px (1.2em = 12px, 1.3em = 13px etc.)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5C2903;
	}
	
#wrapper{
	min-width: 820px;
	}
	
div > p:first-child {
	padding-top: 0px;
	}
	
.firstchild {
	padding-top: 0px;
	margin-top: 0px;
	}
	
.minimap {
	float: left;
	padding-right: 50px;
}

/*	Typography
-------------------------------------------------------------------------------------------------*/

address {
	font-size: 1.2em;
	}
	
acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	cursor: help;
	}
	
a {
	color: #5C2903;
	text-decoration: underline;
	}
	
a:hover {
	color: #cb4717;
	text-decoration: underline;
	}
	
a img {
	border: none; 
	}
	
p{
	padding-top: .5em;
	font-size: 1.2em; /*p are 12px*/
	padding-bottom: 1em;
	}
	
#content_wrapper ol{ /*style the ul and li elements*/
	font-size: 1.3em; /*font size of 13px for the list items*/
	margin-bottom: 1em;
	margin-left: 1.5em;
	}

	#content_wrapper ol li {
		padding-bottom: 3px;
		padding-top: 3px;		
		}
		
		#content_wrapper ol li ol{
			list-style-type: none;
			margin-top: 0.3em;
			margin-bottom: 0px;
			color: #797900;
			}
			
			#content_wrapper ol li ol li{
				list-style-type: none;	
				font-size: .8em;
				}
				
				#content_wrapper ol li ol li a{
					color: #797900;
					text-decoration: none;
					}
				
				#content_wrapper ol li ol li a:hover{
					color: #cb4717;
					text-decoration: underline;
					}
				
#content_wrapper ul{ /*style the ul and li elements*/
	list-style-type: none;
	font-size: 1.3em; /*font size of 13px for the list items*/
	margin-bottom: 1em;
	}
	
	#content_wrapper ul li {
		padding-bottom: 3px;
		padding-top: 3px;		
		}
		
		#content_wrapper ul li ul{
			list-style-type: none;
			margin-top: 0.3em;
			margin-bottom: 0px;
			color: #797900;
			}
			
			#content_wrapper ul li ul li{
				list-style-type: none;	
				font-size: .8em;
				}
				
					/*#content_wrapper ul li ul li a{
						color: #797900;
						text-decoration: none;
						}*/
					
					#content_wrapper ul li ul li a:hover{
						color: #cb4717;
						text-decoration: underline;
						}
	
h2 {
	color: #4C7D1D;
	font-size: 1.6em;
	font-weight: 600;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	display: block;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	margin-left: .9em;
	}
	
h2 a {
	color: #4C7D1D;
	text-decoration: none;
	}
	
h2 a:hover {
	color: #4C7D1D;
	text-decoration: underline;
	}
	
h3 {
	font-size: 1.4em;
	color: #cb4717;
	text-decoration: none;
	padding-top: 1em;
	padding-bottom: 1em;
	}
	
h3 a {
	color: #cb4717;
	text-decoration: none;
	}
	
h3 a:hover{
	color: #4C7D1D;
	text-decoration: underline;
	}
	
#current_responses .importantBox h3, #current_responses .box h3 { /*style the h3 in the current_response page*/
	margin-top: 0px;
	padding-top: 0px;
	}

h4 {
	font-size: 1.2em;
	margin-bottom: 1em;
	margin-top: 1em;
	}
	
.important { /*makes red*/
	color: #cc0000;
	}
	
.very_important { /*makes red and bold*/
	font-weight: bold;
	color: #FF0000;
	}

.highlight { /*makes orange and bold*/
	color: #cb4717;
	font-weight: bold;
	}
	
.highlight_dark { /*makes orange and bold*/
	color: #990000;
	font-weight: bold;
	}
	
.warning { /*adds a warning icon to every element that has this class applied to it*/
	background-image: url(../img/layout/icon_warning.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	}
	
.info_list li{ /*for list items that has to be displayed inline (apply to the ul)*/
	display: inline;
	padding-right: 5px;
	}
	
.link_external { /*style anchors that link to an external page */
	padding-right: 10px;
	background-image: url(../img/layout/icon_externalLink.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
.anchor li{ /*style a list of anchors (apply to the ul)*/
	background-image: url(../img/layout/bullet_anchor.gif);
	background-repeat: no-repeat;
	background-position: left .6em;
	padding-left: 12px;
	}
	
.anchor .anchor_external { /*style a list element of external anchors (apply to the li)*/
	background-image: url(../img/layout/bullet_anchor_external.gif);
	background-repeat: no-repeat;
	background-position: left .6em;
	padding-left: 12px;
	}
	
a.current{										
	color: #CC0000;
	font-weight: bold;
	}
	
.bulleted_list li{ /*style a list with bullets* (apply to the ul)*/
	background-image: url(../img/layout/bullet_list.gif);
	background-repeat: no-repeat;
	background-position: left .7em;
	padding-left: 12px;
	}
	

	
.current_as { /*style the current as at paragraph*/
	font-size: 1.1em; /*Current as at paragraph is 11px*/
	color: #333333;
	position: relative;
	bottom: 0px;
	left: -11px;
	top: 12px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	}
	
.back_to_top { /*style the back to top anchors*/
	margin-right: 30px;
	color: #CC0000;
	font-size: 1.2em;
	text-align: right;
	display: block;
	}
	
.link_email { /*style anchors that link to an external page in IE6*/ 
	padding-right: 20px;
	background-image: url(../img/layout/icon_email.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(../img/layout/icon_email.gif) no-repeat center right;
	}
	
.link_pdf {
	padding-right: 20px;
	background-image: url(../img/layout/icon_dl_pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
a[href $='.pdf'] { 
   padding-right: 20px;
   background: transparent url(../img/layout/icon_dl_pdf.gif) no-repeat center right;
	}
	
.link_word {
	padding-right: 20px;
	background-image: url(../img/layout/icon_dl_word.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
a[href $='.doc'] { 
   padding-right: 20px;
   background: transparent url(../img/layout/icon_dl_word.gif) no-repeat center right;
	}
	
.link_exel {
	padding-right: 20px;
	background-image: url(../img/layout/icon_dl_exel.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
	
a[href $='.xls'] { 
   padding-right: 20px;
   background: transparent url(../img/layout/icon_dl_exel.gif) no-repeat center right;
	}
	
.small_text {
font-size: 1.1em;}

.important_small_text {
font-size: .9em;}



	
/*	masterhead
-----------------------------------------------------------------------------------------------*/

#header {
	height: 109px;
	position: relative;
	background-color: #f6f1d9;
	background-image: url(../img/layout/bg_header.gif);
	background-repeat: repeat-x;
	}
	
#header h1{
	font-size: 2em; /*H1 in the header is 20px*/
	color: #7D3704;
	position: absolute;
	top: 40%;
	left: 130px;
	}

#header #report a{
	float:right;
	width: 189px;
	height: 46px;
	position: relative;
	left: 1px;
	top: 43px;
	display: block;
	padding-right: 10px;
	text-decoration:none;
	}
		
		#header #report a span {
			position: absolute;
			width: 100%;
			height: 100%;
			background-image: url(../img/layout/but_report.jpg);
			background-repeat: no-repeat;	
			cursor: hand; /*for IE to display the cursor*/
			}
			
#header img.crest{
	position: absolute;
	top: 21px;
	left: 33px;
	}
		
/*	Accessibility 
-----------------------------------------------------------------------------------------------------*/


#accessibilitybar #bar {
	height:7px; 
	margin: 0; 
	padding: 0;
	font-size: 1px; 
	cursor:arrow;
	background-color:#CB4717;
}

#accessibilitybar #text {
	position:absolute; 
	top:0; 
	right:0; 
	padding: 2px 15px; 
	text-align:right; 
	margin: 0; 
	color:#FFFFFF; 
	vertical-align:middle; 
	background-color:#CB4717;
	background-image:url(../img/layout/accessibilitytab.gif);
	background-repeat:no-repeat; 
	background-position: bottom left; 
	font-size: 1.2em;

	}
	
#accessibilitybar p {
	padding: 0;
	}
#accessibilitybar img {
	padding:0; 
	margin:0; 
	vertical-align:bottom;}
	
#accessibilitybar a, #accessibilitybar a:link {
	color:#ffffff;
	text-decoration:underline;}
	 
#accessibilitybar a:hover {
	color:#ffffff;
	text-decoration:none;}
	
#accessibilitybar #text ul { 
	list-style:none; 
	margin:0; 
	padding:0;
	} 
	
#accessibilitybar #text li { display:inline;} 


a span { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }
	
	
/*	Navigation
-----------------------------------------------------------------------------------------------------*/

#navigationbar{
	width: 100%;
	margin-bottom: 20px;
	float: left;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #EBE0AB;
	background-color: #CB4717;
	background-image: url(../img/layout/bg_navbar.jpg);
	background-repeat: repeat-x;
	}
	
#home #nav .home a, #response_plan #nav .response_plan a, #current_responses #nav .current_responses a, #faq #nav .faq a,#about #nav .about a, #contact #nav .contact a, #sitemap #nav .sitemap a, #links #nav .links a, #pest_disease_info #nav .pest_disease_info a{
	background: url(../img/layout/bg_indic.gif) no-repeat center bottom;
	cursor: default;
	}

.home {
	padding-left: 5px;
}

ul#nav {
	list-style: none;
	}
	
	ul#nav li {
		float: left;
		display: block;
		line-height: 40px;
		}
		
		ul#nav li a {
			font-size: 1.3em;
			text-decoration: none;
			color: #fff;
			display: block;
			padding-right: 0.8em;
			padding-left: 0.8em;
			}	
			
		ul#nav a:hover {
			background: url(../img/layout/bg_indic.gif) no-repeat center bottom;
			}

ul#nav li#search {
	float: right;
	background: #6a7682 url(../img/layout/bg_date.jpg) repeat-x;
	color: #fff;
	padding: 0 1em 0 1em;
	height: 4.2em;
	} 
ul#nav li#search .searchButton{
	background-color:#d9dce4;
	border-width:0px 1px 1px 0px;
	border-style: solid;
	border-color: #363636;
	color: #363636;
	font-weight: bold;
	padding:2px;
	margin:10px 0 0;
	font-size:1.2em;
}
ul#nav li#search .searchfield{
	border-width:0px 1px 1px 0px;
	border-style: solid;
	border-color: #363636;
	padding:2px;
	margin:2px 0 0;
	font-size:1.2em;
	
}

/*Sitemap content
---------------------------------------------------------------------------------------------------*/

#main_content .sitemapcontent ul li {
list-style-type:disc;
margin-left:25px;
}

#main_content .sitemapcontent ul li ul li {
list-style-type: circle;
}

#main_content .sitemapcontent ul li ul li ul li {
list-style-type:square;
}

#main_content .sitemapcontent ul li ul li ul li ul li {
list-style-type: circle;
}
	
/*breadcrumb
---------------------------------------------------------------------------------------------------*/

#breadcrumb {
	clear: both;
	list-style-type: none;
	margin-left: 3.5%;
	margin-bottom: 20px;
	font-size: 1.1em; /*font size of 10px for the breadcrumb*/
	}
	
#breadcrumb a{
	color: #990000;
	text-decoration: underline;
	}
	
#breadcrumb a:hover{
	color: #4C7D1D;
	text-decoration: underline;
	}
	
#breadcrumb li{
	display: inline;
	}

/*Content and boxes
----------------------------------------------------------------------------------------------------------*/

#content_wrapper {
	float: left;
	width: 100%;
	}
	
.importantBox, .box {								
	margin-bottom: 3em;
	margin-left: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 5px;
	border: 1px solid #FFFFFF;/*don't remove, fixes a border display bug in IE for the response_plan page*/
	}
	
*html .box, *html .importantBox { /*IE doesn't render the dotted border*/
	border-left-style: solid;
	}
	
.box { /*sets the border apearance of the boxes*/
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #707d89;
	}
	
.importantBox { /*sets the border apearance of the important boxes*/
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FF0000;
	}
	
.box img.thumbnail, .importantBox img.thumbnail { /*style the thumbnails for diseases*/
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	}
	
.portrait {
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	}

.response_box {
	float: left;
	margin-top: 15px;
	width: 500px;
	}
	
.response_box ul{
	float: left;
	}
	
#current_responses .importantBox, #current_responses .box, #links .box, #links .importantBox { /*IE double margin fix*/
	display: inline;
	clear: both;
	float: left;
	}
	
.contact_box {
	float: left;
	margin: 1.5em;
	padding: 1em;
	background-color: #FCFBE9;
	width: 250px;
	display: inline;
	}
	
.links_box {
	float: left;
	width: 230px;
	display: inline;
	margin-top: 0em;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
	}

/*Layout
-------------------------------------------------------------------------------------------------------------*/

/*Layout :: 3 columns layout*/

#col1 {
	display: inline; /*hack for the double margin bug in IE for floated elements*/
	}
	
#col1, #col2, #col3 {
	float: left;
	width: 30%;
	margin-left: 2.5%;
	height:auto;
	}
	
/*Alternate layout :: 2 columns layout*/

#side_bar {
	width: 20%;
	margin-left: 2.5%;
	height:100%;
	float: left;
	display: inline; /*hack for the double margin bug in IE for floated elements*/
	}	
	
#main_content{
	width:70%;
	margin-left:2.5%;
	float: left;
	display: inline;
	}

/*footer*/

#footer {
	clear: both;
	height: 40px;
	background-image: url(../img/layout/bg_footer.jpg);
	background-repeat: repeat-x;
	color: #3C1E00;
	margin-top: 50px;
	}
	
	#footer ul {	
		font-size: 1.2em;
		float: left;
		list-style: none;
		padding-left: 25px;
		}
		
		#footer ul li{
			float:left;
			display: block;
			line-height: 40px;
			padding-left: 1em;
			padding-right: 1em;
			}
		
			#footer ul li a{
				text-decoration: none;
				color: #3C1E00;
				}
			
			#footer ul li a:hover{
				text-decoration: none;
				color: #cb4717;
				}