/* CSS Document */
* {
margin: 0;
padding: 0;
}

body {
font:12px Arial, Helvetica, sans-serif;
background:#fff;
margin:1em;
}
h1 {color:#669900;}
p {padding:2px 0px 5px;}
span.caps {text-transform:capitalize;}

a:link, a:visited {text-decoration: none; color:#669900;}
a:hover, a:active {text-decoration: underline; color:#669900;}
acronym {cursor: help; border-bottom: 1px dotted #333333;}
a img {border:none;}	
#mainwrap {width:750px; margin:0 auto; padding:0 10px;}

/* ====== header =====*/
#headerwrap {width:750px;  background: none;}
#head-left {float: left; background: none;}
#head-right {float: right; width: 200px; background-color:none; text-align:right; height:70px;}
#head-right h1 span {position:absolute; left:-300px;}
span.title_highlight {color:#99CC00;}

/* ====== headerend =====*/
#menubar {clear:both; height:2em; width:100%; 
background:none; border-bottom:6px solid #669900;}
/* ====== drop down menu =====*/
#menu {
margin-top:-2.5em;
width:700px;
font-weight:bold;
}
#menu ul {
padding: 0;
margin: 0;
list-style: none;
}
/*top level menu */
#menu li {
background: none;
line-height:2.5em;
float: left;
position: relative;
margin:0 0 0 0;
padding:0px;
}

#menu li.notlink {}
#menu li.link a:link, #menu li.link a:visited {color:black; text-decoration:none;}
#menu li.link a:hover{color:#669900; text-decoration:none;}

#menu li.link a span{background:none; padding:20px 12px 20px 4px; margin: 0;}

/*dropdowns*/
#menu li ul {
display: none;
position: absolute;
width:150px;
top: 2.5em;
left: 0;
background: none;
}
#menu li ul li {
padding:0px;
width:150px;
margin-top:0;
}
#menu li > #menu ul {
top: auto;
left: auto;
}
#menu li:hover ul, #menu li.over ul{
display: block;
}
#menu li.submenu a {
float: left;
width:150px;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 0px;
font-size:12px;
line-height:12px;
text-decoration:none;
text-transform:;
}
#menu li.submenu a span{
background:#669900;
float: left;
width:140px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
font-size:12px;
line-height:12px;
text-decoration:none;
text-transform:;
}

/* ====== colours for drop downs ===== */
#menu li.submenu a {color:#fff;}
#menu li.submenu a {background-color:white;}

#menu li.submenu a:link span, #menu li.submenu a:visited span{color:white;}
#menu li.submenu a:hover span{background-color:#99CC00; color:white;}
/* ====== drop down menu end ===== */

/* back up menu (for if dropdowns don't work) */
#backup_menu {padding:2em 0 10px 0;}
li.backup_menu_item { font-weight:bold;
list-style: none;
}
/* END back up menu  */

div.spacer {clear:left; background:none; height:6px; width:100%;}
#banner_image {float:left; }
#banner_image img {border-bottom:6px solid #669900;}

#content_wrap {clear:both;}
#content_right, #content_right2 {width:410px; float:right; padding:10px 0;}
#content_left {width:320px; float:left; padding:10px 0;}
#content_left img {}
div.photocredits {font:9px Arial, Helvetica, sans-serif;  padding:0; margin:0;}

div.staff {clear:both;}
div.staff_thumbs {width:320px; float:left; padding:10px 0;}
div.thumbimage {float:left; margin: 2em 0 0 0; border:none; height:100px; width:105px; text-align:center;}

div.staff_text {width:410px; float:right; padding:5px 0 0 0;}
div.staff_text h3 {font:14px Arial, Helvetica, geneva, sans-serif; font-weight:bold; padding: 10px 0px 5px; color:#669900; display:block; clear:both;}
div.overview {font-weight:bold;}

#gallery {clear:both; margin:0 auto 30px; text-align:center; width:630px;}
#gallery p{text-align:center;}
#gallery div.image_holder {float:left; width:100px; height:100px; vertical-align:bottom; text-align:center; padding:0; margin:2px; border:1px solid #999;}

/* control look of form elements */
#forms {width:410px; clear:both; color:#666;}
#forms fieldset {padding:10px; margin:0px; padding-top:10px; border:1px dashed #669900;}
#forms fieldset legend {padding:4px 10px 4px 10px; color:#fff;  background:#99CC00;}
#forms table {border:none; margin:0 auto;text-align:right; }
#forms table td {padding:5px; vertical-align:top;}
#forms label {text-align:right; }
#forms input.formtext, #forms textarea, #forms select { width:200px;}
#forms option {padding:0 2px;}
#forms textarea {height:5em;}
#forms input.highlight, #forms textarea.highlight {background-color:#99CC00;}
#forms .heading {color:#669900; font-weight:bold;}
#forms input.button {float:right;}

/* END control look of form elements */

#foot {
font:11px Arial, Helvetica, sans-serif;
text-align: center;
clear: both;
width: 100%;
padding:5px 0;
background: none;
height:2em;
border-top:2px solid #669900;
border-bottom:1px solid #669900;
}
#foot span {padding-left: 10px;}

#foot ul {list-style:none;}
#foot li {float:left; padding:0 5px;}

#footmenu1 a:link, #footmenu1 a:visited {text-decoration:none; color:#000;}
#footmenu1 a:hover, #footmenu1 a:active {text-decoration:underline; color:#FF9933;}
#footmenusub a, #footmenusub a:link, #footmenusub a:visited, {text-decoration:none; color:#666;}
#footmenusub a:hover, #footmenusub a:active, {text-decoration:none; color:#FF9933;}

/* pop up terms window */
div.options {clear:both; height:2em; width:100%; 
background:none; border-bottom:6px solid #669900;}
#terms p {font-size:10px;}

/* general text controls */
p.skip {position:absolute; left:-9999px;}
span.header {font:14px Arial, Helvetica, geneva, sans-serif; font-weight:bold; padding: 10px 0px 5px; margin:0 0 -1em 0; color:#669900;  display:block; clear:both;}
span.bold {font-weight:bold;}
span.i {font-style:italic;}
.credits {font:11px Arial, Helvetica, sans-serif; text-align:right;}
.left {float:left; text-align:left;}
.right {float:right; text-align:right;}

.clear {clear:both; height:1px;}
.sponsors {text-align:right; padding:5px;}
.sponsors img{ vertical-align:middle;}