/* ==================================================================================== */

/* ==IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; } 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; } 
a img,:link img,:visited img { border: none; } 
a { text-decoration: none; }
address { font-style: normal; }

/* ==================================================================================== */

/* ==DIABLO DEFAULTS: */

/* =structure, specific texts */
#toolbar { position:relative; top:0; left:0; }
#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; } 
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* =wysiwyg: */
.highlight { background-color:#E8F6FF }
.warning { color:#FDB927; font-weight:bold; }
h4 {margin: 12px 10px 0px 10px; font-weight: bold; color: #000;} 
.wysiwygRight { border: 4px solid #e6e6e6; float: right; margin: 10px 0 10px 10px; }

/* =default form controls styling: 
.pagination { padding: 10px; font-size: 1.1em; background: #e5e5e5; font-weight: bold; } 
.pagination .paginationSeparator { padding: 0 4px; font-weight: lighter; }*/

.paginationF { padding: 6px; margin: 0 0 4px 0; font-size: 1.1em; } 
.paginationF a { padding: 4px; border: solid 1px #EEEEEE; text-decoration: none; font-weight: normal; margin: 0 2px 2px 2px; } 
.paginationF a.lastpage { border: solid 2px #EEEEEE; } 
.paginationF a:hover { text-decoration: none; border: solid 1px #000000; background-color: #FDB930; font-weight: normal; } 
.paginationF .currentPage { font-size: 1.1em; margin: 0 2px 2px 2px; padding: 4px; } 
.paginationF .pagenumber { font-size: 1.1em; } 
.paginationF .pagedots { font-size: 1.1em; }

.resources { margin: 20px 0px; line-height: 1.5em; } 
.resources li { margin-bottom: 8px; padding-left: 16px; background: url(../images/more-bullet.gif) no-repeat 0 4px; } 
.resources li img { padding-left: 5px; background: #fff; }

/*div.label { display: block; float: left; width: 120px; padding: 4px 0; font-weight: bold; }
div.row { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.1em; } 
div.row p { font-size: 1em; } 
div.rowlong { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.2em; } 
div.rowlong span.label { width:370px; }*/

.bold {font-weight:bold;}

/* ==================================================================================== */
/* ==SITE SPECIFIC: */
body 
{
	font-size: 7.2pt;
	font-size: 0.7em !important;
	/*font-size: 0.72em;*/ /* yay for IE uselessness */
	font-family: "Verdana", sans-serif;
	font-weight:normal;
	text-align:center;
	margin:0px auto;
	color:#000000;
}

p {margin:10px 0px;}

div#main {margin:0px auto; width:1000px;}

div#contentContainer {overflow:hidden;height:100%;background: url('../images/nav-repeater.gif') left top repeat-y}

div#header {overflow:hidden; width:100%;padding:20px 0px;}
div#headerLeft {float:left;}
div#headerRight {float:right;}

div#headerStrapline {clear:both;overflow:hidden; width:100%;padding:0px 0px; color:#8DC63F; font-weight:bold;margin:0 0 0 -5px; margin-bottom:10px;}
/*div#headerStraplineLeft {float:left; font-size:1.2em;width:500px; padding:7px 0px 0px 27px; margin:0px 0px 0px 10px;text-align:left;background: url(../images/phone.jpg) no-repeat bottom left;}*/
div#headerStraplineLeft {float:left;width:500px; padding:0 ; margin:0px 0px 0px 10px;text-align:left;}
div#headerStraplineLeft h2 { padding: 0.2em 0.2em 0.2em 2.25em; margin: 0; background: url('../images/phone.jpg') left 3px no-repeat; font-size: 1.2em; font-weight: bold; }
div#headerStraplineLeft img {float:left; margin: 0 5px 0 0; display: none; }
div#headerStraplineLeft .sIFR-flash { margin: 0px; top: 0; left: 0;  }
div#headerStraplineRight {float:right;text-align:right;padding: 0; margin: -1px 0 0 0;}
div#headerStraplineRight h2 { color:#8DC63F; padding: 0.2em 0.9em 0.2em 0.2em; margin: 0; background: url('../images/arrowGreen.gif') right 7px no-repeat; font-size: 1.2em; font-weight: bold; }
div#headerStraplineRight h2 a { color:#8DC63F !important; }
div#headerStraplineRight img {float:right;margin:0px 10px 0px 5px;}
/*div#headerStraplineRight a , div#headerStraplineRight a:link , div#headerStraplineRight a:hover , div#headerStraplineRight a:active , div#headerStraplineRight a:visited {color:#8DC63F; font-size:1.7em;}*/

div#leftColumn {width:185px; float:left;text-align:left;}

ul.nav { margin:0px; width:185px; overflow: hidden; background-color:#F8F8F8;}
ul.nav li a{padding:1px 5px 1px 10px; padding: 0.25em 0.5em 0.25em 0.5em; font-weight:bold; color:#8DC63F; font-size:1.2em; float: none !important; float: left; width: 100%; display:block;}
ul.nav li a:hover { background: #FFFFFF; }
ul.nav li.active {}
ul.nav li.active a{color:#009966;}
ul.nav li.active ul li a{padding:1px 5px 1px 20px;font-weight:normal;font-size:1em; font-weight:bold;color:#8DC63F;}
ul.nav li.active ul li.active a{color:#009966;}

ul.nav li span {margin:0px;padding:0px; display:block;}

div#leftColumnSearch {margin-top:5px;padding:10px 10px;border-top:solid 1px #ffffff;}
div#leftColumnSearch h3 {font-size:1.1em;font-weight:bold;}

div#bodyContent { padding: 1em; }
div#bodyContent h1 { margin: 0 0 0.5em 0; }


div#mainContent{}
div#mainContent{margin-left:191px !important;margin-left:0px; width:574px; text-align:left;}


div#mainContent a , div#mainContent a:link , div#mainContent a:hover , div#mainContent a:active , div#mainContent a:visited { text-decoration:underline; font-weight:normal;color:#000000;}
div#mainContent h1{font-size:1.9em;color:#8DC63F;}
div#mainContent h2{font-size:1.3em;color:#8DC63F;font-weight:bold;}
div#mainContent h3{font-size:1.1em;color:#8DC63F;font-weight:bold;}
div#mainContent ul {margin:0px 0px 0px 30px; list-style-type:disc;}
div#mainContent ol {margin:0px 0px 0px 30px; }

div#mainContent .imgleft{padding-right:10px;}
div#mainContent .imgright{padding-left:10px;}

div#mainContent .banner {height:80px;color:#ffffff;font-size:2.1em; line-height:100%; overflow: hidden;}
div#mainContent .banner .bannerText {margin:27px 10px;display: block;}
div#footer {clear:both; text-align:right; margin:10px 0px 10px 0px; color:#009966; padding-top: 5px; border-top:solid #8DC63F 1px;}
div#footer p{padding:0px; margin:0px;}

div#homepage {color:#ffffff; width: 100%; overflow: hidden;}
div#homepage h1 ,div#homepage h2 , div#homepage h3{color:#ffffff;}

div#homepageBottom { clear: both; width: 100%; overflow: hidden; height:196px; }

div#homepageTopLeft , div#homepageTopMiddle , div#homepageBottomLeft , div#homepageBottomRight {height:190px;background-color:#8DC63F;}
div#homepageTopRightTop , div#homepageTopRightBottom {height:92px;background-color:#8DC63F;}
div#homepageTopRightBottom p { position: relative; top: 0 !important; top: 5px; }


div#homepageTopLeft {margin-right:6px; width:187px; float:left; background-color:#009966;}
*html .latest-news {padding:10px 10px 5px 10px !important;}
div#homepageTopMiddle { width:187px; float:left;}
div#homepageTopRight {margin-left:6px; width:188px;float:left;}
div#homepageTopRightTop {margin-bottom:6px;width:188px;}
div#homepageTopRightBottom {width:188px;background-color: #009966}

div#homepageTopRightTop a , div#homepageTopRightBottom a{color:#ffffff !important;}


div#homepageTopRightTop div , div#homepageTopRightBottom div {padding:10px;}

div#homepageBottomLeft {width:187px; width:185px;float:left;margin-top:6px;}
div#homepageBottomRight {margin-left:8px !important;margin-left:6px;width:381px;margin-right:-10px;float:left;margin-top:6px;}

#homepageBottomRight img {float:left;}
#homepageBottomRight div {float:left;margin:20px 10px;width:170px;}
#homepageBottomRight form #postcode { width: 6.9em; border: 1px solid #7FC31C; vertical-align: bottom; }
#homepageTopRightTop p , div#homepageTopRightBottom p {padding:0px;margin:0px;}
#homepageTopRightBottom .sIFR-replaced { margin: 0 !important; margin: 0 0 -5px 0;}

.homepageButton {cursor:pointer;position:relative;top:6px;background: url(../images/arrow.jpg) no-repeat #8DC63F right; border:solid black 0px; color:#ffffff; font-weight:bold;padding:5px 18px 7px 0px; cursor:hand;}

#homepageTopLeft div { padding:10px; }
#homepageTopLeft div ul{ padding:0px; margin:10px 0px 0px 0px; list-style-type:none; }
#homepageTopLeft div ul li { width: 100%; clear:both; margin:0px 0px 10px 0px !important; margin:0px 0px 10px 0px; display:block; overflow:hidden; }
#homepageTopLeft div.latest-news { padding: 5px 10px !important; }
#homepageTopLeft ul span { display: block; }

#homepageTopLeft div ul li img{ float:left; border:solid #ffffff 1px; margin-right:10px; }
#homepageTopLeft a , #homepageTopLeft a:link , #homepageTopLeft a:hover , #homepageTopLeft a:active , #homepageTopLeft a:visited  { color:#ffffff !important; text-decoration:none !important;  }
#homepageTopLeft a:hover {text-decoration:underline !important;}
#homepageTopLeft p { margin: 0; }

/*Authorities*/
#authorityListLeft { width:400px; overflow: hidden; float:left;}
#authorityListRight { margin-left:400px;}
#authorityListRight div { color:#8DC63F; font-size:1.3em; padding:0px 0px 0px 15px;}

/*#authorityLeft { width:400px;float:left;}
#authorityRight { width:174px; margin-left:400px;}
#authorityRight div { color:#8DC63F; font-size:1.3em; padding:0px 0px 0px 15px;}
#authorityRight ul#OtherOrganisations {margin-bottom:20px;}
#authorityRight ul#Authority { list-style-type:none;}*/

input.standard {color: #FFFFFF; font-family: Verdana; font-size: 100%; background-color: #8DC63F; background-image: none; padding: 2px 1px 2px 2px;	font-weight: bold; border: none;}

#contactUs { float: left; width: 100%; }
#contactUs div label {width:110px; display:block;float:left; font-weight:bold;}
#contactUs div {clear:both;margin-bottom:5px;}
.highlight {color:red; background-color:#ffffff;}

#maincontentLeft { width:350px;float:left;}
#maincontentRight { width:199px; margin-left:350px;}
#maincontentRight div { color:#8DC63F; font-size:1.3em; padding:0px 0px 0px 15px;}
#maincontentRight ul li { padding-bottom:5px;}

#bodyContent #maincontentLeft .address ul { padding: 0; margin: 0;}
#bodyContent #maincontentLeft .address ul li { list-style: none; padding: 0; margin: 0;}
#maincontentLeft .title {color:#8DC63F; font-size:1.3em; padding:0;}

#authorityLeft { width:325px;float:left;}
#authorityRight { width:224px; margin-left:325px;}
#authorityRight div { color:#8DC63F; font-size:1.3em; padding:10px 0px 5px 15px;}
#authorityRight ul li { padding: 0 0 5px 0;}

#maincontentRight ul#OtherOrganisations {margin-bottom:20px;}
#authorityRight ul#Authority { list-style-type:none; padding: 0; margin: 0 0 0 14px;}
#authorityRight ul#Authority a { font-size: 0.8em;}
#linksList {margin-top:20px;}
#linksList div {margin-top:20px;}
#linksList ul li { padding-bottom:5px;}

#pagination {margin:10px 0px;}
.pagination {margin:10px 0px;}

#newslist { width: 100%; overflow: hidden; padding: 1.5em 0 1.5em 0;}
#newslist ul { list-style-type:none !important; width: auto !important; float: left; width: 100%; padding: 0; margin: 0 !important;}
#newslist ul li  {clear:both; margin-bottom:20px; margin: 0 0 20px 30px; }
#newslist ul li div{margin-top:5px;}
#newslist ul li div img {float:left; border:solid #8DC63F 1px; margin-right:10px;}

.cardListDropdown {background-color:#8DC63F;padding:5px; margin-top:5px;margin-bottom: 15px;}
img.cardlist {border:solid #000000 1px;}
img.cardlist input {background-color:#8DC63F !important;border:solid #000000 1px;}

#eCard {padding:10px;}
#eCard a{padding:10px;}
#eCardSend div.label { display: block; float: none; width: 100%; font-weight: bold; }

.arrowRight, .arrowRightAlt {
	margin: 2em 0 0 0;
	display: block;
	float: right;
	width: 27px;
	height: 31px;
	background: url('../images/arrow.jpg') top left no-repeat;
	overflow: hidden;
	text-indent: -99999px;
}
.arrowRightAlt {
	margin: 2em 0 0 0;
	background: url('../images/arrow4.jpg') top left no-repeat;
}