/********************************************
   AUTHOR:  			Jason Barnes
   WEBSITE:   			http://www.humboldt.edu~jmb181/
	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #ffffff url(bg3.jpg) repeat-x;
	font: 75%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 0;
	overflow : scroll;
}

/* links */
a, a:visited {	
	color: #2b2b2b;
	background: inherit;
	text-decoration: none;	
}
a:hover {
	color: #2b2b2b;
	background: inherit;
	text-decoration: underline;	
	font-weight : normal;
}

/* headers */
h1, h2, h3{
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	padding : 5px 5px 5px 10px;
	margin : 0px;
}
h1 {
	font-size: 230%;	
	font-weight: normal;
	letter-spacing: -1px;
}
h2 {
	#margin-top: 10px;
	margin : 0 0 0 15px;
	padding-bottom: 0px;
	font: normal 2.1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #895F30; 
	letter-spacing: 8px;	
	text-transform: none;
	width : 800px;
}
h3 {
	font-size: 150%;	
	font-weight: normal;	
}

p {
	padding: 10px;		
	margin: 0;
}
p.site {
	font-size : .9em;
	border-top : 3px dotted gray;
}
p.justify {
	display : block;
	text-align : justify;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
ul {
	list-style: none;
}

/*  CONTACT form elements */
form {
	margin:0px; padding: 0px 5px 10px 5px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0 -1px 0;
	width : 200px;
}
input {
	padding: 0px;
	margin : 0px 0px 0 0;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

textarea {
	padding:3px;
	margin: 0 0 5px 0;
	font: normal 1em Verdana, sans-serif;
	display:block;
	color:#777;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	background: #fff url(wrap-bg.jpg) repeat-y;
	width: 900px;
	margin: 20px auto 0 auto;
	text-align: left;
}
#header {
	position: relative;
	background: #fff url(header-bg6.jpg) repeat-x;
	width: 870px;	
	height: 100px;	
	padding: 0;	
	margin: 0px auto;
}
#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 34px Calibri, "Arial Narrow", Arial, Times, san-serif;
	letter-spacing: 3.9px;
	color: #111;
	text-transform: none;
	text-decoration: none;
		
	/* change the values of top and left to adjust the position of the logo*/
	top: 26px; left: 20px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	color: #5b4a29;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 66px; left: 23px;		
}

/* header logo */
#header #header-logo {
	position: absolute;
	top: 15px; right: 15px;	
}
#header-logo img {
	border : none;
	padding : none;
	margin : none;
}

/* header-photo */
#header-photo {
	clear: both;
	margin: 5px 5px 5px 15px;
	padding: 0;		
	height:206px; 
	width: 870px;
}
#header-photo img {
	border: none;
	margin: 0; padding: 0;
} 
#content-wrap {
	position: relative;
	background: #fff url(content-bg.jpg) repeat-x;
	clear: both;
	float: left;	
	width: 870px;	
	padding: 0; 			
	margin-left: 15px;
	border-top: 5px solid #fff;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}
/* Navigation */
#nav {
	clear: both;	
	margin: 0; padding: 0;		
	height: 45px;
}

#nav ul {
	float: left;
	list-style: none;
	background: url(nav5.jpg) repeat-x;	
	width: 560px;		
	height: 45px;
	text-transform: uppercase;
	margin: 0 0 0 15px;
	padding: 0;	
	display: inline;
}

#nav ul li {
	display : inline;
	margin: 0; padding: 0;
	
}
#nav ul li a {
	float: left;
	width: auto;
	margin: 0;
	padding: 0 9px;
	border-right: 1px solid #968a72;
	border-left: 1px solid #ebd9b3;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
	color: #fff;
}

#nav ul li a:hover, 
#nav ul li a:active {
	background: url(nav6.jpg) repeat-x;	
}

#nav ul li#current a {	
	background: url(nav6.jpg) repeat-x;	
}
#language {
	width : 75px;
	height : 38px;
	margin : 3px 5px 0 0;
	clear : none;
	float : left;
}
#language img {
	border : none;
	margin : -1px 3px 0 0;
	vertical-align : middle;
}
/* SEARCH form */
#search {
	padding : 0;
	margin : 0;
	width : 310px;
	height : 45px;
	background: url(nav5.jpg) repeat-x;	
	float : left;
}
.searchform {
	background-color: transparent;
	width : 270px;
	margin: 2px 0 0 45px; padding: 0;	
	position : relative;
	top: 9px;
	left: 0px;
}
.searchform p 
{ margin: 0; padding: 0; }

.searchform input.textbox { 
	color: #777;
	width : 140px;
	margin : 2px 0 0 0;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	font-size : 9pt;
}
.searchform input.button { 
	padding: 1px 4px;
	margin : 0 0 0 2px;
	border-top : 1px solid #ebd9b3;
	border-right : 1px solid #968a72;
	border-bottom : 1px solid #968a72;
	border-left : 1px solid #ebd9b3;
	background: #a3a3a3;
	font: bold 12px Arial, Sans-serif; 
	color: #FFF;
}
.searchform input.button:hover{ 
	border-top : 1px solid #968a72;
	border-right : 1px solid #ebd9b3;
	border-bottom : 1px solid #ebd9b3;
	border-left : 1px solid #968a72;
	margin : -2px 0px 0 2px;
	vertical-align : text-top;
}
/* Main Column */
#main {
	float: left;
	width: 870px;
	padding: 10px 0 0 0; 
	margin: 0;
}

#main ul li {
	display : block;
	list-style: none;
}

/* Map Menu */
.Tabs {
	margin : 10px 0 15px 10px;
	padding : 0;
	width : 850px;
	height : 38px;
}
.Tabs a {
	display : block;
	float : left;
	margin : 0 4px 0 0;
	width : 132px;
	height : 38px;
	text-align: center;
	background : #F3F1F2 url(map_menu_long_dark.gif) no-repeat;
	font: bold 14px/35px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
	color : gray;
}

.Tabs a:hover, 
.Tabs a:active {
	background: url(map_menu_long.gif) no-repeat;
}
.Tabs  a.Current {	
	background: url(map_menu_long.gif) no-repeat;	
}
.Pages ul li {
	#margin : 0;
	#display : block;
}
#maps_form  fieldset{
	border : 1.5px solid #c3c3c3;
}
#maps_form.maps legend {
	margin : 0 5px 5px 5px;
	padding : 5px;
	border : 1px solid #c3c3c3;
	display : block;
}
#maps_form .checkbox {
	margin : 8.5px 8px 0 20px;
	/* save for IE */
	#margin : 1px 8px 0px 20px;
	padding : 0;
	float : left;
	width : 13px;
}
#maps_form label {
	width : 450px;
	#margin : 4px 0 2px 0;
}
#maps_form input {
	margin : 5px 0 0 10px;
	width : 115px;
}
#maps_form label .preview {
	margin : 0 0 0 3px;
	font-size : 90%;
	font-style : italic;
	font-weight : normal;
}
/* Pesticide Table */
#pesticides {
	width : 750px;
	margin : 0 auto;
}

#pesticides table {
	border-collapse : collapse;
	
}
#pesticides th {
	text-align : center;
}
#pesticides td {
	padding : 0;
	margin : 0;
	border-collapse: collapse;
	
	border-bottom : 1px solid #e7e7e7;
	text-align : center;
}
#pesticides img {
	border : none;
}

#pesticides a.link {
	display : block;
	background : transparent url(check_light.png) no-repeat;
	width : 23px;
	height : 23px;
	text-align : center;
	margin : 0 auto;
}
#pesticides a.link:hover {
	background : url(check.png);
}

/* footer */
#footer-wrap {
	clear: both;
	width: 872px;
	margin : 0 auto;
	font-size: 95%;
	text-align: center;
	padding: 6px 0 6px 0;
	background : #BFD9FE;
	border-top: 1px solid #fff;
	border-left : 1px solid #f3f3f3;
	border-right : 1px solid #f3f3f3;
	border-bottom : 15px solid #fff;
}
#footer-wrap ul li {
	display : inline;
}
#footer-wrap a:hover {
	color: #000;
	text-decoration : underline;
	font-weight : normal;
}


/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0 auto; 
	width: 870px;
	padding: 15px 0 0 0;
	text-align: center;	
}
#footer-bottom  a {
	color: #976834;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

.displaynone {
display : none;
}
/* Image Popups */
#TabView a .large {
	border: 0px;
	display: none;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#TabView a:hover .large {
	#border: 1px solid #000000;
	display: block;
	position: fixed;
	left: 45%;
	top: 20%;
	width: 562px;
	height: 425px;
}


/* Gallery */
#gallery {
width:728px; 
height:380px; 
padding:10px;
border:1px solid #b6b6b6; 
background: #efefef; 
position: relative;
margin : 0 auto 10px;
}
#gallery b.default {
position:absolute; 
left:10px; top:10px; 
width:548px; height:380px; 
text-align:center;
}

#gallery b.default img {
display:block; 
margin:0 auto 10px auto; 
border:2px solid #eee; 
border-color:#555 #ddd #eee #333;
padding : 0px;
}

#gallery b.default span {
display:block; 
color:black; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:12px; 
width:350px; 
margin:0 auto;
}

#gallery ul {
list-style:none; 
padding:0; 
margin:0; 
width:180px; 
position:relative; 
float:right;
}

#gallery ul li {
display:inline; 
width:52px; 
height:52px; 
float:left; 
margin:0 0 5px 5px;
}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}

#gallery ul li a img {
display:block; 
width:50px; 
height:50px; 
border:0;
padding : 0;
}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#efefef; z-index:20;}
#gallery ul li a:hover span {display:block; color:black; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:2px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#efefef; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:black; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:2px solid #eee; border-color:#555 #ddd #eee #333;}