/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 750px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	background-color: #ffffff;
}
a {
	text-decoration: none;
	color: blue;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: blue;
}
a:hover {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.center {
	text-align: center;
}
.red {
	color:#CC0000;
	font-weight: bold;
}
#wrapper {
	text-align: left;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
 	padding: 0;
	background-color:#ffffff;
	border-left:;
  	border-right: ;
  	border-bottom:;
}
#header {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 40px;
  	color:#660000;
	background-image: url(images/banner.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	height: 166px;
	padding: 0;
}
#header p {
	position: relative;
	top: 50px;
}
#topnav {
  	background-color: #d1d1a5;
  	border-top: 2px solid #999966;
  	border-bottom: 2px solid #999966;
  	font-weight: bold;
	text-align: center;
  	padding: 2px;
	margin: 0;
  	font-size: 12px;
}
#topnav a {
  	display: inline-block;
  	color: white;
  	text-decoration: none;
  	margin: 0 30px;
}
#topnav a:hover {
  	color: black;
}
#main {
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	background: url(images/sidenav_bg.gif) repeat-y bottom left;
}
#sidenav {
  	float: left;
  	width: 150px;
  	margin: 0;
  	padding: 0;
  	background-color: #e1e1b5;
  	font-size: 80%;
}
#sidenav ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	font-weight: bold;
}
#sidenav li {
  	padding: 2px 3px 2px 5px;
  	margin: 0;
  	border-bottom:;
}
#sidenav li a {
  	text-decoration: none;
  	color: #333300;
  	padding: ;
  	margin: 0;
}
#sidenav li a:hover {
  	background-color:;
  	text-decoration: underline; 
}
#sidenav li.side_sub {
  	padding-left: 10px;
  	font-weight: normal;
}
#sidenav img {
	margin: 5px 0 0 10px;
}
#print {
  text-align: right;
  padding: 0;
  font-size: 11px;
  margin-top: -15px;
}
#print a {
  text-decoration: none;
  background-image: url(images/icon_print.gif);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 20px;
}
#print a:hover {
  text-decoration: underline;
  color: blue;
}
#content {
  	margin: 0 0 0 160px;
  	padding: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#content p {
}
#content p, #content li {
	line-height: 130%;
}
#content ul, #content ol {
	margin-top: -0.2em;
	}
#content a:visited {
	color: purple;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
	text-align: right;
	vertical-align: bottom;
	border-bottom: 2px solid black;
	margin-top: 0;
	height: 77px;
}
h2 {
	color: #006633;
	font-size: 120%;
	margin-top: 30px;
}
h3 {
	color: black;
	font-size: 100%;
	font-weight:bold;
	margin-top: 20px;
}
h3 a {
}
h4 {
	color: #222222;
	font-size: 100%;
	font-weight: bold;
	font-style:italic;
	margin-top: 16px;
}
.smalltext {
	font-size: 75%;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
#new {
	width: 232px;
	height: 96px;
	border: 1px solid #999966;
	padding: 2px 3px;
	margin: 10px 0 0 0;
	background-color: #eeeecc;
	position: relative;
}
#new h2 {
	margin: 0 0 3px 0;
	}
#new h3 {
	font-size: 11px;
	margin: 0;
	}
#new a, #new a:visited {
	color: blue;
	}

#new p {
	margin: 0;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px 0 0 0;
	}
#intro {
	font-size: 90%;
	
}
#content p.intro, #content li.intro {
	font-weight: bold;
	color: #660000;
}
#content p.quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	margin: 10px 20px 0 20px;
}
#content p.quoted {
	text-align: right;
	margin: 0 20px 10px 20px;
	font-size: 90%;
}

#content #projects, #content #topics {
	height: 350px;
	background-color: #eeeecc;
	border: 1px solid #999966;
	font-size: 90%;
	padding: 5px;
}

#projects h2, #topics h2 {
	margin-top: 0;
	}
#content #projects {
	margin: 0 10px 20px 0;
	width: 324px;
}
#content #topics {
	width: 580px;
	height: auto;
	float: left;
	clear: none;
}
#content #topics ul, #content #projects ul {
	list-style: none;
	margin:0;
	padding:0;
	}
#content #topics li, #content #projects li {
	margin-bottom: 0.5em;
	text-align: center;
	}
.more {
	margin:0;
	font-size: 90%;
	text-align: right;
	}
#content .sidebar {
	float: right;
	background-color: #eeeecc;
	border: 1px solid #999966;
	padding: 5px;
	margin: 30px 0 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#content .sidebar p {
	margin: 0 0 3px 0;
	padding: 0;
}
#content .sidebar h2 {
	margin-top: 0;
	}
#content p.profiletop {
	font-family:"Times New Roman", Times, serif;
	font-size: 170%;
	font-style: italic;
	color: #333333;
}
#content img.heading {
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: none;
	float: left;
	vertical-align: bottom;
}
#content .pagetop {
  font-size: 90%;
  text-align: right;
  clear:both;
  margin: 2px 0;
}
#content a.pagetop {
  text-decoration: none;
}
#content a.pagetop:visited {
  color: blue;
}
#content a.pagetop:hover {
  text-decoration: underline;
}
#content a.definition, #content a.definition:visited {
	color:#CC0000;
}
#content #jump a, #content #jump a:visited {
  width: 400px;
  color: blue;
}
#content ul.listlink {
	list-style: none;
	margin: -0.8em 0 0 0;
	padding-left: 20px;
}
#content ul.listlink li {
	padding: 0 0 3px 0;
}
#content ul.listlink li.sub {
	padding-left: 20px;
}
.imgright {
	float: right;
	margin: 0 0 4px 10px;
	text-decoration:none;
}
.imgleft {
	float: left;
	margin: 0 10px 4px 0;
	text-decoration: none;
	clear: left;
}
.imginline {display:inline; float:left; text-decoration:none; margin:0 15px 15px 0;}
.imginline em, .imgright em, .imgleft em {font-style:normal;}
.imginline .caption, .imgright .caption, .imgleft .caption {display:block; height:20px; margin-bottom: 10px;}
.imginline img, .imgright img, .imgleft img {border:1px solid #444444; display:block;}
.imginline em.captext, .imgright em.captext, .imgleft em.captext {padding:0px; margin:0; color:#000; font-weight:bold; font-size:11px;}
a.imginline:hover, a.imgright:hover, a.imgleft:hover {text-decoration: none;}
img.profile {
	float: right;
	margin: 0 0 4px 4px;
	border: none;
}
img.border {
	border: 1px solid #444444;
	margin: 4px;
}
#content table.data {
	border-collapse: collapse;
	font-size: 90%;
	width: 590px;
	text-align: left;
}
#content table.datasmall {
	border-collapse: collapse;
	font-size: 90%;
	width: 400px;
	margin-left: 80px;
}
#content table.dataright {
	border-collapse: collapse;
	font-size: 90%;
	width: 200px;
	float: right;
	margin: 0 0 3px 5px;
}
#content table.data td, #content table.data th, #content table.datasmall td, #content table.datasmall th, #content table.dataright td, #content table.dataright th{
  padding: 3px 4px;
}
#content table.data caption, #content table.datasmall caption, #content table.dataright caption {
  text-align: left;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
#content table.data thead th, #content table.datasmall thead th, #content table.dataright thead th {
	border-top: 1px solid #999966;
	border-bottom: 1px solid #999966;
	font-weight: bold;
	background-color: #eeeecc;
	vertical-align: bottom;
	text-align: center;
}
#content table.data tbody th, #content table.datasmall tbody th, #content table.dataright tbody th {
  text-align: left;
}
#content table.data tbody td, #content table.datasmall tbody td, #content table.dataright tbody td {
  text-align: center;
}
#content table.data tbody td.indent, #content table.data tbody th.indent {
	padding-left: 8px;
}
#content table.data tbody th.bottom, #content table.datasmall tbody th.bottom, #content table.dataright tbody th.bottom {
  border-bottom: 1px solid #999966;
  font-weight: bold;
}
#content table.data tbody td.bottom, #content table.datasmall tbody td.bottom, #content table.dataright tbody td.bottom{
  border-bottom: 1px solid #999966;
  font-weight: normal;
}
#content table.data tr.shade, #content table.datasmall tr.shade, #content table.dataright tr.shade {
  background-color:#eeeecc;
}
#content table.data td.footnote, #content table.datasmall td.footnote {
  text-align: left;
  font-size: 80%;
}
#content ul.recommend {
	font-size: 100%;
	padding: 0 0 0 21px;
	margin: 0;
	font-weight: bold;
	list-style-image:url(images/check.jpg);
	list-style-type: square;
}
#content ul.recommend li {
	padding: 0 0 8px 0;
}
#content ul.recommend em {
	color: 444444;
	font-weight: normal;
}
#content .farmdetails {
	float: right;
	background-color: #eeeecc;
	border: 1px solid #999966;
	padding: 5px;
	margin: 0 0 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
}
#content .farmdetails p {
	margin: 0 0 3px 0;
	padding: 0;
}
#content .nutshell {
	background-color: #eeeecc;
	border: 1px solid #999966;
	padding: 0 5px;
	clear: right;
}
#content .nutshell h2 {
	margin-top: 5px;
}
#content .col1 {
	float: left;
	width: 290px;
}
#content .col2 {
	float: right;
	width: 290px;
}
#events, #webnews, #resources, #news, #learn {
	border: 1px solid #999966;
	margin: 10px 0 10px 0;
}
#events h1, #webnews h1, #resources h1, #news h1, #learn h1 {
	font: normal normal bold 100% Arial, Helvetica, Verdana, sans-serif;
	background-color: #d1d1a5;
	color: black;
	padding: 3px;
	border-bottom: 1px solid #999966;
	text-align: left;
	height: auto;
	margin: 0 0 1em 0;
}
#events h2, #webnews h2, #resources h2, #news h2, #learn h2 {
	font-weight: bold;
	font-size: 90%;
	color: #cc0000;
	padding: 0 3px;
	margin: 1em 0 0 0;
}
#events p, #webnews p, #resources p, #news p, #learn p {
	padding: 0 3px;
	font-size: 85%;
	margin: 0.5em 0;
	line-height: normal;
}
#events ul {
	margin: 0.5em 0 0 0;
} 
#events li {
	padding: 0;
	margin: 0;
	font-size: 85%;
}
#content .listmap p {
	margin: 0.5em 0;
}
#content ul.topics {
	list-style: none;
	margin: 0;
	padding:0;
}
#content ul.topics ul {
	list-style: none;
	margin-top: 0;
	}
#footer {
	clear: both;
	background-color: black;
	color: white;
	font-size: 90%;
	padding: 2px;
}
#footer a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	margin: 0 5px 0 2px;
}
#footer a:hover {
	text-decoration: underline;
}