/* -------- Counsel & Care - Screen CSS ------------------- */
/* -------- Created 24/07/2010 ----------- */


/* --------------------------------------------- Reset --------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ul,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}
table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* Functional additions - can be removed on live site */
pre { font-size:1.4em; }


/* --------------------------------------------- CORE --------------------------------------------- */
body {
	padding:20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.625em;
	background:#fff;
	color:#000;
}

a 			{text-decoration:underline;}
a:link    	{color:#39c;}
a:visited 	{color:#c39;}
a:hover   	{text-decoration:none;}
a:active  	{position:relative;top:1px;color:#f03;}

#content ul {margin:0px; padding:0 0 0 16px; list-style:disc outside;padding-bottom:1.45em;}
#content ol {margin:0px; padding:0 0 0 21px; list-style:decimal outside;padding-bottom:1.45em;}
#content ul li, #content ol li {font-size:1.4em;line-height:1.45em;padding-bottom:0;}

p, .message {font-size:1.4em;line-height:1.45em;padding-bottom:1.45em;}

.message {color:#f00;}

h1 {font-family:Georgia, Cambria, serif;font-size:2.8em;color:#f93;}
h2 {font-family:Georgia, Cambria, serif;font-size:2.2em;color:#000;}
h3 {font-family:Georgia, Cambria, serif;font-size:1.6em;color:#fff;}

strong {font-weight:bold;}
em {font-style:italic;}

/* Misc classes */
.clearfix {position:static;display:block;clear:both;float:none!important;}

/* Color list */
.blue {color:#39c;}
.orange {color:#f93;}
.pink {color:#c39;}
.green {color:#9c3;}
.red {color:#f03;}

.darkgrey {color:#999999;}
.lightgrey {color:#efefef;}

#mainContain {width:970px;margin:0 auto;}


/* --------------------------------------------- HEADER --------------------------------------------- */
/* .styleswitch {height:22px; width:18px; display:inline-block;} */

#headerWrap {width:970px;}

#logo {float:left;width:250px;height:72px;}
#logo a {top:0;}
#logo img {width:250px;height:72px;}

#accessWrap {float:right;width:300px;padding:0 10px;font-family:Georgia, Cambria, serif;}
#accessWrap p {float:right;padding:5px 5px 0 0;font-size:16px;}
#accessWrap div {float:right;}
#accessWrap div a img {position:relative;top:4px;}

#searchBox {float:right;font-family:Georgia, Cambria, serif; width:236px;}
#searchBox input#Search {width:151px;margin-right:3px;border:2px solid #39c;font:1.4em Georgia, Cambria, serif;}
#searchBox input#Go {position:relative; background:url(../images/form-elements/btnSearch.gif); border:0; width:72px; height:23px; top:1px;}

#adviceBox {float:right;clear:right;width:510px;padding:5px 0 20px 0;font-family:Georgia, Cambria, serif;}
#adviceBox p {float:left;font-size:26px;padding:3px 10px 0 0;text-align:right;}
#adviceBox div#bloglink {
	float:left;
	margin-left: 10px;
	margin-right: 9px;
}
#adviceBox div#telnum {
	float:left;
	width:195px;
	height:40px;
	padding:5px 0 0 0;
	background:url(../images/adviceline-bg.gif) no-repeat;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	text-align:center;
}
	

/* ---------------------------------------- TWO COLUMN (main) --------------------------------------- */
#twoColumnWrap {width:970px;}

#leftNav {float:left;width:250px;}

/* Top level nav */
#leftNav ul {padding-bottom:17px; }
#leftNav ul li {display:block;border-bottom:1px solid #666;font:1.6em Georgia, Cambria, serif;}
#leftNav ul li:last-child {border:none;}
#leftNav ul li a {
	display:block;
	padding:7px 10px;
	color:#000;
	text-decoration:none;
	background:url(../images/arrow.gif) 235px no-repeat #fff;
}
#leftNav ul li a:hover {background:url(../images/arrow.gif) 235px no-repeat #efefef;text-decoration:none;}	
#leftNav ul li a.current {background:url(../images/arrow.gif) 235px no-repeat #fff;color:#39c;}

/* 2nd level nav */
#leftNav ul li ul {padding-bottom:17px; display:none;}
#leftNav ul li.current ul {display:block;}
#leftNav ul li ul li {border:none;font-size:0.8em;color:#f93;background:url(../images/bullet.gif) 10px center no-repeat;}
#leftNav ul li ul li a {padding:4px 0 3px 20px;text-decoration:none;background:none;color:#666;}
#leftNav ul li ul li a:hover {background:none;text-decoration:underline;}	
#leftNav ul li ul li a.current {background:none;color:#39c;}

.btnDonate {padding-bottom:17px;}
.btnDonate a {display:block;height:55px;line-height:0;outline:none;}

.btnShop {padding-bottom:10px;}
.btnShop a {display:block;height:45px;line-height:0;outline:none;}	

#rightContent {position:relative;float:left;width:680px;padding:10px 0 0 40px;}

.bannerWrap {width:680px;height:453px;}
.bannerWrap h1 {position:relative;top:418px;color:#fff;text-align:center;font-size:17px;}

#blueBanner {background:url(../images/banners/blue.jpg) no-repeat;}
#pinkBanner {background:url(../images/banners/pink.jpg) no-repeat;}
#greenBanner {background:url(../images/banners/green.jpg) no-repeat;}
#redBanner {background:url(../images/banners/red.jpg) no-repeat;}
#orangeBanner {background:url(../images/banners/orange.jpg) no-repeat;}

.roundelWrap {position:absolute;z-index:10;width:197px;height:127px;top:-20px;left:20px;padding:70px 0 0 0;}
.roundelWrap h2 {color:#fff;text-align:center;font-size:24px;padding:0;}
.roundelWrap h2 a {color:#fff;text-decoration:none;}
.roundelWrap h2 a:hover {text-decoration:underline;}

#blueRoundel {background:url(../images/roundels/blue.png) no-repeat;}
#pinkRoundel {background:url(../images/roundels/pink.png) no-repeat;}
#greenRoundel {background:url(../images/roundels/green.png) no-repeat;}
#redRoundel {background:url(../images/roundels/red.png) no-repeat;}
#orangeRoundel {background:url(../images/roundels/orange.png) no-repeat;}			


/* -------------------------------------- FIVE COLUMN (buttons) ------------------------------------- */
#fiveColButtons {width:970px;padding:10px 0 20px 0;}

.fiveColBox {float:left;width:186px;margin-right:10px;background:#0C9;}
.fiveColBox:nth-child(5) {margin:0;}

.fiveColBox h3 {position:relative;z-index:10;margin:7px 7px 5px 7px;line-height:1.05em;}
.fiveColBox h3 a {display:block;padding:10px;color:#fff;text-align:center;text-decoration:none; font-size:0.9em;}
.fiveColBox h3 a:link, .fiveColBox h3 a:visited {color:#fff;cursor:pointer;}
.fiveColBox h3 a:hover {text-decoration:underline;}
.fiveColBox img {display:block;width:172px!important;height:80px!important;margin-left:7px;}
.fiveColBox p {padding:10px 7px 20px 7px; min-height:70px;}
.fiveColBox p a {text-decoration:none;}
.fiveColBox p a:hover {text-decoration:underline;}

#blueBox {background:url(../images/boxBlue-top.gif) top no-repeat;}
#blueBox p, #blueBox div {background:url(../images/boxBlue-bot.gif) bottom no-repeat;}
#blueBox h3 {background:#39c;}
#blueBox p a {color:#39c;}

#pinkBox {background:url(../images/boxPink-top.gif) top no-repeat;}
#pinkBox p, #pinkBox div {background:url(../images/boxPink-bot.gif) bottom no-repeat;}
#pinkBox h3 {background:#c39;}
#pinkBox p a {color:#c39;}

#greenBox {background:url(../images/boxGreen-top.gif) top no-repeat;}
#greenBox p, #greenBox div {background:url(../images/boxGreen-bot.gif) bottom no-repeat;}
#greenBox h3 {background:#9c3;}
#greenBox p a {color:#9c3;}

#redBox {background:url(../images/boxGrey-top.gif) top no-repeat;}
#redBox p, #redBox div {background:url(../images/boxGrey-bot.gif) bottom no-repeat;}
#redBox h3 {background:#7f7f7f;}
#redBox p a {color:#7f7f7f;}

#orangeBox {background:url(../images/boxOrange-top.gif) top no-repeat;}
#orangeBox p, #orangeBox div {background:url(../images/boxOrange-bot.gif) bottom no-repeat;}
#orangeBox h3 {background:#f93;}
#orangeBox p a {color:#f93;}

#fiveColButtonsSmall {width:970px;padding:10px 0 20px 0;}

.fiveColBoxSmall {float:left;width:186px;margin-right:10px;background:#0C9;}
.fiveColBoxSmall:nth-child(5) {margin:0;}

.fiveColBoxSmall h3 {position:relative;z-index:10;margin:7px 7px 5px 7px;}
.fiveColBoxSmall h3 a {display:block;padding:10px;color:#fff;text-align:center;text-decoration:none; font-size:0.9em;}
.fiveColBoxSmall h3 a:link, .fiveColBoxSmall h3 a:visited {color:#fff;cursor:pointer;}
.fiveColBoxSmall h3 a:hover {text-decoration:underline;}
.fiveColBoxSmall img {display:none;width:172px!important;height:80px!important;margin-left:7px;}
.fiveColBoxSmall div {height:10px;margin-bottom:-8px;position:relative;top:-8px;z-index:0; overflow:hidden; padding:0px !important; line-height:0px !important;}
.fiveColBoxSmall p span {margin-top:100px;}
.fiveColBoxSmall p a {text-decoration:none;}
.fiveColBoxSmall p a:hover {text-decoration:underline;}

#blueBoxSmall {background:url(../images/boxBlue-top.gif) top no-repeat;}
#blueBoxSmall p, #blueBoxSmall div {background:url(../images/boxBlue-bot.gif) bottom no-repeat;}
#blueBoxSmall h3 {background:#39c;}
#blueBoxSmall p a {color:#39c;}

#pinkBoxSmall {background:url(../images/boxPink-top.gif) top no-repeat;}
#pinkBoxSmall p, #pinkBoxSmall div {background:url(../images/boxPink-bot.gif) bottom no-repeat;}
#pinkBoxSmall h3 {background:#c39;}
#pinkBoxSmall p a {color:#c39;}

#greenBoxSmall {background:url(../images/boxGreen-top.gif) top no-repeat;}
#greenBoxSmall p, #greenBoxSmall div {background:url(../images/boxGreen-bot.gif) bottom no-repeat;}
#greenBoxSmall h3 {background:#9c3;}
#greenBoxSmall p a {color:#9c3;}

#redBoxSmall {background:url(../images/boxGrey-top.gif) top no-repeat;}
#redBoxSmall p, #redBoxSmall div {background:url(../images/boxGrey-bot.gif) bottom no-repeat;}
#redBoxSmall h3 {background:#7f7f7f;}
#redBoxSmall p a {color:#7f7f7f;}

#orangeBoxSmall {background:url(../images/boxOrange-top.gif) top no-repeat;}
#orangeBoxSmall p, #orangeBoxSmall div {background:url(../images/boxOrange-bot.gif) bottom no-repeat;}
#orangeBoxSmall h3 {background:#f93;}
#orangeBoxSmall p a {color:#f93;}

/* --------------------------------------------- FOOTER --------------------------------------------- */
#footerWrap {width:970px;padding:10px 0 20px 0;border-top:2px solid #000;}

#leftFooter {float:left;width:320px;}
#leftFooter p strong {font-size:1.4em;}
#leftFooter p {font-size:1.2em;padding-bottom:1em;}
#leftFooter p a {color:#000;}
#leftFooter img {display:block;float:left;margin-right:10px;}
#leftFooter img.w3c {position:relative;top:2px;}
#leftFooter img.blazelogo {float:none;display:inline;position:relative;left:3px;top:5px;}

#leftFooter span {height:0;line-height:0;}

#centerFooter {float:left;width:320px;padding-right:40px;}
#centerFooter p strong {font-size:1.4em;}
#centerFooter p {font-size:1.2em;padding-bottom:1em;line-height:1.55em;}
#centerFooter p a {color:#000;}

#rightFooter {float:left;width:290px;}
#rightFooter p strong {font-size:1.4em;}
#rightFooter p {font-size:1.2em;padding-bottom:1em;}


/* --------------------------------------------- INTERNAL PAGES --------------------------------------------- */
.internal .btnDonate {padding-bottom:20px;}

.internal #rightContent {position:relative;float:left;width:680px;padding:0 0 5px 40px;}
.internal #rightContent a {color:#39c;text-decoration:underline;}
.internal #rightContent a:hover {color:#39c;text-decoration:none;}

#crumbwrap {font-size:1.4em;padding-bottom:20px;}

#content h1, #DLcontent h1 {font-size:4.0em;padding-bottom:10px;}
#content h2, #DLcontent h2 {line-height:1.3em;padding-bottom:0.75em;}
#content h3, #DLcontent h3 {font-size:1.8em; line-height:1.3em;padding-bottom:0; color:#000;}
#content p, #DLcontent p {font-size:1.4em;}
#content img {display:block;float:right;width:214px;height:230px;margin:0 0 20px 20px;}
#DLcontent img {float:right;display:block;margin:0 0 20px 20px;}
#content p img {float:none;display:inline;width:auto!important;height:auto!important;margin:0;}
.boximages {float:none!important;display:inline!important;width:172px!important;height:80px!important;margin:0;}
#content img.bigpagetop {float:none;display:block;width:680px;height:276px;margin:0 0 20px 0;}
#content img.bigpagetop + p, #DLcontent img.bigpagetop + p {font-size:1.7em;padding-bottom:1.1em;}

#DLcontent {position:relative;}
#DLcontent p span {color:#666;}
#DLcontent p a {text-decoration:none!important;}
#DLcontent p a:hover {text-decoration:underline!important;}

.btnDownloadCentre {position:absolute;top:5px;left:320px;width:220px;height:40px;}
.btnDownloadCentre a {
	display:block;
	width:220px;height:33px;
	padding-top:7px;
	background:url(../images/btnDownloadCentre.gif) top no-repeat;
	color:#fff!important;
	text-decoration:none!important;
	text-align:center;
	font-size:2em;
	font-family:Georgia, Cambria, serif;
}
.btnDownloadCentre a:hover {background:url(../images/btnDownloadCentre.gif) bottom no-repeat;}

#paginateWrap p a, #paginateWrap p a:link, #paginateWrap p a:active {text-decoration:none!important;}
#paginateWrap p a:hover {text-decoration:underline!important;}


ul.simplePagerNav li { display:inline; border-right:1px solid black; font-size:1.2em; padding:0 6px 0 6px; }
ul.simplePagerNav li:first-child {padding-left:0;}
ul.simplePagerNav li.currentPage a { font-weight:bold; }

.fiveColBox div {position:relative;z-index:0;height:10px;top:-8px;margin-bottom:-8px;}

.orangeFade {margin:20px 0;}
.orangeFade td {
	width:214px;height:109px;
	padding:0 19px 19px 0;
	font-size:2em;line-height:1.3em;
	font-family:Georgia, Cambria, serif;
	text-align:center;
	background:url(../images/fade-box-orange.gif) left top no-repeat;
}

.orangeFade td a, .orangeFade td a:link, .orangeFade td a:active {color:#000!important;}
.orangeFade tr td:nth-child(3) {width:214px;padding-right:0;}
.orangeFade tr:nth-child(3) td {height:90px;padding-bottom:0;}

/* SITEMAP */
#siteMap ul li {font-size:14px;}

/* BLOG */
#blogMenu {width:110px; padding-left:10px; border-left:#cccccc 1px solid; float:right;}
	#blogMenu ul li {font-weight:bold; font-size:1.5em;}
	#blogMenu ul li ul li {font-weight:lighter; font-size:1.1em;}
	#blogMenu ul li ul {list-style:none; padding:0px;}
#blog {width:400px; float:left;}

/* EVENTS */
.event-body {color:#000!important;}


/* --------------------------------------------- FORM STYLES --------------------------------------------- */
#contactForm {float:left;clear:left;}
#contactForm .fieldError { color:#cc0000; }

.clearfix {padding: 0px !important;}

.leftSide, .rightSide {float:left; margin-right:10px; padding:0px !important;}
.leftSide h5, .rightSide h5, .formWide h5 {font-size:1.4em; line-height:1.6em;}
.leftSide input, .rightSide input {width:150px;}

input.checkSize {float:left;width:20px!important;}

.formWide {padding-top:20px;}
.formWide input {width:328px;}
.formWide textarea {width:332px; height:100px;}

.cform1 {height: 62px; width:155px;}

.captchaImg {float:none!important;width:160px!important;height:32px!important;margin:0!important;}

input.textField {width:332px;padding:7px;}
textarea.cform1 {width:332px;height:100px;}
textarea, .captchaText {padding:7px;}
label {font-size:1.4em;}


/* --------------------------------------------- COLORBOX --------------------------------------------- */


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}

#colorbox{}

    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff;border:1px solid #666; padding:1px;}
		#cboxLoadedContent div {background:#fff; padding:20px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:4px; top:3px;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

#cboxLoadedContent h1 {margin-left:0px;padding-bottom:0.5em;}
#cboxLoadedContent p {margin-left:0;}
#cboxLoadedContent {overflow:hidden!important;}


/* --------------------------------------------- MISC --------------------------------------------- */
.localauth {float:left!important;margin:0 20px 20px 0!important;width:auto!important;height:auto!important;}

/* DOWNLOAD BOXES */
.BlueBox, .PinkBox, .GreenBox, .GreyBox, .OrangeBox {
	display:block;
	float:left;clear:right;
	font-family:Georgia,Cambria,serif;
	font-size:1.4em;
	height:90px;
	line-height:1.3em;
	margin:0 19px 20px 0;
	padding:0 10px;
	position:relative;
	text-align:center;
	width:194px;
}

.BlueBox:nth-child(3n+3), .PinkBox:nth-child(3n+3), .GreenBox:nth-child(3n+3),
.GreyBox:nth-child(3n+3), .OrangeBox:nth-child(3n+3) {margin-right:0;}

.BlueBox {background:url(../images/fade-box-blue.gif) no-repeat scroll left top transparent;}
.PinkBox {background:url(../images/fade-box-pink.gif) no-repeat scroll left top transparent;}
.GreenBox {background:url(../images/fade-box-green.gif) no-repeat scroll left top transparent;}
.GreyBox {background:url(../images/fade-box-grey.gif) no-repeat scroll left top transparent;}
.OrangeBox {background:url(../images/fade-box-orange.gif) no-repeat scroll left top transparent;}

#content .BlueBox a, #content .PinkBox a, #content .GreenBox a, 
#content .GreyBox a, #content .OrangeBox a {display:block;width:194px;color:#000!important;text-align:center;text-decoration:none!important;}

#content .BlueBox a:hover, #content .PinkBox a:hover,
#content .GreenBox a:hover, #content .GreyBox a:hover, #content .OrangeBox a:hover,  {text-decoration:underline!important;}

/* FIXES */
table td {font-size:1.2em;line-height:1.45em; padding:5px 10px 5px 0;}

/* PAGINATION */
.simplePagerContainer {clear:both;}
.simplePagerNav {padding-bottom:10px;}
.simplePagerNav li:last-child {border:none;}

.pdf-holder a {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.143em;}
.pdfDate {display:block;position:relative;top:-20px;z-index:20;font-size:14px;color:#666;}

.pdfContent {font-size:14px;line-height:20px;padding-bottom:20px;}
.pdfContent p {font-size:1em!important;}
.pdfContent p:last-child {padding-bottom:0;margin-bottom:0;}

/* POPUP SYLES */
#mainpoparea, #mainpoparea-people {background:#ffffff;}

#mainpoparea .left {padding:0;}
#mainpoparea .right {padding:0;}

#whos-who #mainpoparea .left {padding:0;}
#whos-who #mainpoparea .right {margin-left:165px;padding:0;}
