/* colours: dark green #788453, light green #a6b773, yellow #fdbe11 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none; font-style: italic;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0; 
}

form {display: inline; }

/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.8125em/1.3 Verdana, Arial, sans-serif; margin: 0; padding: 0;
  color: #333; background-color:#474f66;
  margin: 0 auto;}

p {margin: 0 0 15px 0;}
ul, ol {margin: 0 0 1em 10px; padding: 0 0 0 10px;}
li {margin: 0 0 5px 0;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;} 
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}

small {font-size: 0.846em;}
big {font-size: 1.23em;}

sup {font-size: 0.615em; vertical-align: 0.5em; line-height: inherit; }

hr {border: 0; width: 70%; margin: 30px auto; color: #788453; background-color: #788453; height: 1px;}

#entry {font-size: 100%;}


a {outline: 0;}
a:link, a:visited {color: #788453; text-decoration: none; }
a:hover, a:active {color: #788453; text-decoration: underline;}
a img {border: none;}

h1 {font-size: 1.538em; font-weight: normal; margin: 0 0 0.5em; padding: 0; color: #000; text-transform: uppercase; line-height: 1.2;}
h1.home {text-transform: none; color: #000;}
h1 .section {display: block; font-size: 0.65em; text-transform: uppercase;  color: #788453;}
.section {text-transform: uppercase;  color: #788453;}
h2 {font-size: 1.23em; font-weight: bold; margin: 0 0 0.5em; padding: 0; color: #000; line-height: 1.1;}
h2 .date {display: block; font-size: 0.8125em; text-transform: uppercase; line-height: 1.3; color: #333;}
h2 a:link, h2 a:visited {color: #000;}

p+h2 {margin-top: 20px;}

.indent {padding: 0 10px;}

/* layout */
#wrapper {position: relative; width: 960px; margin: 0 auto; background: #fff; color: #333; padding: 10px 0;}
#header {padding: 0 0 10px 0;  float: left; }
#quicklinks {padding: 10px; width: 550px; float: left; text-transform: uppercase;}

#nav { position: relative; clear: both; width: 100%; float: left; z-index: 1}
#content { position: relative;  clear: both; width: 100%; float: left; z-index: 0;}
#content.page {padding-bottom: 30px; background: url(/template//leaf.jpg) no-repeat bottom left #fff;}

.col1 {width: 310px; float: left; }
.col2 {width: 630px; float: right; }
.clr {display: block; clear: both;}


/*navigation */
#nav ul { /* all lists */
	padding: 0; margin: 0; list-style: none; }


#nav a {display: block; width: auto; padding: 5px 10px; border-left: solid 1px #fff; text-transform: uppercase; text-decoration: none;}
#nav a span {display: block; font-size: 1.538em; }
#nav a:link, #nav a:visited, 
#nav li:hover li a:link, #nav li:hover li a:visited,  #nav li.sfhover li a:link, #nav li.sfhover li a:visited {color: #fff; background: #788453;}
#nav a:hover, #nav a:active, 
#nav li:hover a:link, #nav li:hover a:visited,  #nav li.sfhover a:link, #nav li.sfhover a:visited,
#nav li:hover li a:hover,  #nav li:hover li a:active, #nav li.sfhover li a:hover, #nav li.sfhover li a:active {color: #333; background: #a6b773;}


#nav li#navAbout a {border-left-width: 0;}

#nav li { /* all list items */
	float: left;	width: 140px; padding: 0; margin: 0; /* width needed or else Opera goes nuts */}


#nav li ul { /* second-level lists */
	position: absolute; z-index: 999;
	background: #788453;
	width: 140px; border-top: solid 1px #fff;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li li a {padding: 2px 10px; border: solid 1px #fff; border-width: 0 0 1px 0; text-transform: none; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}

/* menus sticky fix */
#nav li:hover, #nav li.sfhover { position: static;}

#nav li#navAbout, #nav li#navAbout li, #nav li#navAbout ul {width: 190px;}
#nav li#navHow, #nav li#navHow li, #nav li#navHow ul {width: 160px;}
#nav li#navInvolve, #nav li#navInvolve li, #nav li#navInvolve ul {width: 190px;}

#nav a.current {color: #333; background: #a6b773;}

#logo {margin: 0 0 40px 10px;}

#footer { margin: 10px 10px 0 10px; background: url(/template//footer_bg.gif) repeat-y #fff;}
.copyright {width: 300px; float: left; font-size: 0.846em;}
#footer .links { margin-left: 330px; font-size: 0.846em; }


#quicklinks a, #footer .links a {color: #000; }

.things {padding: 10px; border-top: solid 1px #fff; color: #fff;}
.things h1 {color: #fff; text-transform: none;}
.things ol {margin: 0; padding: 0; background: url(/template//big_bullets.gif) no-repeat #788453;}
.things li {height: 23px; margin: 0 0; list-style-type: none; padding: 0 0 0 30px; font-size: 1.23em; }

#extra {width: 100%; float: left; background: url(/template//extra_bg.gif) repeat-y #a6b773; margin: 7px 0 0 0;}
#extra .indent {padding: 10px;}
#extra h4 {font-size: 1.538em; text-transform: uppercase; font-weight: normal; margin: 0 0 5px 0;  }
#extra .extra {width: 330px; float: left; color: #fff;}
#extra .extra a {color: #fff; display: block; width: 100%;  cursor: pointer;  font-size: 1.23em; padding: 5px 0; background: url(/template//go_green.gif) no-repeat right center #788453; }
#extra .extra a:hover {color: #fff; text-decoration: underline;}
#extra .extra a.involve {padding-bottom: 0; margin-top: 10px; }
#extra .extra a.involve span {font-size: 1.5em;}

#extra .news {width: 305px; float: left;}
#extra .events {width: 320px; float: left;}
#extra .more {text-transform: uppercase;}

#extra .news a, #extra .events a {color: #333;}

#credit {width: 940px; margin: 5px auto; text-align: right; font-size: 0.846em; }
#credit a {color: #fff;}

#search { position: absolute; top: 17px; right: 10px; }
#search label {text-transform: uppercase;}
#search input {margin: 0; vertical-align: middle;}

#maincol {width: 630px; float: right; }

#leftmenu {width: 310px; float: left; }
#leftmenu ul {width: 100%; list-style-type: none; margin: 20px 0 0 0 ; padding: 0; border-top: solid 1px #333;} 
#leftmenu li {padding: 5px 10px; border-bottom: solid 1px #000;}
#leftmenu ul ul { list-style-type: square; margin: 0; padding: 3px 0 0 20px; border-top-width: 0;} 
#leftmenu li li {padding: 2px 5px;  border-bottom: solid 0px #333; }
#leftmenu a { font-size: 1.23em;}
#leftmenu li li a {font-size: 1em;}
#leftmenu a:link, #leftmenu a:visited {color:#000; text-decoration: none;}
#leftmenu a:hover, #leftmenu a:active, #leftmenu a.current {color:#CFA643; text-decoration: none;}

#articleTools {line-height: 14px; font-size: 85%; color: #7F7F7F; text-transform: uppercase; margin: 10px 0 20px 0; text-align: right;}
#articleTools img {vertical-align: middle;}
#articleTools a {color: #7F7F7F; text-decoration: none;}
#articleTools ul {margin: 0; padding: 0; list-style-type: none; }
#articleTools li {display: inline; padding: 0 20px 0 0;}

.news {padding-bottom: 15px;}


.form td {padding: 5px 10px 5px 0; vertical-align: top; background-color: transparent;  }
.form {margin: 0 0 15px 0;}
.form th {text-align: left; border-top: solid 1px #788453; padding: 10px 0 0 0;}

.form h4 { margin: 0.5em 0 0 0;}
.form .note {font-size: 0.846em; }
.form .col {width: 49%; float: left;}
.form span.checkbox {display: block; white-space: nowrap;}
.form .input, .form select {width: 100%;}
.form optgroup {font-weight: normal; font-style: normal; text-transform: uppercase;}
.form option {font-weight: normal; font-style: normal; text-transform: none;}

input, textarea, select {font-size: 1em; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 2px;}
option {font-size: 1em; font-family: Verdana, Arial, sans-serif; }


.events {width: 100%; border-top: solid 1px #ccc;}
.events td {border-bottom: solid 1px #ccc; padding: 5px 0;}
.events .date {width: 150px;}

#events_calendar {width: 100%; border-bottom: solid 1px #ccc; margin-bottom: 40px;}
#events_calendar td {padding: 5px; border-top: solid 1px #ccc; line-height: 1.2;}
#events_calendar td.S {background: #ECECEC; color: #000;  }
#events_calendar td.day_abrev { width: 20px;}
#events_calendar td.day_no {text-align: right; padding-right: 15px; width: 30px; }
#events_calendar p {display: inline;}


#MonthLinks {width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; margin-bottom: 10px;}
#MonthLinks td {vertical-align: middle;}

#jump table { float: right;}
#jump td {padding: 3px;}

.back {display: block; text-align: center;}

.left {float: left; margin: 5px 10px 10px 0;}
.right {float: left; margin: 0 0 10px 10px;}

.advisors {width: 100%;  margin: 0 0 15px 0;}
.advisors td {border-bottom: solid 1px #ccc; padding: 5px; }
.advisors th {background: #788453; color: #fff; text-align: left; font-weight: normal; text-transform: uppercase; padding: 5px;}
.advisors .name {white-space: nowrap;  padding: 5px; }
.advisors .email a {color: #000;}

.footnotes p {margin: 0;}

#s1 {width: 329px; height: 200px; overflow: hidden;}
#s2 {width: 329px; height: 150px; overflow: hidden;}