/* Start of CMSMS style sheet 'main_style' */
/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------  
      Author: rob@webbristol.com
======================================*/

/*======================================
      HISTORY

28/08/09
- Changed body.education div#products img to remove padding and positioning

02/09/09
- changed size and margin of div.edu_prod_block
height changed to 453px from 360px
padding: changed from 0 31px to 0 30px

04/09/09
- adjusted staff profile to allow for 3 lines of text.
next/prev graphics made taller.

21/9/9
- added .small_text
- added uploads/js/query.validate.min.js
- added section: - Template: Brochure Form -
- added section: Template: Brochure Download
- added 2 templates, S-Cool Brochure download & S-Cool Brochure Form
- added images to uploads/images/brochure_images
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
- Bright Orange #f48131
- Dark Blue       #245176
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {background:#E6E7E8;}
.accessibility {display:none;}
html { font-size: 62.5%; font-family: Arial, sans-serif; }
.container p {margin-bottom:1em} /*This might need changing*/
.small_text {font-size:0.9em;}
h1, h2, h3, h4, h5, h6 {color:#245176}
h2, h3 {font-weight:normal;}
.container a:link { text-decoration: none; color: #245176; }
.container a:visited { text-decoration: none; color: #245176; }
.container a:hover { text-decoration: none; color: #f48131; }
.container a:active, .container a:focus { text-decoration: none; color: #245176;}

/*dropshadow*/
.container {
	padding:0 30px;
	background:white url(uploads/images/template/contentbg.gif) repeat-y;
}

div#maincontent li.pdf {margin-left:0; list-style-type:none; list-style-image:none; padding: 0 0 10px 20px; background:transparent url(uploads/images/template/pdf_li.gif) no-repeat scroll 0 0;}

/**************************************/
/*              Stick Footer to bottom of page       */
/**************************************/


html, body {
    height: 100%;
}
.container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative
}

div#maincontent{padding-bottom: 9.5em;}

div#footer{position: relative; margin: -7.5em auto 0 auto; width:890px;} 


/**************************************/
/*              HEADER                */
/**************************************/
div#header {
	min-height:108px;
	height:auto !important; /*ie6*/
	height:108px; /*ie6*/
	background: transparent url(uploads/images/template/backwash-logo.png) no-repeat 551px -65px;
	/*padding-bottom:30px; */
	}

div#header h1 {
	float:left;
	margin:21px 0 0 20px;
	font-size:1em;
	display:inline; /*IE6*/
}
div#header h1 a {
	display:block;
	width:224px;
	height:44px;
	text-indent:-9999em;
	background:white url(uploads/images/template/logo.gif) no-repeat;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
div#header #quicklinks {
	margin:2px 4px 0 0;
	padding:0;
	float:right;
	list-style:none;
	font-size:0.85em;
	color:#f48131;
}
div#header #quicklinks a {
	margin:0;
	padding:0 18px 0 0;
	font-weight:bold;
}

div#header #quicklinks a.home {margin:0 0 0 15px;}

div#header #quicklinks a, div#header #quicklinks a:link, div#header #quicklinks a:visited {
	color:#f48131;
}
div#header #quicklinks a:hover {
	color:#245176;
}

div#header ul#mainnav {
	margin:18px 0 0 0;
	float:left;
	width:480px;
	font-size:0.85em;
}
div#header ul#mainnav li {
	float:left;
	width:130px; /*was 160*/
	margin-left:80px;
	margin-right:20px;
	display:inline; /*IE6*/
	list-style:none;
}

div#header ul#mainnav a, div#header ul#mainnav a:link, div#header ul#mainnav a:visited {
	color:#666;
}
div#header ul#mainnav a:hover {
	color:orange;
}

/**************************************/
/*            BANNER                  */
/**************************************/
div#banner {
	clear:both;
	height:252px;
	/*background-color:blue;*/
}



/*            MAIN CONTENT            */
div#maincontent {
	overflow:auto;
	margin-top:20px;
}


/**************************************/
/*            SERVICES                */
/**************************************/

div#services {
	overflow:auto;
}

div#services a {
	margin:0 0 0.65em 0;
	font-size:1.5em;
	letter-spacing:1px;
	display:block;
	color:white;
	padding:0;
}

div#services div {
	width:220px;
	height:167px;
	float:left;
	padding:10px;
	display:inline; /*IE6*/
	overflow:hidden;
	background:orange url(uploads/images/template/services_background.png) no-repeat;
}

div#services div.education {margin-left:25px;}

div#services div.youth {margin-left:60px;}

div#services div.business{margin-left:60px;}

div#services p {
	color:white;
	font-size:1.2em;
	margin-bottom:0.5em;
}

div#services p img {text-align:center;}

/**************************************/
/*            HOMEPAGE ADVERT         */
/**************************************/

div#homepageadvert {
	width:240px;
	float:left;
	overflow:hidden;
	margin:34px 60px 0 25px;
	display:inline; /*IE6*/
}

/**************************************/
/*            HOMEPAGE NEWS           */
/**************************************/
div#homepagenews {
	width:530px;
	float:left;
	padding-left:10px;
	margin-top:34px;
	background:#f8f9fa url(uploads/images/template/title_background_grad.png) no-repeat left top;
}

div#homepagenews h2 {
	height:25px;
	margin:0;
	padding:5px 0 0 0;
	font-size:1.3em;
	font-weight:normal;
	color:white;
}

/**************************************/
/*               NEWS Page                                 */
/*************************************/

.news div#maincol {padding-left:0; padding-right:0; width:440px;}

/*Stop link being pushed down by paragraph margin*/ 
a.morelink {position:relative; top:-0.9em;}

div#pagetitle {
	height:94px;
	background: #dbdfe8 url(uploads/images/template/pagetitle_background.jpg) no-repeat;
}

div#pagetitle h1 {
	margin:0;
	padding:33px 0 0 75px;
}

p.news_sidebar_headline {
	line-height:1.4em;
	background: transparent url(uploads/images/template/arrow_icon.gif) no-repeat left 4px;
	padding-left:10px;
}

p.date {margin-bottom:0.5em;}

.NewsSummarySummary{font-weight:bold;}

/*Set main news story to hidden. Clicking link will reveal...*/
.NewsSummaryContent {display:none;}

div#sidecol #newsalso, div#sidecol #newsarchive {
	margin-bottom:20px;
	border-bottom: 2px solid #245176;
}

div#maincol .NewsSummary {
	background-color:#f8f9fa;
	margin-bottom:1em;
}

div#maincol .fullstory  {
	background-color:#f8f9fa;
	margin-bottom:1em;
	margin-right:1em;
	padding-bottom:1em;
}

div#maincol .newsstory {
	margin-left:6px;
	margin-right:1em;
}

.news div#maincol h2 {
	color:white;
	margin:0 0 10px 0;
	padding: 4px 0 5px 5px;
	min-height:20px;
	background: #255175 url(uploads/images/template/news_heading.jpg) repeat-x;
	width:auto;
}

.news div#sidecol {background-color:white;}


/**************************************/
/*               2 Col Layout                                */
/*************************************/
div#maincol {
	width: 425px;
	float: left;
	margin-right:125px;
	margin-left:70px;
	padding-left:5px;
	padding-right:10px;
	display:inline; /*IE6*/
}

div#sidecol {
	width:212px;
	padding-left:8px;
	float:left;
	background-color:#f8f9fa;
	overflow:hidden;
}

div#maincol h2 {
	color:white;
	margin:0 0 10px -5px;
	padding: 4px 0 5px 5px;
	min-height:20px;
	background: #255175 url(uploads/images/template/news_heading.jpg) repeat-x;
	width:435px;
}

div#maincol h4 {font-weight:normal;}

div#maincol ul, div#sidecol ul {margin-left:3px;}

div#sidecol h3, div#sidecol h4 {
	font-size:1.1em;
	font-weight:bold;
	text-transform: uppercase;
	margin:0 0 10px -8px; 
	padding: 7px 0 3px 8px;
	min-height:19px;
	/*height:18px;*/
	color:white;
	background: #255175 url(uploads/images/template/news_heading.jpg) no-repeat;
}

div#sidecol h3 {
	background: #255175 url(uploads/images/template/sidebar_top.jpg) no-repeat;
}

div#sidecol ul, div#sidecol ol, div#sidecol p {margin-right:3px;}

div#maincol li, div#sidecol li {list-style-image:url(uploads/images/template/arrow_icon.gif);}


/**************************************/
/*               FOOTER                                      */
/*************************************/
div#footer{
	clear:left;
	/*margin-top:40px;
	margin-right:24px;
	height:60px;*/
	font-size:0.9em;
}

div#footer ul {float:left; margin-right:10px; margin-top:30px; display:inline;/*IE6*/}

div#footer p {float:left; margin-top:40px;/*was 10*/ display:inline;/*IE6*/}
div#footer img {float:right; padding-right:20px; display:inline;/*IE6*/}

div#footer li {
	float:left;
	list-style:none;
	margin-right:10px;
	margin-top:10px;
	display:inline;/*IE6*/
}

div#footer a {
	color:black;
	text-decoration:underline;
}


/**************************************/
/*               BIGLINK              */
/**************************************/

/* Put a border around the newly clickable element */
		/* rollover style for clickable element */
		.hover {
			border-color: #aaf;
			cursor: pointer;
			background-color: #cdF;
			}

/**************************************/
/*               EDUCATION TEMPLATE                */
/************************************/
div#intro {margin-left:40px;}

div.edu_block {margin-left:40px; margin-bottom:20px; float:left; width:390px; display:inline; /*IE6*/}

div#products {clear:left; overflow:auto;}

div.edu_prod_block {
	width:368px;
	height:453px;/* 360px;*/
	float:left;
	margin:0 0 10px 10px;
        display:inline; /*IE6*/
	padding:0 30px;
	background-color:#DCDFE8;
}

body.education div#products img {padding:0 0 8px 0; display:inline;}/*was 0 0 8 40*/
body.education div#products a img {padding:0 5px 0 0;}
body.education div#products h4 {font-weight:normal;}
body.education div#maincontent h3 {margin-top:0;}
body.education div#maincontent ul {margin-left:5px;}
body.education div#pagetitle {padding-left:40px;}
body.education div#pagetitle h1 {padding-left:0; padding-bottom:5px; padding-top:20px;}

/**************************************/
/*               2 Col Old Layout TEMPLATE         */
/************************************/

body.old_2_col div#pagetitle {padding-left:40px;}
body.old_2_col div#pagetitle h1 {padding-left:0; padding-bottom:5px; padding-top:20px;}
body.old_2_col div#maincontent h3, body.old_2_col div#maincontent h4 {margin-top:0; color:#245176; background:none;}
body.old_2_col div#maincontent ul {margin-left:5px;}
body.old_2_col div#maincol {margin-left:40px; margin-right:20px; padding-left:0; width:500px;}
body.old_2_col div#sidecol {width:225px; padding:20px 30px;  background-color:#DCDFE8;}

body.old_2_col div#sidecol2 {float:left; width:285px; padding:20px 0; overflow:hidden;}

/**************************************/
/*               1 Col Old Layout TEMPLATE         */
/************************************/

body.old_1_col div#pagetitle {padding-left:40px;}
body.old_1_col div#pagetitle h1 {padding-left:0; padding-bottom:5px; padding-top:20px;}
body.old_1_col div#maincontent h3, body.old_1_col div#maincontent h4 {margin-top:0; color:#245176; background:none;}
body.old_1_col div#maincontent ul {margin-left:5px;}
body.old_1_col div#maincol {margin-left:40px; margin-right:20px; padding-left:0; width:800px;}

/**************************************/
/*                  Contact TEMPLATE                   */
/************************************/
body.contact div#pagetitle {padding-left:40px;}
body.contact div#pagetitle h1 {padding-left:0; padding-bottom:5px; padding-top:20px;}
body.contact div#maincol {width:297px; height:194px; margin: 0 20px 20px 20px; background-color:#DCDFE8; padding:20px 30px;}
body.contact div#map_canvas {float:left; width:470px; height:234px; background-color:red;}

body.contact div#bottom_block {clear:left; margin:0 20px; background-color:#DCDFE8; padding:20px 30px;}

/**************************************/
/*        STAFF PROFILES TEMPLATE                */
/************************************/

body.staffprofiles div#maincol {
width:765px;
margin-right:0;
padding:45px 5px 25px 15px;
border-bottom: 2px solid #245176;
background: #f8f9fa url(uploads/images/template/grad_bar_big.jpg) no-repeat 0 top;
}

body.staffprofiles div#maincol div#sliderwrapper {float:left;}

body.staffprofiles div#maincol li {
	width:148px;
	height:235px; /*was 219*/
	margin:0 26px;
	display:inline;
	padding: 19px 0 0 28px;
	background:#255175 url(uploads/images/template/frame.jpg) no-repeat left top;
	cursor:pointer;
       list-style-type:none;
       list-style-image:none;
}

body.staffprofiles div#maincol li .prf_name{display:block; margin-top:30px;}
body.staffprofiles div#maincol li a {color:white; padding:0; position:static;/*It really hurt to find this bug*/}

body.staffprofiles div#maincol li img {width:116px; height:145px; display:block;}

body.staffprofiles div#maincol li p, body.staffprofiles div#maincol h2 {display:none;}

body.staffprofiles div#maincol a.prev, body.staffprofiles div#maincol a.next {
float:left;
margin:0;
padding:0;
width: 32px;
height: 254px; /*was238*/
border:none;
outline:none;
text-indent:-9999em;
}

body.staffprofiles div#maincol a.prev {background: white url(uploads/images/template/slider_back.gif) no-repeat left 0;}

body.staffprofiles div#maincol a.next {background: white url(uploads/images/template/slider_more.gif) no-repeat left 0;}

body.staffprofiles div#maincol a.prev:hover, body.staffprofiles div#maincol a.next:hover {background-position:right 0;}

body.staffprofiles div#detailswrapper {
width:785px;
float:left;
margin-left:70px;
display:inline; /*IE6*/
}

body.staffprofiles div#profiledetails {
	width: 425px;
	float: left;
	margin-right:125px;
	padding-left:5px;
	padding-right:10px;
}

body.staffprofiles div#profiledetails h2 {
	color:white;
	margin:0 0 10px -5px;
	padding: 4px 0 5px 5px;
	min-height:20px;
	background: #255175 url(uploads/images/template/news_heading.jpg) repeat-x;
}

body.staffprofiles div#profiledetails a {display:none;}

body.staffprofiles div#detailswrapper {margin-top:20px;}

/*stop load flicker*/

body.staffprofiles div#profiles {
    position: relative;
    visibility: hidden;
    left: -5000px;
}

/* **** Template: Brochure Form ********   */
.brochure_form div#maincol {width:795px; margin:0 0 0 70px; padding:0; background-color:#f8f9fa; border-bottom:2px solid #255175; color:#2A5578;}
.brochure_form div#maincol h2 {
margin:0 0 10px;
min-height:20px;
padding:4px 0 5px 5px;
width:auto;}
.brochure_form #col1 {width:400px; margin:15px; float:left; display:inline;}
.brochure_form #col2 {width:300px; margin:15px 15px 15px 45px; float:left; display:inline;}
/* The form */
.brochure_form label {font-weight:normal;clear:left;display:block;float:left;font-weight:normal;margin-bottom:10px;width:150px;}
.brochure_form input, textarea {margin-bottom:10px; width:232px; font-family:Arial,sans-serif; font-size:100%;}
.brochure_form input.checkbox {margin-bottom:15px; margin-left:-80px;}
.brochure_form textarea {height:60px;}
.brochure_form input.submit {background-color:#f48131; color:white; border:none; font-size:1.2em;
font-weight:bold; width:auto; float:right;}
div#top_error, div#bottom_error {background-color:pink; border:1px solid red; color:red; font-size:1.2em; padding:10px; display:none;}


/* **** Template: Brochure Download ********   */
.brochure_download div#maincol {width:795px; margin:0 0 0 70px; padding:0; background-color:#f8f9fa; border-bottom:2px solid #255175;}
.brochure_download div#maincol img {display:inline;}
.brochure_download div#maincol h2 {
margin:0 0 10px;
min-height:20px;
padding:4px 0 5px 5px;
width:auto;}
.brochure_download #top_col1, .brochure_download #top_col2 {width:352px; margin:15px; float:left; display:inline;}
.brochure_download #col1, .brochure_download #col2 {width:352px; margin:28px 15px; float:left; display:inline;}
div#panel_wrap {clear:both; background-color:#DCDFE8; overflow:auto; margin:0 15px 15px 15px;}


/* Additional banner styles */
.container
{
	position:relative;
}
#banner
{
	overflow:hidden;
	position:relative;
	width:890px;
}
#bannerCover
{
	left:30px;
	position:absolute;
	top:110px;
	z-index:10;
}
.bannerItem
{
	position:absolute;
}
.findMore
{
	background-color:#265175;
	height:15px;
	padding:0px 0px 3px 3px;
	position:absolute;
	right:0px;
	top:0px;
	width:80px;
}
.findMore p
{
	margin:0;
	padding:0;
}
.findMore a
{
	color:#F48131;
}
.itemText
{
	background:url(uploads/images/home/blue.png);
	bottom:0px;
	color:#F48131;
	font-size:24px;
	font-weight:bold;
	height:72px;
	left:0px;
	line-height:32px;
	padding:5px 20px;
	position:absolute;
	width:850px;
}

/* End of 'main_style' */