/*** 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: 0px 0px;
  padding: 0px;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
	height:100%;
	background-color:#efe;
}

#site-wrapper {
	min-width: 820px;
  color: #333;
	background-color:#efe;
  height:100%;
	font-size:72%;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header {
	width:100%;
	height:auto;
	background-color:#2A217C;
	color:#ddd;
	margin:0px;
	padding:0px;
}

#central-container {
	position:relative;
	width:100%;
	margin: 0px;
	padding: 0px;
	line-height:200%;
	float:left;
}

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

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

#content {
	float:left;
	overflow:visible;
	height:1%;
	width:100%;
	padding-bottom:5px;
}	

div#footer{
	float:left;
	width:100%;
	font-size:90%;
	padding-bottom:8px;
	clear:both;
	color:#eee;
	border-top:1px solid #8C8C8E;
	border-bottom:1px solid #8C8C8E;
	margin-top:10px;
	background-color:#2A217C;
}

/*IE min-width hack*/
	/*set width of container*/
	* html div#site-wrapper{width:100%;}
	/*min-width bodge*/
	* html #minwidth {border-left:820px solid #efe; position:relative; float:left; z-index:1;}
	/*reset so not visible visually*/
	* html #overlay {margin-left:-820px; position:relative; float:left; z-index:2; background-color:#efe;}
/*End IE min-width hack*/


/*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-left:-20px;
	margin-right:-20px;
	margin-top:8px;
	font-weight:bold;
	color:#eef;
	background-color:#006633;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 5px 5px 20px;
	display:block;
}

* html h1 { /* IE hack as it doesn't like the negative margins in the compliant version above */
  margin-left:0px;
	margin-right:0px;
}


h2 {
  font-size: 150%;
  margin-left:0;
	margin-top:15px;
	color:#000;
}

h3 {
  font-size: 120%;
	margin-top:8px;
	color:#000;
}

h4 {
  font-size: 100%;
	color:#000;
	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-top:0;
	padding-top:0;
}

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

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

#headerTop {
	padding:0px;
	margin:0px;
}
  
/*HEADER - SEARCH FORM*/
div#header form{
	float:right;
	width:280px;
	text-align:right;
	padding:5px 10px 5px 0px;
	margin:0px;
	margin-bottom:-5px;
	font-size:95%;
}

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 form input.submit{
	width:auto;
	height:auto;
	color:#000;
	background-color:#fff;
	border:1px solid #9c9c9c;
	padding-bottom:0px;
	margin:0px;
}

div#header form input.radio{
	width:auto;
	border:none;
}

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

div#header form p a:link{
	text-decoration:none;
}
div#header form p a:visited{
	text-decoration:none;
}
div#header form p a:hover{
	text-decoration:underline;
}
  
/*HEADER - UNI LINKS*/
div#extra-links{
	width:100%;	
	color:#eeefee;
	border-top:1px solid #8C8C8E;
	border-bottom:1px solid #8C8C8E;
	line-height: 50%;
	font-size:95%;
	background-color:#006633;
	padding:0px;
	margin:0px;
}
  
div#extra-links p{
	margin:0px 12px;
	padding:5px;
}

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:#eeefee;
}
  	
/*HEADER - BREADCRUMB*/

div#breadcrumb {
	width:100%;
	font-size:95%;
	background-color:#2A217C;
	padding:0px;
	margin:0px;
	line-height:50%;
	border-bottom:1px solid #8C8C8E;
}

div#breadcrumb p{
	padding:5px 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: #44a;
	text-decoration: none;
}

#content a:hover {
	background-color: transparent;
	border-color: #2A217C;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}

.imgright {
	float: right;
	margin:5px 5px 5px 30px;
}

#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 14px 8px 10px;
	width:44%;
}

div#footer p.right{
	float:right;
	text-align:right;
	margin:8px 10px 8px 14px;
	width:44%;
}

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 { /* all lists */
	padding:0;
	margin:0;
	list-style:none;
	margin-bottom:1px;
}

#nav a {
	line-height:1.25em;
}

#nav li { /* all list items */
	line-height:1.25em;
	margin-bottom:-1px;	width:148px;
}
#nav li a {
	display:block;
	width:148px;
	text-decoration:none;
	color:#ddd;
	background-color:#2A217C;
	background-image: url("../images/nav/arrow_nav.gif");
	background-repeat:no-repeat;
	background-position:5px 12px;
	border-top:1px solid #2A217C;
	border-bottom:1px solid #2A217C;
	border-left:none;
	border-right:1px solid #2A217C;
	margin-top:2px;
	padding:7px 15px;
}

#nav li ul {
	display:none;
}

#nav li.active ul {
	display:block;
}

#nav li.active ul li ul {
	display:none;
}

#nav li.active ul li.active ul {
	display:block;
}

#nav li a:hover {
	color:#eeefee;
	background-color:#006633;
	border-top:1px solid #8C8C8E;
	border-bottom:1px solid #8C8C8E;
	border-right:1px solid #8C8C8E;
	background-image: url("../images/nav/arrow_active.gif");
}

#nav li ul {
	padding:0px;
	margin-top:-4px;
	margin-bottom:1px;
}

#nav li.active a, #nav li.active a:hover {
  background-color: #006633;
  background-image:  url("../images/nav/arrow_active_down.gif");
	color:#eeefee;
	border-top:1px solid #8C8C8E;
	border-bottom:1px solid #8C8C8E;
	border-right:1px solid #8C8C8E;
}

#nav li.active ul li a {
	background-color:#2A217C;
	background-image:  url("../images/nav/arrow_nav.gif");
	color:#eee;
	margin-left:12px;
	border-color:#2A217C;
}

#nav li.active ul li a:hover {
	background-color:#006633;
	background-image:  url("../images/nav/arrow_active.gif");
	color:#eee;
}

#nav li ul li.active a, #nav li ul li.active a:hover {
  background-color: #006633;
  background-image:  url("../images/nav/arrow_active_down.gif");
	color:#eee;
}

/* Third Level Menu*/

#nav li ul li ul {
 margin-top:1px;
 margin-bottom:4px;
 margin-left:8px;
}

#nav li ul li.active a {
	background-image:url("../images/nav/arrow_active_down.gif");
}

#nav li ul li.active ul li a {
	background-image:url("../images/nav/arrow_nav.gif");
	background-color:#2A217C;
	width:140px;
	color:#eee;
}

#nav li.active ul li.active ul li.active a, #nav li.active ul li.active ul li.active a:hover {
	background-color:#006633;
	color:#eee;
	background-image:url("../images/nav/arrow_nav.gif");
}

/*End third level menu*/

#nav #depttag a{
  background-image:  url("../images/nav/arrow_back.gif");
  background-color: #006633;
  border-bottom:1px solid #8C8C8E;
  border-top:1px solid #8C8C8E;
	border-right:1px solid #8C8C8E;
	margin-bottom:8px;
	margin-top:0px;
	color:#eeefee;
}

#nav #depttag a:hover {
  background-color:#2A217C;
	color:#fff;
}

ul {
	margin-top:2px;
	margin-bottom:10px;
}

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

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

.staff {
	border:none;
	padding: 0px;
	margin:0px;
	border-collapse:collapse;
	text-align:left;
	width:75%;
}

#staff tr {
	background-color:#eee;
	padding: 0px;
	margin:0px;
}

#staff td {
	margin:2px;
	padding-right:10px;
}

.staffname {
	text-align:left;
	font-weight:bold;
	color:#0A2B61;
	padding-left:15px;
	background-color: #e2e5f0;
	border-bottom:1px solid #ccc;
}

.staffdescription {
	padding-left:30px;
}

.staffcontact td {
	padding-left:15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:50%;
	background-color:#eee;
}

.staffspacer td {
	background-color:#f7f7ff;
	line-height: 100%;
	text-align:right;
}

.table_list {
	border-collapse:collapse;
}

.table_list td, .table_list th {
	padding: 1px 2px 1px 7px;
	border:1px solid #ccc;
}

.table_list td {
	vertical-align:top;
}

.table_list tr {
 background-color:#eee;
}

.table_list th {
	background-color:#e2e5f0;
	color:#0A2B61;
}

.table_list ul {
	margin-left:15px;
	padding-left:0px;
}

#front_img {
	border:1px solid #ccc;
	padding:2px;
}

.download_list {
	border:1px solid #2A217C;
	width:150px;
	float:right;
	margin-left:20px;
	padding:5px 10px;
}

.download_list ul {
	margin-left:0px;
	padding-left:20px;
}

#content .download_list a:hover {
	border:none;
	text-decoration:underline;
}

#content .download_list a {
	font-weight:normal;
}

#tones a:hover{
	border:none;
	text-decoration:none;
}

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

fieldset.feedback-section {
	width:500px;
/*	background-color:#dde;*/
	border: 1px solid #bbc;
	padding: 5px;
	margin-bottom:20px;
}

fieldset.feedback-section legend {
	border:1px solid #bbc;
	padding:2px 6px;
	margin-bottom:10px;
	background-color:#ccd;
}

fieldset.feedback-section td {
/*	border:1px solid green;*/
	text-align:center;
	padding:0px;
}

fieldset.feedback-section thead th {
	text-align:center;
	padding:2px 4px;
}

fieldset.feedback-section tbody th {
	text-align:right;
	padding:0 10px 0 0;
	font-weight:normal;
}
	
div.row {
	margin-bottom:10px;
  clear:both;
	height:auto;
}

div.row span.label {
  float: left;
  width: 170px;
  text-align: right;
	font-weight:normal;
}

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
}

div.spacer {
  clear: both;
	height:1px;
}

div.breakout_right {
	width:150px;
	float:right;
	margin:10px;
	margin-left:20px;
	padding:5px 7px;
	border:2px solid #ccc;
	background-color:#eee;
}

/*#content div#twitter_feed {width:220px;float:right;margin:0 -50px 20px 20px;padding:5px 20px;border:none;background-color:#78B8F1;}
#content div#twitter_feed li {list-style-type:none;}
#content div#twitter_feed ul {margin:0;padding:0; margin-left:15px;list-style-image:url()}*/

#content div.twtr-widget {float:right;padding-left:20px;}
#content div.twtr-widget a {border:none;}

/*#content .twtr-widget-profile
#content #twtr-widget-1*/

div.twitter {
	width:180px;
	float:right;
	margin:10px;
	margin-left:20px;
	padding:0;
	border:none;
}