/*
colour info:
Blue text: #003860
Red hover text: #600f00
*/



/* General Styles
-------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

hr {
	color: #003860;
	background: #003860;
	height: 1px;
	margin: 10px 0;
	padding: 0;
	border: none;
}

img {
	/*display: block;*/ /* this rule breaks the wysiwygPro3 editor's toolbars */
	border: none;
}

a img {
	border: none;
}

img.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}

img.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
}

img.tableRight {
	margin: 0 0 10px 10px;
}

img.tableLeft {
	margin: 0 10px 10px 0;
}

img.bordered {
	margin: 0 0 10px 10px;
	border: 1px solid #336;
}

.hide {
	display: none;
}

.inline {
	display: inline;
}

.noMargin {
	margin: 0;
}

.noIndent {
	text-indent: 0;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.clearBoth {
	clear: both;
}

div.clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 0;
	font-size: 0;
}

input.submitStyled {
	border: 0;
	color: #339;
	padding: 0 20px 0 0;
	margin: 0 0 15px 0;
	background: url(../images/iconArrowLightBlue.gif) no-repeat right 50%;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

input.submitStyled:hover {
	cursor: pointer;
	color: #35c1f2;
}

input.submitStyled.floatRight {
	margin-left: 10px;
}

input.submitStyled.floatLeft {
	margin-right: 10px;
}

a.button {
	display: block;
	border: 0;
	width: 148px;
	height: 16px;
	line-height: 16px;
	color: #003860;
	padding-left: 17px;
	background: url(../images/formSubmitBg.gif) no-repeat left top #8cbcc0;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

a.button:hover {
	background: url(../images/formSubmitBg.gif) no-repeat left -16px #ffc900;
	cursor: pointer;
	text-decoration: none;
}

ul, ol {
	margin: 0 0 1em 1em;
}

li {
	margin: 0 0 0.15em 1em;
}

ul ul, ol ol {
	margin: 0 0 0.15em 1em;
}





/* Typography
-------------------------------------------------------------------------------------- */

body, input, textarea, select {
	color: #666;
	font: 13px Arial, Helvetica, sans-serif;
}

a {
	color: #339;
	text-decoration: underline;
}

a:hover {
	color: #35c1f2;
	text-decoration: underline;
}

p {
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 1em;
}

h1 {
	color: #339;
	font-size: 18px;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 1em;
}

h2 {
	color: #35c1f2;
	font-size: 14px;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 1em;
}

h3 {
	color: #339;
	font-size: 13px;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 1em;
}

h4 {
	color: #35c1f2;
	font-size: 12px;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 1em;
}

.error, .messages {
	color: #c00;
	font-weight: bold;
}

.highlight {
	color: #c00;
	font-weight: bold;
}








/* General Page Structure
-------------------------------------------------------------------------------------- */

html {
	width: 100%;
}

body {
	background: url(../images/bodyBg.gif) repeat-y center top #f0f0f0;
}

#wrapper {
	margin: 0 auto;
	width: 948px;
	background: url(../images/pageBg.jpg) no-repeat center top;
	/*min-height: 500px;*/
}




/* Header
-------------------------------------------------------------------------------------- */

#header {
	margin-bottom: 26px;
	height: 140px;
}

a#headerLogo {
	display: block;
	float: left;
	width: 220px;
	height: 120px;
	margin: 15px 0 0 30px;
}

#searchWrapper {
	float: right;
	margin: 50px 43px 0 0;
}

#searchWrapper input.q {
	padding: 0 3px;
	margin: 0;
	width: 120px;
	height: 17px;
	line-height: 17px;
	border: 0;
	font-size: 11px;
}

#searchWrapper input.submit {
	border: 0;
	color: #fff;
	width: 45px;
	height: 17px;
	line-height: 17px;
	padding: 0;
	margin: 0;
	background: url(../images/searchButtonBg.gif) no-repeat top left;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

#searchWrapper input.submit:hover {
	cursor: pointer;
	color: #339;
}








/* Left column
-------------------------------------------------------------------------------------- */

#leftColumn {
	float: left;
	width: 201px;
	margin: 0 25px 0 0;
	padding: 51px 0 0 47px;	/* use left padding rather than left margin on left floated element, to avoid IE6 double margin bug */
	min-height: 500px;
}

div.navBottom {
	width: 201px;
	height: 39px;
	background: url(../images/mainNavBottomBg.gif) left top no-repeat;
	margin-bottom: 20px;
}


#pollBoxWrapper {
	width: 201px;
	margin: 0 0 20px 0;
}

#pollBoxWrapper h2 {
	padding: 10px 20px;
	background: url(../images/homePollTopBg.gif) left top no-repeat;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}

#pollBoxContent {
	background: url(../images/homePollContentBg.jpg) right bottom no-repeat #fff;
	padding: 20px 20px 20px 20px;
}

#pollBoxContent div.radios {
	margin: 0 0 15px 0;
}

#pollBoxContent input.haveYourSay {
	border: 0;
	color: #339;
	padding: 0 20px 0 0;
	margin: 0 0 15px 0;
	background: url(../images/iconArrowLightBlue.gif) no-repeat right 50%;
	text-align: right;
	font-weight: bold;
}

#pollBoxContent input.haveYourSay:hover {
	cursor: pointer;
	color: #35c1f2;
}







/* Main content
-------------------------------------------------------------------------------------- */

#contentWrapper {
	float: left;
	width: 632px;
}

#breadcrumbs {
	margin-bottom: 1em;
	text-align: left;
	color: #eee;
}

#breadcrumbs a {
	color: #eee;
}

#breadcrumbs a:hover {
	color: #fff;
}

#pageContent {
	margin-bottom: 10px;
}

#contentLeft {
	float: left;
	width: 411px;
	margin-right: 20px;
}

#contentLeft div.boxTop {
	width: 379px;
	padding: 10px 16px;
	background: url(../images/spotlightOnBoxTopBg.gif) left top no-repeat;
}

#contentLeft div.boxTop h1 {
	margin: 0;
	color: #fff;
}

#contentLeft div.boxContent {
	width: 379px;
	padding: 16px 16px 0 16px;
	background: url(../images/spotlightOnContentRightBg.gif) right top repeat-y #fff;
}

#contentLeft div.boxBottom {
	width: 411px;
	height: 17px;
	background: url(../images/spotlightOnBoxBottomBg.gif) left top no-repeat #fff;
	margin-bottom: 20px;
}






/* Right hand column
-------------------------------------------------------------------------------------- */

#contentRight {
	float: left;
	width: 201px;
}






/* Footer
-------------------------------------------------------------------------------------- */

#footer {
	background: url(../images/footerBarBg.gif) left top repeat-x #9bad2a;
	margin: 0 28px 20px 34px;
}

#footer a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	text-align: center;

}

#footer li {
	border-left: 1px dotted #fff;
	margin-left: 5px;
	padding-left: 5px;
	display: inline;
}

#footer li.first {
	border: none;
	margin: 0;
	padding: 0;
}





/* Home content
-------------------------------------------------------------------------------------- */

#homeContentBoxTop {
	width: 592px;
	padding: 10px 20px;
	background: url(../images/homeMainPanelTopBg.gif) left top no-repeat #5a3f93;
}

#homeContentBoxTop h1 {
	margin: 0;
	color: #fff;
}

#homeContentBoxMid {
	width: 592px;
	padding: 20px 20px 0 20px;
	background: url(../images/homeMainPanelContentBgRight.gif) right top repeat-y #fff;
}

#homeFlashImgTemp {
	float: right;
	margin: 0 0 15px 15px;
}

#homeContentBoxBottom {
	width: 632px;
	height: 17px;
	background: url(../images/homeMainPanelBottomBg.gif) left top no-repeat #fff;
	margin-bottom: 20px;
}





#spotlightOnWrapper {
	width: 411px;
	float: left;
	clear: both;
	margin: 0 20px 20px 0;
}

#spotlightOnWrapper h2 {
	padding: 10px 20px;
	background: url(../images/spotlightOnBoxTopBg.gif) left top no-repeat;
	color: #fff;
	margin: 0;
}

#spotlightOnBoxMid {
	background: url(../images/spotlightOnContentRightBg.gif) right top repeat-y #fff;
}

#spotlightOnContent {
	padding: 20px 20px 0 20px;
}

#spotlightOnContent h3 {
	color: #339;
}

#spotlightOnContent img.main {
	float: right;
	margin: 0 0 12px 12px;
	border: 2px solid #ccc;
}

#spotlightOnBoxBottom {
	width: 411px;
	height: 17px;
	background: url(../images/spotlightOnBoxBottomBg.gif) left top no-repeat #fff;
}





#homeNewsWrapper {
	width: 201px;
	float: left;
	margin: 0 0 20px 0;
}

#homeNewsWrapper h2 {
	padding: 10px 20px;
	background: url(../images/newsBoxTopBg.gif) left top no-repeat;
	color: #339;
	text-transform: uppercase;
	margin: 0;
}

#homeNewsContent {
	background: url(../images/newsBoxContentBg.jpg) right bottom no-repeat #fff;
	padding: 20px 20px 20px 20px;
}

#homeNewsContent p {
	background: url(../images/iconSmileyWhiteBg.gif) left top no-repeat;
	padding: 0 0 20px 30px;
	line-height: 150%;
}

#homeNewsContent p a.more {
	background: url(../images/iconArrowLightBlue.gif) right 50% no-repeat;
	padding: 5px 20px 5px 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #339;
	text-decoration: none;
}

#homeNewsContent p a.more:hover {
	color: #35c1f2;
	text-decoration: underline;
}











/* Messages
-------------------------------------------------------------------------------------- */

#messageBox {
	background-color:#fff;
	border:1px solid #c00;
	margin-bottom: 1em;
	padding: 1em;
	font-weight: bold;
	color: #c00;
	font-style: normal; 
}

#messageBox ul {
	margin: 0 0 0 1em !important;
}

#messageBox li {
	list-style-image: none !important;
	/*list-style: default !important;*/
	margin: 0 0 0.15em 1em !important;
}





/* Popup help tooltip
-------------------------------------------------------------------------------------- */

#fixedTipDiv{
	position: absolute;
	padding: 5px;
	border: 1px solid #02586f;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
	color: #333366;
	z-index:100;
}

div.tooltipHelp {
	width: 19px;
	height: 18px;
}

div.tooltipHelp a {
	width: 19px;
	height: 18px;
	display: block;
	background: url(../images/hint.gif) no-repeat left top;
}

div.tooltipHelp a:hover {
	background: url(../images/hint.gif) no-repeat left -18px;
}




/* Search styles
-------------------------------------------------------------------------------------- */

#advSearch {
	border: 1px solid #339;
	margin-bottom: 20px;
	padding: 5px;
	background: #f0f0f0;
}

div.resultsNav {
	float: left;
	height: 20px;
	text-align: left;
	line-height: 20px;
	margin-bottom: 20px;
	/*background: #ffc900;
	background: url(../images/linkBarBg.gif) repeat-x left center #ffc900;*/
	font-weight: bold;
}

div.resultsNavLeftEnd {
	float: left;
	height: 20px;
	width: 10px;
	/*background: url(../images/linkBarLeft.gif) no-repeat left center #ffc900;*/
}

div.resultsNavLeft {
	float: left;
	line-height: 20px;
	padding: 0 5px 0 0;
	/*background: url(../images/linkBarLeft.gif) no-repeat left center #ffc900;*/
}

div.resultsNavCentre {
	float: left;
	line-height: 20px;
	padding: 0 5px;
}

div.resultsNavRight {
	float: left;
	padding: 0 0 0 5px;
	line-height: 20px;
	/*background: url(../images/linkBarRight.gif) no-repeat right center #ffc900;*/
}

div.resultsNavRightEnd {
	float: left;
	height: 20px;
	width: 10px;
	/*background: url(../images/linkBarRight.gif) no-repeat left center #ffc900;*/
}

div.resultsNavLeft a, div.resultsNavRight a {
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
}

div.resultsNavLeft a:hover, div.resultsNavRight a:hover {
	text-decoration: underline;
}

div.resultsNavLine {
	/*background: url(../images/linkBarBreaker.gif) no-repeat left center #ffc900;*/
	width: 3px;
	height: 20px;
	float: left;
}




/* Site search
-------------------------------------------------------------------------------------- */

#siteSearchResultWrapper {
	margin: 0 0 20px 0;
}

#siteSearchResultWrapper h2 {
	padding: 5px;
	background: #ddd;
	color: #339 !important;
	margin: 0;
	border-bottom: 1px solid #fff;
}

div.siteSearchResult {
	margin: 0;
	padding: 0;
}

div.siteSearchResult.row1 {
	background: #e0e0e0;
}

div.siteSearchResult.row2 {
	background: #f0f0f0;
}

div.siteSearchResult h3 {
	font-weight: bold;
	color: #339 !important;
	border-bottom: 1px solid #fff;
	padding: 5px;
	margin: 0;
	line-height: 150%;
}

div.siteSearchResult h3 a {
	font-weight: bold;
	color: #339;
	text-decoration: underline;
}

div.siteSearchResult h3 a:hover {
	color: #35c1f2;
	text-decoration: underline;
}

div.siteSearchResult h3 span {
	font-weight: normal;
}

div.siteSearchResult p {
	border-bottom: 1px solid #fff;
	padding: 5px;
	margin: 0;
}






/* Edit record
-------------------------------------------------------------------------------------- */

table.editForm {
	width:100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

table.editForm td {
	border: 0px;
	padding: 2px;
	margin: 0px;
}

table.editForm td.required {
	width:5px;
	text-align:center;
	color:#c00;
}

table.editForm td.submit {
	border: 0px;
	padding: 5px;
	margin: 0px;
	background-color: transparent;
}

table.editForm th {
	border: 1px solid #dcd3e0;
	padding: 2px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	background-color:#f1e9f5;
	margin-top:15px;
}

table.editForm tr.row1 {
	background-color: #F5F5F5;
}

table.editForm tr.row2 {
	background-color: #FFFFFF;
}

td.field {
	text-align: left;
	width:99%;
}

td.fieldName {
	white-space:nowrap;
	text-align:right;
}

td.fieldNameError {
	white-space:nowrap;
	text-align:right;
	color: #FF0000;
	font-weight: bold;
}






/* Contact
-------------------------------------------------------------------------------------- */

#contactFormWrapper {
	margin: 0 0 20px 0;
}

#contactFormWrapper h1 {
	width: 299px;
	height: 26px;
	background: url(../images/formBoxTopContact.gif) no-repeat left top;
	margin: 0;
	padding: 20px 5px 0 75px;
	color: #35c1f2;
}

#contactFormWrapper div.content {
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	background: #fcfaf3;
	padding: 15px;
	margin: 0;
}

#contactFormWrapper div.bottom {
	background: url(../images/formBoxBottom.gif) no-repeat left top;
	width: 379px;
	height: 8px;
	margin: 0;
}



table.contact {
	width: 100%;
	border: 0;
	margin: 0 0 30px 0;
	border-collapse: collapse;
}

table.contact td {
	border: 0;
	padding: 2px;
}


table.contact td.fieldName p {
	text-align: right;
	margin-bottom: 0;
	padding-right: 5px;
}


td.required {
	width: 5px;
	text-align: center;
	color: #c00;
}

td.required span {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/iconRequired.gif) no-repeat left top;
}

td.field {
	text-align: left;
	width:99%;
}

td.field input[type="text"] {
	background: #f2efe4;
	border: 1px solid #cdc7b3;
	height: 22px;
	line-height: 22px;
}

td.field textarea {
	background: #f2efe4;
	border: 1px solid #cdc7b3;
}

td.field p {
	margin-bottom: 0;
}

td.fieldName {
	white-space:nowrap;
	text-align:right;
	color: #339;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

td.fieldName label {
	text-align:right;
	margin-bottom: 0;
}

td.fieldNameError {
	white-space:nowrap;
	text-align:right;
	color: #c00;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

td.fieldNameError label {
	text-align:right;
	color: #c00;
	font-weight: bold;
	margin-bottom: 0;
}






/* Sitemap
-------------------------------------------------------------------------------------- */

#sitemapList {
	list-style-image: url(../images/iconSmileyWhiteBg.gif);
}

#sitemapList ul {
	list-style-image: none;
}

#sitemapList li {
	/*border-bottom: 1px solid #ececec;*/
	padding: 5px 0;
}

#sitemapList li li a {
	/*color: #2c71aa;*/
}

#sitemapList li li li {
	border-bottom: none;
	padding: 0;
}

#sitemapList a {
	text-decoration: none;
}

#sitemapList a:hover {
	text-decoration: underline;
}






/* Polls
-------------------------------------------------------------------------------------- */

#pollWrapper div.form {
	margin-bottom: 30px;
	margin-left: 20px;
}

#pollWrapper div.radios {	/* style the option labels here */
	margin-bottom: 12px;
}

#pollWrapper div.radios input {	/* style the radio button inputs here */
}


#barGraphTbl {
	border-collapse: collapse;
	margin-bottom: 30px;
}

#barGraphTbl tr {
}

#barGraphTbl td {
	border-bottom: 1px solid #ccc;
	padding: 3px;
}

#barGraphTbl td.label {
	border-right: 1px solid #ccc;
	text-align: right;
}

#barGraphTbl div {
	border: 1px solid #003;
	height: 15px;
}

#barGraphTbl div.colour1 {
	background: #b0dffe;
}

#barGraphTbl div.colour2 {
	background: #d3b7ed;
}

#barGraphTbl div.colour3 {
	background: #a9d775;
}

#barGraphTbl div.colour4 {
	background: #6cc5b6;
}

#barGraphTbl div.colour5 {
	background: #feaea5;
}






/* News
-------------------------------------------------------------------------------------- */

#newsListTbl {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}

#newsListTbl tr {
	border-bottom: 1px dotted #ccc;
}

#newsListTbl td {
	padding: 15px 0;
}

#newsListTbl td.date {
	text-align: center;
	background: url(../images/calendarBg2.gif) left 15px no-repeat;
	color: #35C1F2;
	padding: 22px 15px 0 0;
	width: 49px;
}

#newsListTbl span.dateFigs {
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
}

#newsListTbl span.dateMonth {
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
}

#newsListTbl span.dateYear {
	line-height: 22px;
	font-size: 12px;
	color: #000;
}

#newsListTbl td img {
	padding: 3px;
	border: 1px solid #ccc;
}

#newsListTbl h2 {
	text-transform: uppercase;
	color: #099;
	font-size: 16px;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0.25em;
}

#newsListTbl h2 a {
	text-decoration: none;
}

#newsListTbl h2 a:hover {
	text-decoration: underline;
}





#newsTitleTbl {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
	background: #FCFAF3;
}

#newsTitleTbl td {
	padding: 7px 0;
}

#newsTitleTbl td.date {
	text-align: center;
	background: url(../images/calendarBg2.gif) 15px 7px no-repeat;
	color: #33398B;
	font-weight: bold;
	padding: 14px 15px 7px 15px;
	width: 49px;
}

#newsTitleTbl span.dateFigs {
	line-height: 24px;
	font-size: 24px;
}

#newsTitleTbl span.dateMonth {
	line-height: 14px;
	font-size: 14px;
}

#newsTitleTbl span.dateYear {
	line-height: 22px;
	font-size: 10px;
	color: #000;
}

#newsTitleTbl h1 {
	color: #33398B;
	font-size: 16px;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0.25em;
}

#newsTitleTbl h2 {
	text-transform: uppercase;
	color: #35C1F2;
	font-size: 12px;
	font-style: normal;
	margin: 0;
}

#backToNews {
	background: url(../images/backLinkBg.gif) left 50% no-repeat;
	padding: 5px 0 5px 20px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #339;
	text-decoration: none;
}

#backToNews:hover {
	text-decoration: underline;
	color: #35C1F2;
}

/*
#backToNews {
	display: block;
	width: 119px;
	background: url(../images/backLinkBg.gif) no-repeat top left;
	padding: 0 0 0 31px;
	line-height: 26px;
	margin: 20px 0;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
}
*/

/* Services Directions
-------------------------------------------------------------------------------------- */

#directionsWrapper {
	width: 201px;
	float: left;
	margin: 0 0 20px 0;
}

#directionsWrapper h2 {
	padding: 10px 20px;
	background: url(../images/newsBoxTopBg.gif) left top no-repeat;
	color: #339;
	text-transform: uppercase;
	margin: 0;
}

#directionsContent {
	background: url(../images/newsBoxContentBg.jpg) right bottom no-repeat #fff;
	padding: 20px 20px 20px 20px;
}

#directionsContent p {
	padding: 0 0 5px 0px;
	line-height: 150%;
	font-weight: bold;
}

#directionsContent p a.more {
	background: url(../images/iconArrowLightBlue.gif) right 50% no-repeat;
	padding: 5px 20px 5px 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #339;
	text-decoration: none;
}

#directionsContent p a.more:hover {
	color: #35c1f2;
	text-decoration: underline;
}