﻿.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 0px; line-height: 0px;}

/* MASTER PAGE */
body { margin:0px; padding:0px; text-align:center; font-size:0.7em; font-family:Verdana, Arial, Sans-Serif; background-color: #0092c8;}
div.header {height: 82px; width: 800px;text-align: left;float: left;}
div.headerleft {float: left;border: solid 0px #00ffff;width: 200px;text-align: left;padding-top: 19px;padding-left: 19px;}
div.headerleft a img{border:none;}
div.headercentre {float: left; padding-left: 40px;padding-top: 19px;color: White;font-weight: bold;}
div.headerright {float: right; margin:0; padding:0; width: 231px; height:82px; background:url(../images/topbar.jpg) no-repeat top left;}

div.headerright *{margin:0; padding:0;}
div.headerright ul{width:212px; height:52px; list-style-type:none;margin:15px 0px 0px 9px;}
div.headerright ul li{display:block; float:left; margin:0; padding:0; width:53px; height:52px;}
div.headerright ul li a{display:block; width:53px; height:52px; background:none; margin:0; padding:0; }
div.headerright .headerZonesOuter .headerzone1{ margin:0; padding:0; width:53px; height:52px; background:url(../images/childrensTop.jpg) no-repeat top left;}
div.headerright .headerZonesOuter .headerzone2{ margin:0; padding:0; width:53px; height:52px; background:url(../images/youngTop.jpg) no-repeat top left;}
div.headerright .headerZonesOuter .headerzone3{ margin:0; padding:0; width:53px; height:52px; background:url(../images/parentsTop.jpg) no-repeat top left;}
div.headerright .headerZonesOuter .headerzone4{ margin:0; padding:0; width:53px; height:52px; background:url(../images/practitionerTop.jpg) no-repeat top left;}


div.content {border: solid 0px #00ff00;width: 950px;text-align: left;float: left;}
div.contentleft {padding-top: 19px; padding-left: 19px; border: solid 0px #ffff00; width: 200px; float: left; text-align: left;}
div.contentleft ul{margin: 0px 0px 0px 0px; padding:0px;}
div.contentleft a {text-decoration: none; color: #ffffff; font-weight: bold;}
div.contentleft a:hover {text-decoration: underline; }

.zoneMenu1{color: White; border: solid 1px #ffffff; list-style-type:none; padding: 3px 3px 3px 3px; background-color: #30659a;}
.zoneMenu2{color: White; border: solid 1px #ffffff; list-style-type:none; padding: 3px 3px 3px 3px; background-color: #309acf;}
.zoneMenu3{color: White; border: solid 1px #ffffff; list-style-type:none; padding: 3px 3px 3px 3px; background-color: #00928e;}
.zoneMenu4{color: White; border: solid 1px #ffffff; list-style-type:none; padding: 3px 3px 3px 3px; background-color: #9a0000;}
.leftmenulinks{color: White; border: solid 1px #ffffff; list-style-type:none; padding: 3px 3px 3px 3px; background-color: #99a7b3;}
.helpbackground {background-color: #99a7b3; padding: 5px 5px 5px 5px; border: solid 1px #ffffff;  margin-top: 10px;}
.telnumber {font-size: 1.3em; color: White; font-weight:bold;}

/* Home Page */
div.homecontentcentre {border: solid 0px #ff0000;padding-top: 19px;padding-left: 19px;float: left;width: 700px;}
div.homecontentcentre ul { width:430px; /*list-style:none;*/ margin:0em; padding:4px; }
div.homecontentcentre li { width:190px; float:left; margin:0em 0px 4px 0em; padding:0; }
div.homecontentcentre ul li a div {position: absolute; left:-9000px;}
div.homecontentcentre li a { width: 184px; height: 138px; display:block;  }
.zone1 a{background:url('../images/z1.jpg') no-repeat left bottom; padding-right: 4px;}
.zone2 a{background:url('../images/z2.jpg') no-repeat left bottom; }
.zone3 a{background:url('../images/z3.jpg') no-repeat left bottom; }
.zone4 a{background:url('../images/z4.jpg') no-repeat left bottom; }
div.contenttext {float: left;border: solid 0px #ffffff;width: 150px;color: White; padding-right: 15px;}
div.contentzones {float: left; border: solid 0px #0000ff; list-style-type:none; background-color:#ffffff; width:397px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
h1 {font-size: 1.6em; color: White;}
h1.pageTitle { font-size: 1.6em; color: #0092c8; }
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
div.contentzonetop {background:url(../images/zonesTopCurve.gif) no-repeat top left; height: 10px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}

div.contentzonebottom {background:url(../images/zonesBottomCurve.gif) no-repeat; height: 10px; border: solid 0px #000000; padding: 0; margin: 0; font-size: 0px;}

div.contentzonecentre {padding: 0px 0px 0px 11px; border: solid 0px #000000; background:none;}
.contentzonecentre .zoneouter {padding: 0; margin: 0; list-style: none; border: solid 0px #000000; width: 397px; /**/ width: 386px; /**/ }



.atoz{text-align:center; margin:20px 0px 20px 0px; padding:0px;}
.atoz ul{list-style-type:none; margin:0px; padding:0px;}
.atoz ul li{display:inline; margin:0px; padding:0px;}
.atoz ul a{color:#30659a; display:inline; padding:2px; margin:0px; background:none;}
.atoz ul a:link{background:none; color:#30659a;}
.atoz ul a:visited{background:none; color:#30659a;}
.atoz ul a:hover{background:#30659a; color:#fff;}
.atoz ul a:active{background:none; color:#30659a;}


/* Common */
.boxw {margin: 0; padding: 1.2em 0; border: solid 0px #ff0000; width:100%;}
.tlw {background: url(../images/01curve.jpg) no-repeat 0 0 #ffffff; position: relative;}
.trw {background: url(../images/02curve.jpg) no-repeat 100% 0; position: relative}
.blw {background: url(../images/03curve.jpg) no-repeat 0 100%; position: relative}
.brw {background: url(../images/04curve.jpg) no-repeat 100% 100%; position: relative; padding: 0 15px;}
div.contentbox {border: solid 0px #000000; width: 560px; text-align: left; float: left; padding-left: 19px; padding-top: 19px;}
a {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline; }
.marginTop{margin:10px 0px 0px 0px; padding:0px;}
.marginBoth{margin:10px 0px 10px 0px; padding:0px;}
.marginNone{margin:0px; padding:0px;}
.feedbackQ{margin:5px 0 20px 0;}

a.printpage:link { color: #ffffff; text-decoration: none;}
a.printpage:hover { color: #ffffff; text-decoration: underline;}
div.printpage 
{
	padding: 3px 3px 3px 3px;
	background-color: #00928e;
	border: solid 1px #ffffff;
	text-align: center;
	width: 85px;
}

/* advanced search */
.advanced-search{margin:0;}
.asearchField{margin:10px 0px 10px 0px;}
.asearchField .form-label{font-weight:bold; margin-bottom:4px; color:#0092c8;}
.asearchField .form-button{margin:0;}
.asearchFieldBottom{margin:20px 0px 0px 0px;}

/* TEXT SIZE */
.medium { font-size:1.3em; }
.large { font-size:1.6em; }
.hidden { display:none; }
.textsize {color:White; font-weight: bold;}

/* Results */
.list th a{color: White;}
.numspace{ padding: 0px 10px 0px 5px}
.rowcolor00 {background-color: #c2e5f2; padding: 3px 0px 3px 0px;}
.rowcolor01 {background-color: #e5f4f9; padding: 3px 0px 3px 0px;}
.list th{background:#0092c8; padding: 5px 0px 5px 0px;}
.listFooter td{background:#0092c8; text-align:right; font-weight:bold; color:#fff; padding: 3px 3px 3px 3px;}
.listFooter td a{color:#fff; text-decoration:none; font-weight:bold;}
.listFooter td a:link{color:#fff; text-decoration:none;}
.listFooter td a:visited{color:#fff; text-decoration:none;}
.listFooter td a:hover{color:#fff; text-decoration:underline;}
.listFooter td a:active{color:#fff; text-decoration:none;}

/* SITE MAP */
#siteMap { margin-top:10px; }
#siteMap a { color:#006CB5; font-weight:bold; text-decoration:none; }
#siteMap ul { list-style-type:disc; padding-left:2em; padding-bottom:1em; margin-left:0em; }
#siteZone1 a, #siteZone1 ul, #siteZone1 h2 { color:#30659a; }
#siteZone1 h2 { background-color:#30659a;}
#siteZone1 h2 a {color:White; padding: 3px 3px 3px 3px;}
#siteZone2 a, #siteZone2 ul, #siteZone2 h2 { color:#9a0000; }
#siteZone2 h2 { background-color:#9a0000;}
#siteZone2 h2 a {color:White; padding: 3px 3px 3px 3px;}
#siteZone3 a, #siteZone3 ul, #siteZone3 h2 { color:#309acf;}
#siteZone3 h2 { background-color:#309acf;}
#siteZone3 h2 a {color:White; padding: 3px 3px 3px 3px;}
#siteZone4 a, #siteZone4 ul, #siteZone4 h2 { color:#00928e; }
#siteZone4 h2 { background-color:#00928e;}
#siteZone4 h2 a {color:White; padding: 3px 3px 3px 3px;}

/* Category Page */
div.categorycontentcentre {width: 550px;}
div.categorycontentcentreinner {border: solid 0px #ff0000; padding-top: 0px; padding-left: 0px;}
.contentmain {width:530px; border: solid 0px #ff0000; float: left; margin-top: 8px;}
.space {padding-bottom: 5px;}
h1.results {font-size: 1.3em;}


/* Fact shet */
.contentfactsheet {border: dotted 1px #000000; width: 150px; float: right; padding: 5px 0px 5px 5px; margin-right: 15px}
.contentfactsheetheader {font-size: 1.1em; font-weight: bold; padding-bottom: 5px; padding-right: 0px;}
ul.factsheet {/*list-style:none;*/ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

/*FAQ PAGE STYLES ********************************************************************************/
.faq .questionList{list-style-type:none; margin:0 30px 0 30px; padding:0;}
.faq .questionList li{padding:5px 0 5px 15px; background:url(../images/mainSkin/squareBullet.gif) no-repeat 0 50%;}
.faq h2{font-size:120%;}
.faq a{color:#cc0000;}
.faq a:link{text-decoration:none;}
.faq a:visited{text-decoration:none;}
.faq a:hover{text-decoration:underline; color:#660000;}
.faq a:active{text-decoration:none;}
.faqTop{width:100%; text-align:right; margin:0; padding:0;}
.faqTop a{font-weight:bold; margin:0; padding:0;}
.faqBorder{border-top:solid 2px #ddd; padding-top:10px; margin-top:30px;}

/* Footer Master Page */
div.footer {border: solid 0px #000000; width: 781px; height: 100px; text-align: left; float: left; padding-left: 19px; padding-top: 19px;}
div.footerleft {float: left; text-align: left; border: solid 0px #000000;}
div.footerright {padding-top: 28px; float: right; text-align: right; color: White; border: solid 0px #000000;}
.footertextbold {font-weight:bold;}
.box {margin: 0; padding: 1.2em 0; height:70px; border: solid 0px #ff0000; width:100%;}
.tl {background: url(../images/01curveblue.jpg) no-repeat 0 0 #30659a; position: relative}
.tr {background: url(../images/02curveblue.jpg) no-repeat 100% 0; position: relative}
.bl {background: url(../images/03curveblue.jpg) no-repeat 0 100%; position: relative}
.br {background: url(../images/04curveblue.jpg) no-repeat 100% 100%; position: relative; padding: 0 15px;}
.breadcrumbTrail{color:#30659a; padding: 0px 0px 0px 0px; border: solid 0px #ff0000; position: absolute; left:256px; top:110px; z-index:1;}
.breadcrumbTrail a{color:#30659a;}
.disclaimer {width: 100%; background-color: #0092c8; border: solid 0px #666666; text-align: center; padding-bottom: 5px;}
.disclaimerinner {margin:auto; width: 95%; font-size: 70%; color:White; text-align:justify;}
.disclaimer h3 {margin: 0;}

.lbh {color: White; font-weight: bold;}

/* Contact */
.contact {float:left;}
.contact h2 {margin-top: 10px;}
.contact p {margin-top: 5px;}
.message {width: 300px; height: 150px;} 

/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; height:100%; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/********.searchform general ********/

/*.searchform { border:1px solid blue; background:#ffdfef;}
.searchform div  { border:1px solid red; }*/
.searchformoneline span { font-style:italic; color:#00ff00; padding-left:0.5em; } /* modify information text here */
.searchformoneline .hidden { display:none; }
.searchformoneline .error { font-weight:bold; color:#ff0000; }
.searchformoneline .label { font-weight:bold; float:left; padding-top:0.5em; }
.searchformoneline .control { float:left; }


/* 2 POSSIBLE STYLES FOLLOW */

/* all on one line */

.searchformoneline .label-control  { float:left; margin-right:0.5em; }
.searchformoneline .label { margin-right:0.5em; }
.searchformoneline #ctl00_QuickSearch1_ctlKeyword { width:90px; }

/***********************/


/* each label-control set on one line */

.searchformlist label 
{
	margin-right:0.5em;
}

.searchformlist .label 
{
	color:#0092C8;
	font-weight:bold; 
	padding-bottom:5px;
}

.searchformlist .label-control
{
	margin-top:10px;
}

.searchformlist input, .searchformlist select
{
	margin-right:0.5em;
}

/******************************/

/* OL Bannd */
#olbrand {text-align: left; padding-top: 20px;}
#olbrand img {border: none;}

.score {text-align: right; padding-right: 5px;}
.scorehead {text-align: right;}