/* LAYOUT */
* {margin:0;padding:0}
body {padding: 20px 0px 0px 0px;}
.spacer {clear:both;}
.sideSep {background-color: #D9E9E0}
a.whitelinks:link, a.whitelinks:visited, a.whitelinks:hover, a.whitelinks:active {color:#fff; display: block; }

/* LAYOUT - HEADER */
#header {}
	#header #logo {margin-left: 8px;}
	#header #flash-header {position: relative; float: right}
	#header #site-search {position: relative; float: left; width: 250px; left: 10px; top: 40px; color: #eeeeee;font-family: arial,sans-serif; size: 7px; font-weight: bold; font-variant: small-caps;}

/* NAV - top horizontal nav */
	#nav { float:left; margin-left: 23px; font: normal 14px arial; background-color: #289569;width: 720px;  height:25px;}
	#nav ul {display: inline; padding: 0px; margin: 0px 0px 5px 16px; list-style: none;}
	#nav li {display:inline; position:relative; float: left; background-color: #289569; text-align: center; padding:0; margin:0;}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {display: block; text-decoration:none; color:#ffffff; width: 102px; padding: 4px 0px 5px 0px;}
/*	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {display: block; text-decoration:none; color:#ffffff; width: 120px; padding: 4px 0px 5px 0px;} */
	#nav a:hover {background-color:#80B798;}

	#nav li.active {background: #80B798; font-weight: bold;}

/* SUB NAVIGATION*/
	#subnav { margin-left: 23px; font: normal 14px arial; background-color: #80B798; border-top: 1px solid #80B798; padding-top: 0px; width:720px; height:25px;}
	#subnav ul {display: inline; padding: 0px; margin: 0px 0px 5px 16px; list-style: none;}
	#subnav li {display:inline; position:relative; float: left; text-align: center; padding:0; margin:0; background-color:#289569;}
	#subnav a, #subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active {display: block; text-decoration:none; color:#ffffff;  width: 102px; padding: 4px 0px 5px 0px;}

	#subnav li.active {font-weight: bold; background-color: #80B798;}

	/* area selection */
	#areaselect, #areaselect ul {padding: 0;margin: 0;list-style: none}
	#areaselect { float:right; font: normal 14px arial; height:25px;}
	#areaselect li {display:inline; position:relative; float: left; background: #289569; text-align: center; padding:0; margin:0;}
	#areaselect a, #areaselect a:link, #areaselect a:visited, #areaselect a:hover, #areaselect a:active { display: block; text-decoration:none; color:#ffffff; padding: 4px 10px 4px 10px; }
	#areaselect a:hover {background-color:#80B798}

	/* hide from IE mac \*/
	#nav li {width:auto}
	#areaselect li {width:auto}
	/*end hiding from IE5 mac */

	/* SEARCH */
	#search {color:#ffffff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.formSubmit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}

	/* MEMBERS MENU */
	#membersMenu {	position: absolute;	left:0px;	top:61px;	width:100%;	height:19px;	background: #6E4DA4 url(/images/template/menu/bg_membersMenu.gif);	padding: 5px 0px 5px 0px;	margin: 0px 0px 0px 0px;	font-size:11px;	font-family: arial;	color: #FFFFFF;	}
	#membersMenu ul {	margin-left: 0;	padding-left: 0;	display: inline;	} 
	#membersMenu ul li {	color: #FFFFFF;	list-style: none;	display: inline;	background: url(/images/template/menu/bullet.gif) no-repeat 4px 4px;	padding: 2px 5px 15px 15px;	}
	#membersMenu ul li a {	color: #FFFFFF; 	font-family: arial; 	font-size: 10px; 	font-weight: normal; 	text-decoration: none; 	}
	#membersMenu ul li a:hover {	color: #B7A6D3; 	}
	
/* SECONDARY NAVIGATION - vertical navigation 
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#ffffff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #ffffff url("/images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #fee url("/images/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #ffffff;border-bottom: 1px solid #ccc}
*/

/* INPAGEMENU SUBMENU */
	#inPageNav {	padding: 4px 0px;margin-left: 0; margin:0; font: bold 96% arial;}
	#inPageNav li { list-style: none;  margin: 0; padding:0px; display: inline; } 

	#inPageNav li a { padding: 4px 8px 4px 5px; margin-left: 0px; background:url("/images/template/menu/inpagemenu_norm_right.gif") no-repeat right top; text-decoration: none; }
	#inPageNav li a:link { color: #FFFFFF; }
	#inPageNav li a:visited { color: #FFFFFF; }

	#inPageNav li a:hover { color: #FFFFFF; background:url("/images/template/menu/inpagemenu_right_on.gif") no-repeat right top; } 
	#inPageNav #currentTab a { color: #FFFFFF; font-weight: bold; background:url("/images/template/menu/inpagemenu_right_on.gif") no-repeat right top;}
/*	#inPageNav #currentTab a { color: #FFFFFF; font-weight: bold; background:url("/images/template/menu/inpagemenu_left_on.gif") no-repeat left top;} */

	#inPageMenu { border: 1px none #000000; }
	#inPageContent { background: #FFFFFF url(/images/template/bg.gif) no-repeat; border: 1px none #929D99; height:100%; padding:10px;}

/* LAYOUT - main body of page */
#wrap {position:relative; width:770px; text-align: left; margin-left: auto; margin-right: auto; background: transparent url(/images/template/border_bk_grd.gif) top right repeat-y;}
#content-wrap {position:relative; width:720px; text-align:left; margin-top: 2px; margin-left: 23px;  background: transparent url(/images/template/contentwrap.gif) top right repeat-y;}
	#lhsbar {position:relative; float: left; width:138px; min-height:300px; margin-top: 0px; margin-bottom: 50px; background-color: #80B798;}
	#lhsbar .content {padding: 2px 4px;}
	#rhsbar {position:relative; float: right; width:122px; padding: 6px}
/* SIDE NAVIGATION*/
	#lhsbar ul { list-style: none; list-style-image: url("/images/icons/bullet.gif"); padding: 0px; margin: 3px 0px 5px 16px;}
	#lhsbar li {margin-bottom: 3px;}
	#lhsbar li a {font: normal 12px 'arial'; color: #FFFFFF; }

#infobar {position: relative; float: right; font: bold 11px arial; width:580px; margin-top: 0px; background-color: #289569; height:25px;}
	#infobar .breadcrumb {position: relative; font-weight:bold; padding: 5px 0px 5px 4px; height:13px; overflow:hidden;}
	#infobar .breadcrumb ul {position: relative; color: #fff; margin: 0; padding: 0px 0px 0px 0px; display: inline; } 
	#infobar .breadcrumb ul li {position: relative; margin: 0; padding:0px; list-style: none; display: inline;}
	#infobar .breadcrumb a:link, #infobar .breadcrumb a:visited {text-decoration:none; color:#fff;}
	#infobar .breadcrumb a:hover, #infobar .breadcrumb a:active {text-decoration:underline}

#content {position: relative; float: left; width: 580px; min-height: 300px; margin-left: 2px; font-weight:normal; padding: 0px 0px}
#content1 {position: relative; float: left; width: 570px; min-height: 300px; margin-left: 2px; font-weight:normal; padding: 5px 3px}
	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:2px;background:#ffffff}
	.thumbnail img {border: 1px solid #000}
	.listbox {padding-bottom: 10px;}
	.related {color:#333333;padding: 5px 5px 5px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #FFFFFF url(/images/feature_bg_off.gif) bottom right; border-top:1px solid #929D99;border-left:1px solid #929D99;}
	.related p, .related h1, .related h2, .related h3, .related h4, .related h5, .related h6 {margin: 0 0 .3em;border-bottom: 1px solid #737373;color:#737373;	font-variant: small-caps;}
	.related p {border:none;margin: 0 0 1em;color:#444}
	.related a {font-weight:bold}

/* PAGE ELEMENTS */
#featurebox	{ border: 1px solid #BEDFD2; margin: 0px 6px 0px 5px;}
#projectbox	{ border: 1px solid #BEDFD2; margin: 0px;}
.maincat	{ position: relative; float:left; width:132px; border: 1px solid #BEDFD2; margin: 5px 4px 5px 3px;}
.subcat		{ position: relative; float:left; width:273px; border: 1px solid #BEDFD2; margin: 5px 4px 5px 3px; padding-left: 1px;}
.maincat a:link, .maincat a:visited, .subcat a:link, .subcat a:visited, #featurebox a:link, #featurebox a:visited, .fake-a	{font: bold 14px 'arial'; color: #333333; text-decoration: none;}
.maincat a:hover, .maincat a:active, .subcat a:hover, .subcat a:active, #featurebox a:hover, #featurebox a:active	{text-decoration: underline;}
.projlist	{ border-bottom: 1px solid #BEDFD2; margin: 0px 6px 0px 5px; padding-bottom:6px;}
#areaSwitch	{ text-align:center; margin-bottom: 10px;}
#areaSwitch	a:link, #areaSwitch	a:visited, #areaSwitch a:hover	{font-size: 14px; font-weight: bold; text-decoration: underline;}

#lhcat {position: relative; float:left; width: 90px;}
#lhcat h4 {text-align: center; font-family: 'arial'; font-size: 16px; color: #fff; background-color: #80B798; font-weight: normal; border-bottom: thin solid #FFF; border-right: thin solid #FFF; padding: 0px 0px;}
#lhcat h4 a:link, #lhcat h4 a:visited, #lhcat h4 a:active, #lhcat h4 a:hover  {color:#fff; display: block; padding: 15px 0px}

#rhcat {position: relative; float:right; width: 90px;}
#rhcat h4 {	text-align: center; font-family: 'arial'; font-size: 16px; color: #fff; background-color: #80B798; font-weight: normal; border-bottom: thin solid #FFF; border-left: thin solid #FFF; padding: 0px 0px; }
#rhcat h4 a:link, #rhcat h4 a:visited, #rhcat h4 a:active, #rhcat h4 a:hover  {color:#fff; display: block; padding: 15px 0px}

#movie {position: relative; min-height: 301px; background-color:#ffffff}
#homecontent {padding: 15px 50px; background-color: #289569; font: normal 10pt 'arial'; color: #fff;}
#homecontent p {color: #fff}

.boldgreen	{ font-weight: bold; color: #289569;}
.green {color: #289569;}

/* hint box */

#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #80B798;
	color: #fff;
	width: 150px; /*Default width of hint.*/ 
	padding: 5px;
	border:1px solid black;
	font:normal 12px arial;
	line-height:16px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	margin: 0px 5px;
	text-decoration: none;
}

/* CARDS */
#cards dl { background: url("/images/template/cards/cardBot.gif") bottom left no-repeat; width: 165px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
	.cards div { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; }
	.cards dt { background: url("/images/template/cards/cardTop.gif") top left no-repeat; font-weight: bold;padding: 5px 0px 5px 8px; margin: 0px 0px 0px 0px; }
	.cards dd { padding: 0px 18px 0px 8px; margin: 0px 0px 0px 0px; background: url("/images/template/cards/cardMid.gif") top left repeat-y; }

.az {PADDING-BOTTOM:20px}
.az A {padding:3px 5px 3px 5px;BORDER:1px solid;FLOAT:left;MARGIN:2px;TEXT-DECORATION:none}
.az A:hover {BORDER:1px solid;}
.az P {CLEAR:both}
.az SPAN {LEFT:-500px;POSITION:absolute;TOP:-500px}

/* NEXT PREVIOUS BTN*/
#nextPrevious	{ clear:both; padding-top:10px; border-top: 1px solid #BEDFD2;}
#btnNextprevious	{}
#btnPrev	{ float:left; }
#btnNext	{ float:right; }
#btnIndex	{ text-align:center; padding-top:5px;}
#btnIndex a	{ font-weight: bold; }
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}

	#gallery{float:left; padding-bottom: 10px; width:370px;}
	#gallery, #gallery li{list-style:none;margin-bottom:10px;padding:0;font: .9em 'arial'; }
	#gallery li{background: none; float:left;display:inline;margin: 0 0 10px 10px;width:120px;text-align:center;width:110px;}
	#gallery img{display:block;width:100px;border:0px solid;margin:0 auto 5px}
	#gallery a{display:block;height:140px;padding: 10px 0;background: #FFFFFF url(/images/feature_bg.gif) bottom right; border-top:1px solid #4F9CD2;border-left:1px solid #4F9CD2;text-decoration: none}
	#gallery a:hover{background: #4F9CD2 url(/images/feature_bg_on.gif) bottom right; border-top:1px solid #000000;border-left:1px solid #000000;color: #FFF;}	

	/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #ffffff url("/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #ffffff}
		.table1 thead th {color:#ffffff;font-size:145%;background: #900 url("/images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#ffffff;font-size:115%;background: #88b8db url("/images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -500px;padding-left:15px}
		.morelink span {position:absolute;left:-9999px;width:900px}

	/* 'ENLARGE IMG' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.enlargeImg:link, a.enlargeImg:visited, a.enlargeImg:hover, a.enlargeImg:active {background: transparent url("/images/sprites.gif") no-repeat 0px -2015px;padding-left:21px;font-size:92%}
			.enlargeImg span {position:absolute;left:-9999px;width:900px}

/* SITEMAP */
ul.sitemap ul{
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 10px;
}
ul.sitemap li a:link, ul.sitemap li a:visited{
	text-decoration: none;
	color: #333333;
}
ul.sitemap li a:hover{
	color: #289569;
	text-decoration: none;
}
ul.sitemap li{
	list-style: none;
	background-image: url("/images/template/sitemap/dotted.gif");
	background-repeat: repeat-y;
	padding: 2px 0 2px 20px;
	text-indent: -19px;
	background-position: 9px 0;
}
ul.sitemap li:last-child	{ background-repeat: no-repeat; }


/* LAYOUT - FOOTER */
#footerimage {text-align: center;} 
#footer {clear:both; padding: 0;font:10px arial; color:#B7B7B7; text-align: center; width: 720px; margin-top: 20px; padding-bottom: 10px;margin-left: 23px;}
	#footer p {margin:0}
	#footer a:link, #footer a:visited {color:#B7B7B7; text-decoration: underline;}
	#copyright { padding: 0; margin: 0; }

	.footerFeature { position: relative;font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #616161; line-height: 120%; overflow: hidden; float: left; height: 100px; width: 181px; padding: 5px; background: url(/images/template/footer/bg.gif) bottom left repeat-x; border-top: 1px solid #7F7F7F ;}
	.footerFeatureLink { width: 180px; padding: 0px; font-size: 12px; height: 18px; padding-right: 5px; font-weight: bold; text-align: right; bottom: 2px; position: absolute; }

	/* POWERED BY*/
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}


/* FORMS */
fieldset {
	padding: 5px 5px 8px 5px;
	margin-bottom: 10px;
	}

legend {
	color:#000;
	font-size: 8pt;
	font-weight: bold;
	}
div.row {
	padding-top: 2px;
	border: 1px none #000000;
	vertical-align: top;
	clear: both;
	}
div.row span.formLabel {
	float: left;
	width: 30%; 
	text-align: left;
	border: 1px none #000000;
	font: normal 11px 'Arial';
	color: #289569;
	}
div.row span.formLabel2 {
	float: left;
	width: 92%; 
	text-align: right;
	border: 1px none #000000;
	margin-top: 4px;
	color: #289569;
	}
div.row span.formLabel3 {
	float: left;
	width: 65%; 
	text-align: right;
	border: 1px none #000000;
	margin-top: 4px;
	color: #289569;
	}
div.row span.formLabelHighlighted {
	float: left;
	width: 30%; 
	text-align: left;
	color:#FABA00;
	font-weight: normal;
	}
div.row span.formLabelLeft {
	float: left;
	width: 30%; 
	text-align: left;
	}
div.row span.formField {
	float: right;
	width: 63%; 
	text-align: left;
	border: 1px none #000000;
	padding: 0px 10px 0px 0px;
	}
div.row span.formField2 {
	float: right;
	width: 5%; 
	text-align: right;
	border: 1px none #000000;
	padding: 0px 10px 0px 0px;
	}
div.row span.formField3 {
	float: right;
	width: 30%; 
	text-align: left;
	border: 1px none #000000;
	padding: 0px 10px 0px 0px;
	}
div.row span.formBack {
	float: left;
	width: 25%; 
	text-align: left;
	}
div.row span.formEnd {
	float: right;
	width: 65%; 
	padding: 0px 0px 0px 0px;
	text-align: right;
	}
div.formEnd {
	clear: both;
	padding: 5px 0px 0px 0px;
	margin: 0px 8px 0px 0px;
	text-align: right;
	}
div.row span.formRequired {
	color:#FABA00;
	font-weight: bold;
	}
.error {
	color:#FABA00;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}
.error A:link, .error A:visited, .error A:hover {
	color:#FABA00;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-decoration: underline;
	}

/* FORM FIELDS */
.formTextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
	color: #3B4642;
	border: 1px solid #929D99;
}
.formText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width:100%;
	color: #3B4642;
	border: 1px solid #929D99;
}
.formSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width:60px;
	color: #3B4642;
	border: 1px solid #929D99;
}
.formMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width:100px;
	color: #3B4642;
	border: 1px solid #929D99;
}
.formMed1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width:76%;
	color: #3B4642;
	border: 1px solid #929D99;
}
.formSelect {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:101%;
	font-weight: normal;
	color: #3B4642;
	padding: 0px 0px 0px 0px;
	border: 1px solid #929D99;
}
.formRequired {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FA7600;
	padding: 0px 2px 0px 0px;
}

.categorySelect {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3B4642;
	margin:0px 5px 6px 0px;
}
.searchText {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3B4642;
	width: 175px;
	border: 1px solid #929D99;
	margin: 0px 4px 0px 0px;
	padding: 2px 2px 2px 2px;
}