/*RESET*/
h1, h2, h3, h4, p, ul, li
{padding:0px; margin:0px; height:auto;}
#content li {margin-left:40px;}
#content li li {padding-left:60px;}
img {border:0px;}

/*TYPOGRAPHY*/
body {font-family: "trebuchet ms", helvetica, verdana, sans; font-size: 1em; line-height:1.5em;}
h2,h3,h4 {margin-top:1em;}
h1 {font-size:2em; line-height: 1.6em;}
h2 {font-size:1.4em; line-height: 1.6em; text-transform:uppercase; font-weight:normal;}
h3 {font-size:1.2em; line-height: 1.4em;}
h4 {font-size:1em; line-height: 1.1em; text-transform:uppercase;}
p {margin-bottom:10px;}
#content {font-size: .9em;}
#content-home .home {font-size:1.6em; line-height: 1.4em; color:#993400;}
#topnav, #nav {font-size: .8em;}
#footer, #meta {font-size: .7em;}
.news h2 a {color:#993400;}

/*DESIGN*/
#frame {background: #FFF;}
body {color:#5B5B5B;  background:  top center no-repeat #8E964B url(/images/site/bg.jpg);}
a {text-decoration:none;}
h1 {color:#993400;}
h2 {color:#333C65;}
input.reset {background-color: #993400; border:0px;}
input.search {color:#919276;}
input.submit {background-color: #B2B33B; border:0px;}
input:hover.submit, input.reset {background-color: #993400; color:#FFF;}
#content a, #content-home a {color:#C67406; text-decoration:underline;}
#content a:hover, #content-home a:hover {color:#993400;}
#header {background-image: url(/images/site/headbg.jpg);}
#header a {color:#5B5B5B;}
#header .logolink {height:125px; width:300px; float:left; cursor:pointer;}
#footer {background-image: url(/images/site/footer-bg.gif); background-repeat: no-repeat;}
#nav { margin-bottom:15px;}
#nav-home .news {background: url(/images/site/bg-newshome.jpg) no-repeat; padding: 0px;}
#search {float:left; display:inline;}
#subnav {background: #CFDA74 url(/images/site/subnav-bg-top.gif) no-repeat; list-style-type:none; padding-top:15px; }
#subnav li a { color:#666666; display:block; font-weight:bold; padding-left:5px;}
#subnav li.current a {background-color:#DFE59F; border-left: 5px solid #8E9649; color: #3C3C4D;}
#topnav {border-top:1px solid #CEA41A}
#topnav li {border-top:5px solid #FFF;}
#topnav li a {color:#5D5D5D; font-weight:bold;}
#topnav li.current {border-top:5px solid #CEA41A}
#topnav li.current a {color:#0A0A0A;}

/*USEFUL STUFF*/
.caption {font-size:.9em; line-height:1.4em;}
.clear {clear:both;}
.error {border: 1px red solid; font-weight:bold; padding: 10px;}
.floatleft {float:left; font-size:10px; margin: 10px 10px 10px 0px;}
.floatright {float:right; font-size:10px; margin: 10px 0px 10px 10px}
.module2 {float:left; width:45%; padding:1%; vertical-align:top;}
.module3 {float:left; width:26%; padding-right:2%;}
.sectionimg {vertical-align: bottom left;}
.shade {background-color:#DFE59F;}

/*TAGCLOUD*/
#cloud.size1 {font-size: 2em;}
#cloud.size2 {font-size: 1.7em;}
#cloud.size3 {font-size: 1.5em;}
#cloud.size4 {font-size: 1.3em;}
#cloud.size5 {font-size: 1em;}

/*LIGHTBOX -- FANCY IMAGES*/
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { float: left; background: url(/images/site/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink { float: right; background: url(/images/site/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{padding:0 10px; color: #666; font-size:.75em; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }	
#imageData #caption{}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*STRUCTURE*/
body {text-align:center;}
label {width: 4em; float:left; text-align:right; margin-right:1em; display: block;}
#content input.submit {margin-left: 5.5em;} 
#frame {
	width:950px;
	margin-right:auto;
	margin-left:auto;
        margin-top: 0px;
	padding:0px;
	text-align:left;
	}
#nav {clear:both; width:215px; float:left; margin-left:25px;}
#nav li a {padding: 5px 10px 5px 5px;}
#nav-home {clear:both; width:290px; float:left; margin-left:25px;}
#content {
	padding: 5px 20px 0px 30px;
	_padding: 10px;
	float:left;
	width:650px;
	}
#content-home {
	padding: 5px 20px 20px 30px;
	_padding: 10px;
	float:left;
	width:575px;
	}
#header {height: 168px;}
#footer {clear:both; height:125px;}
#footer .footlinks {padding: 15px 0px 0px 260px;}
#sidebar {margin-top: 15px;}
#topnav {height:30px; margin: 0px 25px;}
#topnav ul {float:right; display:inline;
}
#topnav ul li {
	display:block; 
	float:left; 
	padding: 3px 15px;
	text-align:center;
	height: 30px;
	}