/*** TEMPLATE GENERIC STYLES ***/
/*** Framework styles setup the basic site framework ***/
/*** The remainder of the styles in this section set various tag defaults which should be left as set ***/
/*** Only modify colouring in this section ***/

/*Framework styles*/

body {margin:0 0; padding: 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align:left; height:100%; background-color:#fafafa;}

#site-wrapper {
	width:960px;
  color:#333;
	font-size:72%;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	text-align:left;
	border:1px solid #ccc;
/*	background-image:url(../images/background.jpg);*/
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#fff;
}

#header {
	width:100%;
	height:auto;
	background-color:#fff;
	color:#000;
	margin:0px;
	padding:0px;
}

#central-container {
	width:100%;
	margin:0;
	margin-top:30px;
	padding:0;
	line-height:200%;
}

#navbar {
	margin-top:0;
	margin-bottom:30px;
	margin-right:0px;
	padding:0;
	width: 180px;
	border: none;
	float:left;
	font-size:95%;
}

#content-wrapper {
	padding: 0 10px 10px 10px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:200px;
	margin-right:20px;
	width:auto;
	font-size:101%;
	border:1px solid #8C8C8E;
	border:none;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
}

#content {
	float:left;
	overflow:visible;
	height:1%;
	width:100%;
}	

div#footer{
	float:left;
	width:100%;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	clear:both;
	color:#eee;
	margin-top:0px;
	background-color:#004f39;
}

/*Remainder of template styles*/

.clear {
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
}

.clear_content {
	clear:both;
}

img {
  border:none;
  padding:0px;
  margin:0px;
}

a {text-decoration: none; font-weight: normal; line-height: 100%;}
a:hover {text-decoration: underline;}
h1 {font-size: 200%; line-height:100%; margin-top:0; font-weight:bold; color:#fff;
		background-color:#004f39;padding:5px 5px 5px 20px; display:block;margin-right:-30px;}
h2 {font-size: 150%; margin:15px 0 6px 0; color:#000;}
h3 {font-size: 120%; margin-top:8px; color:#000;}
h4 {font-size: 100%; color:#004f39; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
h5 {font-size: 100%; color:#6D6E71; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
p {text-align:justify; margin:0 0 6px 0;}

#header a, #header a:visited {
	color:#fff;
}

#header img {
	float:left;
	margin: 0px;
	padding:0px;
}

/*#headerTop {
	padding:0px;
	margin:0px;
}*/

	#headerTop {padding:0px;margin:0px;height:71px;background-image:url(../images/watermark.gif);background-repeat:no-repeat;background-position:left top;}
		#headerTop img {margin-top:10px;margin-left:30px;}
  
  /*HEADER - SEARCH FORM*/
div#header form{
	float:right;
	width:250px;
	text-align:right;
	padding:15px 10px 5px 0px;
	margin:0px;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

div#header form label{
	margin-right:3px;
}

div#header form input{
	width:112px;
	height:auto;
	font-size:100%;
	vertical-align:middle;
	padding-bottom:2px;
}

div#header input#search {
	border:1px solid #004f39;
	height:18px;
}

div#header form input.submit{
	width:auto;
	color:#fff;
	background-color:#004f39;
	border:1px solid #fff;
	margin:0px;
	margin-left:10px;
	padding:4px 10px;
	font-weight:bold;
}

div#header form input.radio{
	width:auto;
	margin:0;
	padding:0;
	}

div#header form label.radio {
	margin:0;
	padding:0;
	margin-right:15px;
}

div#header form #searchradio {
	margin-top:5px;
	display:inline-block;
}

div#header form p{
	margin:5px 0px 0px 0px;
	color:#fff;
	float:right;
}

/*HEADER - UNI LINKS*/
div#extra-links{
	width:100%;	
	color:#004f39;
	line-height: 50%;
	font-size:95%;
	background-color:#e2e2e2;
	padding:0px;
	margin:0px;
}
  
div#extra-links p{
	margin:0px 12px;
	padding:7px;
}

div#extra-links p span{
	padding:5px;
	padding-left:9px;
	padding-right:9px;
}

div#extra-links p span a:link{
	text-decoration:none;
}

div#extra-links p span a:visited{
	text-decoration:none;
}

div#extra-links p span a:hover{
	text-decoration:underline;
}

div#extra-links a:link, div#extra-links a:visited {
	color:#004f39;
}
  	
/*HEADER - BREADCRUMB*/
div#breadcrumb {width:100%; font-size:95%; background-color:#004f39; color:#fff;
	padding:0; margin:0;line-height:50%;}
div#breadcrumb p{padding:10px 17px; margin:0px; line-height:100%; padding-left:9px;}
div#breadcrumb a:link{text-decoration:none;}
div#breadcrumb a:visited{text-decoration:none;}
div#breadcrumb a:hover{text-decoration:underline;}
div#breadcrumb a {font-weight:normal;}

#content a {font-weight: bold; color: #004f39; text-decoration: none;}
/*#content a:hover {border-bottom:2px dotted #00aeef;}*/
#content a:hover {text-decoration:underline;}

.imgright {float:right; margin:5px 5px 5px 30px;}
.imgborder {border:1px solid #ddd; padding:1px;}

#content a.noborder:hover {border:0;}

#content .adobe, #content .adobe a:link, #content .adobe a:visited {
	font-size: 95%; font-style: italic; color: #666;}

  div#footer p{line-height:140%;}
  div#footer p.left{float:left; margin:8px 10px 8px 10px;}
  div#footer p.right{float:right; text-align:right; margin:8px 10px 8px 10px;}
  div#footer a:link{text-decoration:none; color:#eee;}
  div#footer a:visited{text-decoration:none; color:#eee;}
  div#footer a:hover{text-decoration:underline;}

#nav, #nav ul {padding:0; margin:0; list-style:none;}
#nav a {line-height:1.25em;}
#nav li {line-height:1.25em; margin-bottom:-1px; width:180px;}
#nav li a {
	display:block;
	width:180px;
	text-decoration:none;
	background-color:#e2e2e2;
	background-image: url(../images/nav/arrow_nav.gif);
	color:#004f39;
	background-repeat:no-repeat;
	background-position:5px 12px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:none;
	padding:7px 15px;
	voice-family: "\"}\""; /*ie fix*/
	voice-family:inherit; /*ie fix*/
	width:148px;
}
#nav li ul {display:none;}
#nav li.active ul li ul {display:none;}
#nav li.active ul {display:block;}
#nav li.active ul li.active ul {display:block;}
#nav li a:hover {color:#fff; background-color:#004f39; background-image: url(../images/nav/arrow_nav_hover.gif);}
#nav li ul {padding:0px; margin-top:0px; margin-bottom:0px;}
#nav ul li a:hover{background-color:#004f39;}
#nav li.active a, #nav li.active a:hover {background-image: url(../images/nav/arrow_down_white.gif);
																					background-color: #004f39; color:#fff;}
#nav li.active ul li a {background-image: url(../images/nav/arrow_nav.gif);
												background-color:#d7d7d7; color:#004f39; margin-left:5px;}
#nav li.active ul {margin-bottom:2px;}
#nav li.active ul li a:hover {background-image: url(../images/nav/arrow_nav_hover.gif);
															background-color:#004f39; color:#fff;}
#nav li ul li.active a, #nav li ul li.active a:hover {background-color: #004f39; color:#fff;}
#nav li ul li.active a {background-image: url(../images/nav/arrow_subnav_white.gif);}

#nav li.active ul li.active ul li a {background-image: url(../images/nav/arrow_nav.gif);
																			background-color: #ccc; color:#004f39; margin-left:10px;}
#nav li.active ul li.active ul li.active a {background-image: url(../images/nav/arrow_nav_hover.gif);
																						background-color: #004f39; color:#fff;}
#nav #depttag a{background-image: url(../images/nav/arrow_back_white.gif);
								background-color: #e2e2e2; border: none; margin-bottom:8px;}
#nav #depttag a:hover {background-color:#004f39;}

/*** END OF GENERIC TEMPLATE STYLES ***/

/*** SITE SPECIFIC STYLES BELOW ***/

ol {list-style-type:decimal; margin:2px 0 10px 30px; padding:0;}
ul {list-style-type:disc; margin:2px 0 10px 30px; padding:0;}
ol li ol, ul li ol {list-style-type:lower-alpha;}
ol li ul, ul li ul {list-style-type:disc;}

table {border-collapse:collapse;}
td, th {border:none; padding-left:10px;text-align:left;}
th {padding: 5px 10px; background-color:#004f39; color:#fff;}

#staff {border:none; width:90%; padding: 0px; margin:0px; text-align:left;}
#staff td {padding-top:8px; padding-bottom:8px; border-bottom:1px solid #ccc;}

.atoz {margin-left:15px; background-color:#e2e2e2;}
.atoz a {padding:4px 8px;}
#content .atoz a:hover {background-color:#00aeef; border:none;}

/*** CSS COMPLIANT BROWSER ENHANCEMENTS (ie. won't work in <IE7 ;) ) ***/

#content tr:hover td {
	background-color:#228844; color:#fff;}
#content tr:hover td a {color:#fff;border-color:#fff;}

#content table.noborder tr:hover td {
	background:#fff; color:#000;}
#content table.noborder tr:hover td a {
	color:#000;}
	
#content table.portraits {border:none; text-align:center; width:600px; margin-left:50px;}
#content table.portraits td {padding-top:10px;}
#content table.portraits tr:hover td {background-color:transparent; color:#000;}
#content table.portraits img {border:1px solid #004f39; padding:2px; background-color:#fff;}
#content table.portraits img:hover {background-color:#ddd;}

.table_list td, .table_list th {
	padding: 5px 7px 5px 7px; border:1px solid #ccc;}
.table_list th {color:#fff; background-color: #004f39; border:none;}

div.page_block {padding:5px 10px; margin-bottom:25px; border-top:2px solid #ccc;}

#error-search {width:207px; border:1px solid #ccc; background-color:#eee; padding:5px; margin:20px 40px;}

#content fieldset {border:1px solid #004f39; border-left:2px solid #004f39;
									margin-bottom:10px; padding:10px; padding-left:20px;}
#content legend {font-size:100%; border:1px solid #004f39; border-left:2px solid #004f39;
								background-color: #004f39; color:#fff; padding:3px 6px; margin-left:-10px; margin-bottom:10px;}
#content label {padding-right:5px; text-align:left; vertical-align:middle;} /* FLOAT AND BLOCK MODS MADE HERE - 13/08/09 */
#content select {vertical-align:middle;}
#content input {margin-right:10px; vertical-align:middle;}
label.lineup {display:inline-block; width:100px;}
#content label.lineup300 {display:inline-block; width:400px;}

div.surveyintro {border:1px solid #e2e2e2; border-left:2px solid #e2e2e2; background-color:#eee;
									padding:5px 20px; margin-bottom:20px; font-size:120%;}

table.surveytable th {background-color:#eee; color:#000; font-weight:normal;}
table.surveytable th.thstrong {font-weight:bold;}

div.highlight {display:inline-block; border:solid #004f39; border-width:3px 0; margin:5px 20px; padding:5px 10px; background-color:#def1f8; background-color:#f7ef13;}
span.highlight {color: #00aeef; font-weight:bold;}
#content div.highlight a {color:#004f39;}
#content tr.highlight {font-weight:bold;}
#content tr.highlight td {border-bottom:3px solid #004f39;}

/*div.box_right, span.box_right {float:right; width:200px; border:solid #004f39; border-width:0 0 0 0;
								padding:0 0px 5px 10px; margin-left:20px;margin-right:-30px;}
div.box_right p, div.box_right h2 {text-align:left;}
div.box_right h2 {margin-bottom:3px;}
div.box_right p {margin-top:0;margin-bottom:3px;}
div.wide {width:200px;}*/

div.box_right, span.box_right {float:right; clear:right; width:220px; border:none;
								padding:0;margin-left:30px; margin-right:-30px; margin-bottom:20px; color:#000;}
div.box_right p, div.box_right h2 {text-align:left;}
div.box_right h2 {margin:0 -10px 3px -10px;padding:10px 15px;display:block;background-color:#99CC66;color:#000;}
div.box_right p {margin-top:0;margin-bottom:3px;}
div.wide {width:200px;}

div.rh_text {background-color:#dec;padding:0 10px 5px 10px; }

ul.rh_menu {margin-left:0}
ul.rh_menu li {list-style-image:url(../images/nav/arrow_nav.gif);margin-left:12px;}

acronym {border-bottom:1px dotted #555; cursor:help;}

#content a.info_link:hover {border:none;}

#content .hidden {display:none;}

div.select {
	margin:0;
	padding:5px 15px;
}

/*div.select input {
	margin:3px 20px 3px 3px;
	padding:0;
}*/

div.select form {
	padding:0;
	margin:0;
}

span.col {
	float:left;
	margin-right:30px;
}

div.select textarea, div.select input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

div.select form fieldset {
	border:1px solid #004f39;
	background-color:#e3f1f1;
	margin-bottom:20px;
	padding:5px 15px;
}

div.select form legend {
	background-color:#004f39;
	color:#fff;
	font-weight:bold;
	padding:2px 10px;
	margin-bottom:10px;
}

* html #content div.select form fieldset{
	position: relative;
	margin-top:3em;
	padding-top:20px;
}

* html #content div.select form legend{
	position:absolute;
	top: -13px;
	left: 12px;
}

input.button {border:1px solid #ccc; background-color:#efefef; padding:1px; width:30px; cursor:pointer;}
input.button:active {background-color:#004f39; color:#fff;}

#content label.inline {padding-right:2px; margin-right:0; padding-left:0;}
#content input.inline {padding-left:3px; margin-left:0; padding-right:0; margin-right:15px;}

div.funcCol{float:left; width:220px; margin-bottom:10px; margin-left:1px;}
div.funcCol label {width:175px; display:block; float:left;}
div.funcCol input {width:20px; display:block; float:left;}

div.funcCol4{float:left; width:165px; margin-bottom:10px; margin-left:1px;}
div.funcCol4 label {width:125px; display:block; float:left;}
div.funcCol4 input {width:20px; display:block; float:left;}


/* Check this section - somethings not quite right with the Type selection on the Add New part of the admin page. */
#addFb div.funcCol4{float:left; width:150px; margin-bottom:10px; margin-left:1px;}
#addFb div.funcCol4 label {width:100px; display:block; float:left; margin:0; padding:0;}
#addFb div.funcCol4 input {width:25px; display:block; float:left; margin:0; padding:0;}

textarea {vertical-align:top;}

#content table.rating tr {margin:0; padding:0;}
/*#content table.rating tr:hover {background-color:#d7ebea;}*/
#content table.rating th {margin:0; padding:0; background-color:transparent; color:#000; font-weight:normal; font-size:95%; text-align:center;}
#content table.rating td {margin:0; padding:0; background-color:transparent; color:#000; font-weight:normal; text-align:center;}
#content table.rating input {margin:0; padding:0;}

#content tr.rowalt1 td {background-color:#d7ebea;}
#content tr.rowalt2 td {background-color:transparent;}

label {vertical-align:text-bottom;}
input {vertical-align:middle;}

.validateTip {display:none;font-weight:bold;color:#000;float:right;width:200px;text-align:left;clear:right;}
.validateTipWide {display:none;font-weight:bold;color:#000;width:auto;text-align:left;clear:right;}
label.required {background-image:url(../images/nav/required.gif);background-position:left;background-repeat:no-repeat;padding-left:8px;}

#content form{padding:0;margin:0;}
#content form fieldset {border:none;border-top:1px solid #004f39;margin-bottom:20px;padding:5px 15px;}
#content form legend {background-color:#004f39;color:#fff;font-weight:bold;padding:2px 10px;margin-bottom:10px;}
#content form input {font-family:Arial, Helvetica, sans-serif;font-size:100%;
											padding-left:3px; margin-left:0; padding-right:0; margin-right:5px;}
#content form input.submit {padding:3px 20px;}
#content form label {padding-right:2px; margin-right:0; padding-left:0; width:150px; display:inline-block;}
#content form label.flex {padding-right:2px; margin-right:15px; padding-left:0; width:auto;}
#content form span.question {display:block;border-bottom:1px solid #ddd; padding:5px;}