@charset "utf-8";
/*Global */
* html{ margin:0px; padding:0px; }
.fleft{float:left; }
.fright{float:right; }
.clear{display:block; clear:both; position:relative; margin:0 0 5px; }
.relative{position:relative; margin:0px; padding:0px; height:auto; }
p{margin:10px 0 0 0; }
a img{border:0px; }
a{outline:none; text-decoration:none;}
ul{margin:0px; padding:0px; list-style:none; }
img.block{display:block; margin:0px; padding:0px;}
.bold {font-weight:bold;}
.right{text-align:right; }
.left{text-align:left; }
h1{font-weight:bold; font-size:18px; margin:0; padding:0px 0 5px 0; color:#000000; }
h2{font-weight:bold; font-size:18px; margin:0; padding:0; color:#000000; }
h3{font-weight:bold; font-size:12px; margin:0; padding:10px 0 0 0; color:#000000; }
div.zero{margin:0px;}
.padall{padding:10px 15px}

.table{padding:0px; border:1px solid #DFDFDF;}
.table td{text-align:left; border:1px solid #DFDFDF; }

body{font:normal 12px Arial, Helvetica, sans-serif; background:#dddddd;   color:#202020; padding:0px 0 0 0; margin:0 auto; border:none;}
hr{color:#202020; background:#202020; border:none; height:2px; margin:5px 0px; padding:0px;}
form{margin:0px; padding:0px}

#outer{ width:750px;/*mention width for IE6*/ padding:0px 16px; margin:0 auto; height:auto;  background:url(../../images/sid-background.png) top repeat-y}

#headerWrapper{position:relative; padding:0px; margin:0px; height:215px; width:750px; background:url(../../images/sid-header-shape.gif) no-repeat 0 60px}
#bodyWrapper{position:relative; margin:0px; height:auto; width:708px; padding:0 21px;}

#footerWrapper{background:url(../../images/footer.gif) no-repeat bottom; width:706px; margin:60px 0 0 0; padding:0 22px; height:auto}
#footerWrapper-other{background:url(../../images/footer-other.gif) no-repeat bottom; width:706px; margin:60px 0 0 0; padding:0 22px; height:auto}
#footerGradiant{background:url(../../images/footer-grad.png); height:19px; width:782px; margin:0 auto;}


#logo{padding:20px 0 0 55px}
#header-text{font:bold 18px Arial, Helvetica, sans-serif; padding:0 0 0 55px}
#topnav{width:650px !important; position:relative; margin:0px auto; padding:17px 0 0px 0}
#topnav ul{padding:0px; margin:0px; list-style:none}
#topnav ul li{display:block; float:left; height:85px; margin:0 5px 0 0; width:auto; overflow:hidden}
#topnav ul li.last{margin:0px}
#topnav ul li a{display:block; float:left; height:20px; line-height:20px; margin:40px 0 0 0; padding:0px 12px; text-decoration:none; color:#FFFFFF;}

#children a{background:#cd2db4}
#young a{background:#da7c21}
#parents a{background:#138635}
#early a{background:#1d939e}
#practitioner a{background:#b40b24}

#children{background /**/:url(../../images/childrens-area-splat.png) no-repeat 0 90px;}
#young{background /**/:url(../../images/young-persons-splat.png) no-repeat 0 90px;}
#parents{background /**/:url(../../images/parents-carers-splat.png) no-repeat 0 90px;}
#early{background /**/:url(../../images/early-support-splat.png) no-repeat 0 90px;}
#practitioner{background /**/:url(../../images/practitioner-area-splat.png) no-repeat 0 90px;}

#crn #children, #children:hover{background:url(../../images/childrens-area-splat.png) no-repeat}
#yng #young, #young:hover{background:url(../../images/young-persons-splat.png) no-repeat}
#pnt #parents, #parents:hover{background:url(../../images/parents-carers-splat.png) no-repeat}
#earl #early, #early:hover{background:url(../../images/early-support-splat.png) no-repeat}
#pnr #practitioner, #practitioner:hover{background:url(../../images/practitioner-area-splat.png) no-repeat}


#header{width:auto; height:21px; padding:168px 0 0 26px;  margin:0px 0 7px 0; font-family:Arial; font-size:14px; font-weight:normal; color:#FFFFFF; position:relative;}
#crn #header{background:url(../../images/children-area-banner.jpg) no-repeat}
#yng #header{background:url(../../images/young-persons-banner.jpg) no-repeat}
#pnt #header{background:url(../../images/parents-banner.jpg) no-repeat}
#earl #header{background:url(../../images/early-support-banner.jpg) no-repeat}
#pnr #header{background:url(../../images/practitioner-banner.jpg) no-repeat}


#tab{position:relative; height:auto; margin:0px; padding:0px}
#tab a{display:block; width:200px; padding:4px 0 4px 25px; margin:0 0 0px 0;  background:#707070; color:#ffffff}

.allcell{position:relative; height:auto; margin:0px 0 25px 0; padding:0px 0 20px 0; background:url(../../images/dot.gif) left bottom repeat-x; font-size:12px; font-family:Arial;  color:#202020}
.title{float:left; margin:0 50px 0 0; padding:3px 0 0 0;font-weight:bold; }
.loaction{float:left; margin:0 0px 0 0; padding:3px 0 0 0;font-weight:bold;}
.topcell{position:relative; height:auto; margin:0px; padding:0px}
.celltext{margin:0 0 0 30px; position:relative; }
.celltext ul {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:1em;
	padding-left:1em;
}

.celltext address {
	font-style:normal;
	font-weight:bold;
}
.box{float:left; height:20px; width:20px; margin:0 10px 0 0; }
.more{position:absolute; right:0px; z-index:3; font-size:11px; font-family:Arial; bottom:0px; color:#FFFFFF; padding:4px 8px; text-transform:uppercase}

#crn #tab a:hover, #crn .box, #crn .more{background:#cd2db4;}
#yng #tab a:hover, #yng .box, #yng .more{background:#da7c21}
#pnt #tab a:hover, #pnt .box, #pnt .more{background:#138635;}
#earl #tab a:hover, #earl .box, #earl .more{background:#1d939e;}
#pnr #tab a:hover, #pnr .box, #pnr .more{background:#b40b24;}



#leftCol{float:left; width:202px; position:relative; padding:0px; margin:0px; overflow:hidden;}
#rightcol{float:right; width:492px; position:relative; padding:0; margin:0 0 0 0;}

.topmenu{background:#202020; height:24px; width:489px; margin:0 0 10px 0; padding:3px 0 0 3px; position:relative}
.topmenu ul{margin:0px; padding:0px; list-style:none}
.topmenu ul li{display:block; float:left; margin:0 10px 0 0}
.topmenu ul li.last{margin:0px}
.topmenu ul li a{display:block; float:left;text-decoration:none; color:#FFFFFF; padding:3px 24px}
.topmenu ul li a:hover{background:#707070;}
.topmenu ul li a.active{background:#707070;}

#imgHome{width:auto; height:267px; font-size:16px; font-weight:bold; color:#FFFFFF; position:relative; margin:0px 0 15px 0; background:url(../../images/directory-image-navigation.jpg) no-repeat}
#imgHome a{color:#FFFFFF;text-decoration:none;position:absolute;}
#imgHome a:hover{text-decoration:underline;}

#childrens-area{left: 15px;top: 17px;}
#practitioner-area{left: 385px;top: 17px; text-align:right}
#youngs-persons{left: 15px;top: 210px;}
#early-supports{left: 200px;top: 215px; text-align:center}
#carers-area{left: 385px;top: 210px; text-align:right}


#bodytext{padding:0 17px; text-align:justify; line-height:18px}
#text{padding:0px; text-align:justify; line-height:18px; width:492px}

.footerimg{float:left; margin:0 0 0 17px}
#rtfooter{background:url(../../images/bottom-border.jpg) top repeat-y; float:right; position:relative; margin:0px; padding:10px 0 15px 0; width:492px; height:auto; border-top:2px solid #909090}
#ftimages{position:relative; margin:0px; padding:0px; height:auto}
#leftft{position: absolute;}
#googleSearch{background:#000000; color:#FFFFFF; border:none; height:auto; padding:2px 2px 2px 2px; width:200px;}
#googleSearch .input{border:none; background:#F5F4F3; color:#999999; width:150px; padding:0 0 0 6px}
#googleSearch .submit{background:url(../../images/go.jpg) no-repeat; text-align:left; width:30px; height:17px; margin:0px; border:none; cursor:pointer}
#googleSearch .jq-active{background:#ffffff; color:#350049}

#nav-left, #events{position:relative; margin:15px 0 0 0;}
#nav-left ul{margin:0px; padding:0px; list-style:none}
#nav-left ul li{display:block}
#nav-left ul li a{display:block; height:15px; width:187px; overflow:hidden; margin:10px 0 0 0; padding:0 0 0 15px; text-decoration:none; color:#4b4b4b; background:url(../../images/selector.jpg) no-repeat -9px 0}
#nav-left ul li a:hover{ background:url(../../images/selector.jpg) no-repeat left; margin:10px 0 0 0;}
#nav-left ul li a.active{ background:url(../../images/selector.jpg) no-repeat left; margin:10px 0 0 0;}

#events ul{margin:0px; padding:0px; list-style:none}
#events ul li{display:block; font-size:12px; color:#202020;width:185px; padding:0 0 0 17px; margin:0px 0 25px 0;}
#events ul li.first{margin:10px 0 25px 0}
#events ul li.last{margin:0px}
#events ul li a{margin:0; font-size:11px; position:relative; text-decoration:underline; color:#202020; }
#events u{margin:0; font-size:11px; color:#202020; }

.childrens{background:url(../../images/childrens-arrow.gif) no-repeat left top;}
.paractitioner{background:url(../../images/paractitioner-arrow.gif) no-repeat left top}
.early-support{background:url(../../images/early-support-arrow.gif) no-repeat left top}
.young-persons{background:url(../../images/young-persons-arrow.gif) no-repeat left top}
.parents-carers{background:url(../../images/parents-carers-arrow.gif) no-repeat left top}

.childrens a:hover, .childrens .box, .childrens .more{background:#cd2db4;}
.young-persons a:hover, .young-persons .box, .young-persons .more{background:#da7c21}
.parents-carers a:hover, .parents-carers .box, .parents-carers .more{background:#138635;color:#fff !important;}
.early-support a:hover, .early-support .box, .early-support .more{background:#1d939e;}
.paractitioner a:hover, .paractitioner .box, .paractitioner .more{background:#b40b24;}

.backtotop{display:block; position:absolute; top:0; right:0; color:#000000}
#footertext{height:24px; padding:40px 0 0 0; font-size:10px; color:#FFFFFF}

#footerlink{float:right;  position:relative; width:auto}
#footerlink ul{margin:0px; padding:0px; list-style:none}
#footerlink ul li{display:inline;}
#footerlink ul li a{text-decoration:none; color:#ffffff; padding:0; margin:0 16px 0 0;}
#footerlink ul li a:hover{color:#FFFFFF; text-decoration:underline;}
#footerlink ul li a.last{border:none; margin-right:0px;}

#copy{height:24px; padding:40px 0 0 0; font-size:10px; color:#FFFFFF}

.block{position:relative; border:5px solid #e6e6e6; height:auto; padding:50px 13px 8px 25px; margin:40px 0 0 0; clear:both}
.block1{position:relative; border:5px solid #e6e6e6; height:auto; padding:25px 13px 8px 25px; margin:40px 0 0 0; clear:both}
.block1 p{ margin:0 0 10px 0; font-weight:bold}


.consultation{position:absolute; left: -15px; top: -32px;}
#context label{padding:0px 10px 5px 5px;}
#context .input{border:2px solid #b5b5b5; background:#e3e3e3; font-size:11px; width:150px}
#context textarea{border:2px solid #b5b5b5; background:#e3e3e3; font-size:11px; width:348px; height:100px}
#context .act{border:2px solid #025887; background:#f6f7f7;}
#context div{margin:10px 0 0 0}
#context .submit{background:url(../../images/submit.gif) no-repeat; text-align:left; width:102px; height:24px; margin:0px; border:none; cursor:pointer}
#context .submit-over{background:url(../../images/submit-over.gif) no-repeat; }

/*#context .submit:hover{background:url(../../images/submit-over.gif) no-repeat; }*/

#submit{padding:5px 50px 5px 0; text-align:right}

.googlemap{float:left;  background:url(../../images/google-map-idle.gif) no-repeat; width:240px; height:69px; padding:150px 0 0 0;cursor:pointer;text-align:center; font-size:14px; font-weight:bold;}
.googlemap-over{ background:url(../../images/google-map-active.gif) no-repeat; color:#FF0000}

.accessible{float:left; background:url(../../images/accessible-map-idle.gif) no-repeat; width:240px; height:69px; padding:150px 0 0 0; margin:0 0 0 6px;text-align:center; font-size:14px; font-weight:bold; cursor:pointer;}
.accessible-over{ background:url(../../images/accessible-map-active.gif) no-repeat; color:#FF0000 }

.googlemap a, .accessible a{ text-decoration:none; color:#202020}
.googlemap a:hover, .accessible a:hover{ text-decoration:none; color:#FF0000}

#faq{padding:0px; text-align:justify; line-height:18px; width:492px}
#faq ul{padding-left:1em; margin-left:1em; list-style-position:outside; list-style-type:disc; }
.question{position:relative; border:5px solid #e6e6e6; height:auto;  padding:50px 13px 8px 13px; margin:40px 0 0 0; clear:both}

.act{background:#FFCC99;}
.q{font-weight:bold; margin:5px 0 0 0}
.a{ background:#F4F4F4; padding:10px; margin:0px; border:1px solid #999999 }
.q:hover{background:#FFCC99;}

/*
.blob{width:142px; padding:75px 0 0 0; float:left; margin:0 10px 0 0}
.blob a{display:block; text-align:center; font-size:16px; background:#8ec8e8; color:#FFFFFF; padding:5px 0; font-weight:bold}

.cbbc{background:url(../../images/cbbc-idle-img.gif) no-repeat top;}
.cbbc-over{background:url(../../images/cbbc-active-img.gif) no-repeat top;}

.nasa{background:url(../../images/nasa-idle-img.gif) no-repeat top;}
.nasa-over{background:url(../../images/nasa-active-img.gif) no-repeat top;}

.citv{background:url(../../images/citv-idle-img.gif) no-repeat top;}
.citv-over{background:url(../../images/citv-active-img.gif) no-repeat top;}

.kidz{background:url(../../images/kidz-idle-img.gif) no-repeat top;}
.kidz-over{background:url(../../images/kidz-active-img.gif) no-repeat top;}
*/

.blob{width:142px; padding:0px 0 0 0; float:left; margin:0 10px 0 0}

#game a{display:block;float:left; opacity:0.6; filter:alpha(opacity=60); width:142px; height:auto; text-align:center; font-size:16px; color:#FFFFFF; padding:0;  margin:0 10px 0 0; font-weight:bold}
#game a:hover{ cursor:pointer; opacity:1; filter:alpha(opacity=100);}
#game a span{margin:75px 0 0 0; display:block; padding:5px 0; background:#25678c}

.cbbc{background:url(../../images/cbbc-active-img.gif) no-repeat top; }
.cbbc:hover{background:url(../../images/cbbc-active-img.gif) no-repeat top;}

.cbbc-over{background:url(../../images/cbbc-active-img.gif) no-repeat top; cursor:pointer}

.nasa{background:url(../../images/nasa-active-img.gif) no-repeat top;}
.nasa:hover{background:url(../../images/nasa-active-img.gif) no-repeat top;}

.nasa-over{background:url(../../images/nasa-active-img.gif) no-repeat top;}

.citv{background:url(../../images/citv-idle-img.gif) no-repeat top;}
.citv:hover{background:url(../../images/citv-active-img.gif) no-repeat top;}

.citv-over{background:url(../../images/citv-active-img.gif) no-repeat top;}

.kidz{background:url(../../images/kidz-idle-img.gif) no-repeat top;}
.kidz:hover{background:url(../../images/kidz-active-img.gif) no-repeat top;}

.kidz-over{background:url(../../images/kidz-active-img.gif) no-repeat top;}

/*.box a:hover{ background:#25678c;}
.blob .bgc{background:#25678c;}*/
/*#game{padding:0px; margin:10px 0 0 0; width:492px}*/

#news{position:relative; border:5px solid #e6e6e6; height:auto;  padding:50px 0px 8px 0px; margin:40px 0 0 0; clear:both}
.inernews{background:url(../../images/dot.gif) bottom left repeat-x; clear:both; width:452px; padding:0 0 10px 0; margin:0 auto 15px auto; color:#202020}
.viewmore{ float:right}
.viewmore a{display:block; text-decoration:none; background:url(../../images/view-more-idle.gif) no-repeat; width:85px; height:21px}
.viewmore a:hover{background:url(../../images/view-more-active.gif) no-repeat;}

.back{ position: absolute; right: 0; top:0; z-index:4; }

.maphome {
	float: left;
}
#rightcol div.relative {
	padding: 0 0 5px 0;
}
.back a, .maphome a {display:block; text-decoration:none; font-weight:bold; color:#fff; background:#888 url(../../images/back-button.gif) no-repeat 0 -21px; width:64px; height:21px; text-align: center; line-height:19px;}
.back a:hover, .maphome a:hover {background:#000 url(../../images/back-button.gif) no-repeat 0 0;}

/*
.nav-page a{display:block; height:18px; width:20px; overflow:hidden; text-decoration:none; color:#FFFFFF; background-color:#339999; float:left; margin:0 5px 0 0;border:#000000 1px solid;text-align:center;vertical-align:middle;font-weight:bold}
.nav-page a:hover{background-color:#FF9900;}
.nav-page a.current{background-color:#FF6600;}
*/
.listhd{color:#6699CC;font-weight:bold;}
.linkmore{text-decoration:none;color:#FF00CC;}

.nav-page{float:right; width:auto; margin:10px 0 0 0}
.nav-page a{display:block; height:20px; width:20px; overflow:hidden; text-decoration:none; color:#FFFFFF; background-color:#999999; float:left; margin:0 5px 0 0;text-align:center;vertical-align:middle;font-weight:bold}
.nav-page a:hover{background-color:#000000;}
.nav-page a.active{background-color:#000000;}

#newsback{width:452px; margin:0 auto; padding:0 0 10px 0}

.viewback{display:block; float:right; text-decoration:none; font-weight:bold; color:#fff; background:#888 url(../../images/back-button.gif) no-repeat 0 -21px; width:64px; height:21px; text-align: center; line-height:19px;}
.viewback:hover{background:#000 url(../../images/back-button.gif) no-repeat 0 0;}
.viewmap{display:block; float:right;  text-decoration:none; background:#75b5d8; margin:0 8px 0 0; color:#FFFFFF; font-weight:bold;  height:21px; padding:0 10px; line-height:19px}
.viewmap:hover{background:#2e779f;}

fieldset {padding: 15px; font:13px sans-serif; margin:0 0 10px 0; border:1px solid #138635}/*use for Border*/
legend {padding: 3px 10px; margin:0 0 10px 0; border:1px solid #138635; font-weight:bold; color:#138635;text-align:right;}/*Block Lebel Tag*/
label {float:left;width:auto;margin-right:10px;padding-top:0.2em;text-align:left;font-weight:bold;} 
.sub{background:url(../../images/submit-over.gif); width:102px; height:26px; border:none; margin:10px 0 0 0; cursor:pointer}
.sub:hover{background:url(../../images/submit-over.gif)}

#con-text{padding:30px 17px 20px 17px; margin:20px 0 0 0; text-align:justify; line-height:18px;background:#F9F9F9; border:1px solid #CCCCCC; position:relative}

.feedback{position:absolute; left: -30px; top: -30px;}

#sitemap .major{position:relative;padding:5px 0 0 15px;}
#sitemap .minor{position:relative;padding:5px 0 0 25px;}

#practitioner-left{position:relative; margin:15px 0 0 0;border-top:#999999 1px solid;}
#practitioner-left ul{margin:0px; padding:0px; list-style:none}
#practitioner-left ul li{display:block}
#practitioner-left ul li a{display:block; height:15px; width:187px; overflow:hidden; margin:10px 0 0 0; padding:0 0 0 15px; text-decoration:none; color:#4b4b4b; background:url(../../images/selector.jpg) no-repeat -9px 0}
#practitioner-left ul li a:hover{ background:url(../../images/selector.jpg) no-repeat left; margin:10px 0 0 0;}
#practitioner-left ul li a.active{ background:url(../../images/selector.jpg) no-repeat left; margin:10px 0 0 0;}

#text label{ margin:7px 0; clear: both;}
#text input, #text select {position:relative; margin-left:5px; margin-right:10px;}

fieldset.question img.consultation {
	left: -40px;
	top: -64px;
}

dl.inline dt {
	float:left;
	clear:both;
	display:block;
	width:80px;
}

dl.inline dd {
	margin:0 0 0 80px;
	padding:0;
	display:block;
}

a.findEventsBtn {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 30px;
	line-height: 30px;
	padding: 4px;
	font-size: 16px;
	color: #fff;
	background-color: #707070;
}
a.findEventsBtn:hover {
	background-color: #202020;
}

form#frmmapsrc select {
	width: 300px;
}
#evtCats select {
	width: 150px;
}