/* =============================== */
/* === BODY AND MAIN CONTAINER === */
/* =============================== */


body{
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 80%;
	line-height: 150%;
}

body.Size2 {
	font-size: 100%;
}

body.Size3 {
	font-size: 120%;
}

#MainContainer{
	width: 979px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

.InnerDiv{
	margin-top: 0;  /* All sections are wrapped in these to fix ie6 magin bug */
	margin-bottom: 0;  /* All sections are wrapped in these to fix ie6 magin bug */
}




/* ====================== */
/* === Navigation Bar === */
/* ====================== */

#NavBar {
	height: 33px;
	background-image: url(/Images/Layout/NavBar_Main.jpg);
	background-repeat: repeat-x;
	background-color: #BDBEBD;
	text-align: left;
}

#NavBar div.NavBarLeft {
	height: 33px;
	background-image: url(/Images/Layout/NavBar_Left.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#NavBar div.NavBarRight {
	height: 33px;
	background-image: url(/Images/Layout/NavBar_Right.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* =============================== */
/* === BBC Style Section === */
/* =============================== */

#BBC {
	width: 235px;
	background-image: url(/Images/Layout/BBC1.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 15px;
	font-size: 90%;
	line-height: 120%;
}

#BBC ul {
	list-style-type: none;
	margin: 0px 60px 0px 0px;
	padding: 0px;
}

#BBC li {
	background-color: #260089;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
}

#BBC li {
	color: #FFFFFF;
}

#BBC li a:link, #BBC li a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#BBC li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#BBC li.Option1 {
	background-image: url(/Images/Layout/BBC1Back.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#BBC li.Option2 {
	border-top: 1px solid #FFFFFF;
}

#BBC li.Option3 {
	background-image: url(/Images/Layout/BBC3Back.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	border-top: 1px solid #FFFFFF;
}

/* =============================== */
/* === Main Content containers === */
/* =============================== */

#ContentWrapper{
	float: left;
	width: 100%;
}

#WideContentWrapper{
	float: left;
	width: 100%;
}


#ContentColumn{
	margin: 0 248px 0 248px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background-color: #FFFFFF;
}

#WideContentColumn{
	margin: 0 248px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#LeftColumn{
	float: left;
	width: 235px; /*Width of left column in pixel*/
	margin-left: -979px; /*Set margin to that of -(MainContainerWidth)*/
}

#InnerLeftColumn{
	float: left;
	width: 235px; /*Width of left column in pixel*/
}

#InnerMiddleColumn{
	width: 235px; /*Width of left column in pixel*/
	float: left;
	margin-left: 13px;
}

#InnerRightColumn{
	float: right;
	width: 235px; /*Width of right column*/
}


#RightColumn{
	float: left;
	width: 235px; /*Width of right column*/
	margin-left: -235px; /*Set left margin to -(RightColumnWidth)*/
}

/* ================================== */
/* === Divs to Contain Main Text  === */
/* ================================== */

#ContentColumn div.MainText {
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial;
	border-bottom: solid 5px #999999;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#WideContentColumn div.MainText {
	margin-left: 0px;
	margin-right: 10px;
	font-family: Arial;
	border-bottom: solid 5px #999999;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.MainText h1 {
	margin-top: 0px;
	padding-top: 0px;
	font-family: times;
	color: #97CC00;
	font-size: 200%;
	line-height: 120%;
}

.MainText h2 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Arial;
	color: #333333;
	font-size: 100%;
	line-height: 100%;
}

.MainText h3 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Arial;
	color: #333333;
	font-size: 90%;
	line-height: 100%;
}

.MainText em {
	color: #97CC00;
	font-style: normal;
}

.MainText span.Highlight {
	color: #FF0000;
}

.MainText p.Error {
	color: #FF0000;
}

#PageImage {
	float: left;
}

#PageImage a img {
	border: 0px;
}

#HasImage {
	margin-left: 248px;
}

#EndMainText {
	clear: both;
}


/* ======================== */
/* === Left Hand Column === */
/* ======================== */


.HelenImage {
	margin-top: 10px;
	float: left;
}

.HelenText {
	margin-top: 10px;
	margin-left: 88px;
	font-family: Arial;
	font-size: 90%;
}

/* =================== */
/* === Page Footer === */
/* =================== */


#PageFooter {
	clear: both;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: right;
	color: #AAAAAA;
}

#PageFooter a:link, #PageFooter a:visited {
	color: #AAAAAA;
	text-decoration: none;
}

#PageFooter a:hover {
	text-decoration: underline;
}

#PageFooter div.FooterRule {
	border-top: dotted 1px;
	color: #000000;
	margin-bottom: 5px;
}


/* =================== */
/* === PAGE HEADER === */
/* =================== */

#PageHeader {
	min-height: 76px;
	height: auto !important;
	height: 76px;
	background-image: url(/Images/Layout/HeaderGradient.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #99CB18;
}

#PageHeaderBottom {
	height: 6px;
	background-image: url(/Images/Layout/HeaderBottom.jpg);
	background-repeat: no-repeat;
}

.HeaderRule {
	height: 1px;
	background-image: url(/Images/Layout/BlackLine.jpg);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
}

#PageHeader div.HeaderImage {
	float: left;
	margin-left: 10px;
}

#PageHeader div.HeaderTextTop {
	font-size: 85%;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	padding-top: 5px;
}

#PageHeader div.HeaderTextTop a:link, #PageHeader div.HeaderTextTop a:visited {
	color: #000000;
	text-decoration: underline;
}

#PageHeader div.HeaderTextTop a:hover {
	text-decoration: underline;
}

#PageHeader div.HeaderTextTop a.Accessibility1 {
	font-size: 70%;
	padding-right: 7px;
}

#PageHeader div.HeaderTextTop a.Accessibility2 {
	font-size: 90%;
	padding-right: 7px;
}

#PageHeader div.HeaderTextTop a.Accessibility3 {
	font-size: 100%;
}

#PageHeader div.HeaderTextBottom {
	font-size: 85%;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	padding-top: 5px;
}

#PageHeader div.HeaderTextBottom input {
	border: 1px solid #000000;
}

#PageHeader div.HeaderTextBottom img {
	vertical-align: bottom;
}


/* ==================== */
/* === BOX ELEMENTS === */
/* ==================== */

.FragmentBox {
	margin-bottom: 15px;
}

.FragmentBox h2 {
	padding-top:2px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-family: times;
	font-weight: normal;
	font-size: 140%;
}

.LightBlueBoxTop {
	height: 6px;
	background-image: url(/Images/Layout/LightBlueBoxTop.jpg);
}

.LightBlueBoxHeader {
	background-color: #D4EDFA;
	padding-left: 10px;
	padding-bottom: 5px;
}

.LightBlueBoxHeader h2 {
	color: #26007E;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: times;
	font-weight: normal;
	font-size: 140%;
}

.LightBlueBoxHeader h2 a:link, .LightBlueBoxHeader h2 a:visited {
	color: #26007E;
	text-decoration: underline;
}

.LightBlueBoxHeader h2 a:hover {
	text-decoration: underline;
}

.LightBlueBoxBottom {
	height: 6px;
	background-image: url(/Images/Layout/LightBlueBoxBottom.jpg);
}

.BlueBoxTop {
	height: 6px;
	background-image: url(/Images/Layout/BlueBoxTop.jpg);
}

.BlueBoxHeader {
	background-color: #26007E;
	padding-left: 10px;
	padding-bottom: 5px;
}

.BlueBox {
	background-color: #26007E;
	font-family: Arial;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	line-height: 130%;
}

.BlueBox h2 {
	margin-bottom: 5px;
}

.BlueBox a:link, .BlueBox a:visited {
	color: #FFFFFF;
}

.BlueBox a:hover {
	color: #FFFFFF;
}

.BlueBox span.Highlight {
	color: #FF0000;
}

.BlueBox span.Highlight a:link, .BlueBox span.Highlight a:visited {
	color: #FF0000;
	text-decoration: underline;
}

.BlueBox span.Highlight a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.BlueBoxBottom {
	height: 6px;
	background-image: url(/Images/Layout/BlueBoxBottom.jpg);
}

.GreenBoxTop{
	height: 8px;
	background-image: url(/Images/Layout/GreenBoxTop.jpg);
}

.GreenBoxHeader{
	background-color: #97CC00;
	padding-left: 10px;
	
}

.GreenBox {
	background-color: #97CC00;
	font-family: Arial;
	font-size: 90%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.GreenBox ol {
	margin-bottom: 0px;
}

.GreenBoxBottom{
	height: 7px;
	background-image: url(/Images/Layout/GreenBoxBottom.jpg);
}

.BlackBoxTop {
	height: 7px;
	background-image: url(/Images/Layout/ReallyBlackBoxTop.jpg);
}

.BlackBoxHeader {
	background-color: #000000;
	padding-left: 10px;
	padding-bottom: 5px;
}

.GreyBoxTop {
	height: 7px;
	background-image: url(/Images/Layout/GreyBoxTop.jpg);
}


.GreyBox {
	background-color: #CCCCCC;
	font-family: Arial;
	font-size: 90%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.GreyBoxBottom {
	height: 7px;
	background-image: url(/Images/Layout/GreyBoxBottom.jpg);
}


.SeeThroughBlackBoxTop {
	height: 7px;
	background-image: url(/Images/Layout/ReallyBlackBoxTop.jpg);
 	filter:alpha(opacity=80); /* for IE */
 	opacity:0.8;  /* CSS3 standard */
}

.SeeThroughBlackBoxHeader {
	zoom: 1;
	background-image: url(/Images/Layout/BlackDot.jpg);
 	filter:alpha(opacity=80); /* for IE */
 	opacity:0.8;  /* CSS3 standard */
	padding-left: 10px;
	padding-bottom: 5px;
}

.SeeThroughBlackBoxHeader h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	font-family: times;
	font-weight: normal;
	font-size: 140%;
}

/* ========================= */
/* === TeaserImages etc  === */
/* ========================= */

#TeaserHead1 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage1.jpg);
	margin-bottom: 15px;

}

#TeaserHead2 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage2.jpg);
	margin-bottom: 15px;
}

#TeaserHead3 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage3.jpg);
	margin-bottom: 15px;
}

#TeaserHead4 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage4.jpg);
	margin-bottom: 15px;
}

#TeaserHead5 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage5.jpg);
	margin-bottom: 15px;
}

#TeaserHead6 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage6.jpg);
	margin-bottom: 15px;
}

#TeaserHead7 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage7.jpg);
	margin-bottom: 15px;
}

#TeaserHead8 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage8.jpg);
	margin-bottom: 15px;
}

#TeaserHead9 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage9.jpg);
	margin-bottom: 15px;
}

#TeaserHead10 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage10.jpg);
	margin-bottom: 15px;
}

#TeaserHead11 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage11.jpg);
	margin-bottom: 15px;
}

#TeaserHead12 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage12.jpg);
	margin-bottom: 15px;
}

#TeaserHead13 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage13.jpg);
	margin-bottom: 15px;
}

#TeaserHead14 {
	background-color: #FFFFFF;
	height: 123px;
	background-image: url(/Images/Layout/TeaserImage14.jpg);
	margin-bottom: 15px;
}

.TeaserText {
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial;
	font-size: 90%;
}

.TeaserText h2 {
	color: #97CC00;
	font-family: times;
	font-size: 150%;
}

.TeaserText h3 {
	margin-top: 20px;
	padding-bottom: 0px;
	font-family: arial;
	font-size: 110%;
	color: #333333;
}

.TeaserText li {
	margin-left: -20px;
}

.TeaserText span.Highlight {
	color: #FF0000;
}

.SpecialOfferImage {
	background-color: #FFFFFF;
	height: 65px;
	background-image: url(/Images/Layout/SpecialOffer.jpg);
}

.GoogleMeImage {
	background-color: #FFFFFF;
	height: 65px;
	background-image: url(/Images/Layout/GoogleMe.jpg);
}

/* ======================= */
/* === General Styles  === */
/* ======================= */

div.Testimonial {
	margin-top: 15px;
	color: #000000;
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	text-align: right;
}

div.Client {
	color: #97CC00;
}

.WhiteText {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 90%;
}

.StruckOut {
	text-decoration: line-through;
}

a {
	color: #000000;
}

/* ================================================================================================= */
/*                             STYLES FOR ADMIN SITE - LEAVE IN PLACE FOR NEW SITES 	             */
/* ================================================================================================= */

#AdminMainContainer{
	width: 980px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#AdminPageHeader{
	height: 250px;
	background-image: url(/Images/Layout/Admin_Header.jpg);
	background-position: top;
}

#AdminPageHeader div.AdminPageText {
	font-size: 250%;
	text-align: center;
	padding-top: 40px;
	color: #FFFFFF;
}

#AdminContentWrapper{
	width: 100%;
}


#AdminContentColumn{
	margin: 0 0px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#AdminPageFooter {
	padding-top: 50px;
	padding-bottom: 50px;
}

#AdminPageFooter div.AdminFooterRule {
	border-top: solid 1px;
}



/* ================================================================================================= */
/* ========================================== TABLES =============================================== */
/* ================================================================================================= */

table {
	width: 100%;
}

table thead {
}

table thead tr {
}

table thead tr th {
	background-image: url(/Images/Layout/Background_TableHeader.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	height: 24px;
	padding: 0px 10px 0px 10px;
}

table thead tr th a:link, table thead tr th a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

table tbody {
}

table tbody tr {
	background-color: #E0E9F2;
}

table tbody tr td {
	padding: 5px 10px 5px 10px;
}

table tbody tr.Even {
	background-color: #C8D5E5;
}

/* ================================================================================================= */
/* =========================================== FORMS =============================================== */
/* ================================================================================================= */

form {
	margin: 0px;
	padding: 0px;
}

fieldset br {
	clear: both;
}

fieldset {
	border: 1px solid #E6E6E6;
	padding-bottom: 10px;
	margin: 20px 0px 20px 0px;
}

fieldset.Survey {
	border: 0px;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

fieldset.Search {
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

fieldset legend {
	background-color: #260089;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
}

fieldset div.inputgroup {
	padding: 20px;
}

fieldset div.inputgroup p.Error {
	margin-top: 0px;
	color: #FF0000;
}

fieldset div.inputgroup p.Instructions {
	margin-top: 0px;
	margin-bottom: 20px;
}

fieldset div.inputgroup span.Annotation {
	font-size: 80%;
}

fieldset label {
	display: block;
	float: left;
	clear: left;
	width: 150px;
	margin-bottom: 10px;
	text-align: left;
	padding-right: 20px;
}

fieldset div.DisplayOnly {
	margin: 0px;
	padding: 0px;
}

fieldset input, fieldset textarea {
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #E6E6E6;
}

fieldset input.Hidden {
	margin: 0px;
	border: 0px;
}

fieldset textarea {
	overflow: auto;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-arrow-color: #E6E6E6; 
	scrollbar-base-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #E6E6E6; 
	scrollbar-shadow-color: #E6E6E6; 
	scrollbar-track-color: #FFFFFF;
}

fieldset select {
	display: block;
	width: 320px;
	float: left;
	margin-bottom: 10px;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
}

fieldset input.Submit {
	width: 100px;
	background-color: #260089;
	border: 1px solid #260089;
	color: #FFFFFF;
	font-weight: bold;
}

fieldset.Survey input, fieldset.Survey textarea, fieldset.Survey select {
	width: 150px;
	margin-bottom: 0px;
}

fieldset.Survey input.Submit {
	width: 60px;
}

fieldset.Search input, fieldset.Search textarea, fieldset.Search select {
	width: 150px;
	margin-bottom: 0px;
	float: none;
	display: inline;
}

fieldset.Search input.Submit {
	width: 60px;
}

fieldset input.CheckboxRadio {
	width: 20px;
	background-color: transparent;
	border: 0px solid transparent;
}


/*==========================================================================*/
/* ========================== SURVEYS ======================================*/
/*==========================================================================*/

div.Survey {
}

div.Survey div.Question {
}

div.Survey div.Results {
	padding: 10px 0px 10px 0px;
}

table.Survey tbody tr td.Votes {
	width: 30px;
	text-align: right;
}

/*==========================================================================*/
/* ======================= CASE STUDIES ====================================*/
/*==========================================================================*/

div.CaseStudyHolder {
	width: 100%;
}

div.CaseStudyColumn {
	width: 320px;
	display: inline;
	float: left;
	margin: 0px 30px 0px 0px;
}

div.CaseStudy {
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
	margin-bottom: 20px;
}

div.CaseStudy div.Testimonial {
	font-size: 90%;
}

div.CaseStudyHolder br.End {
	clear: both;
}

div.TeaserText div.CaseStudy {
	border: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

div.TeaserText div.CaseStudy div.Testimonial {
	font-size: 100%;
}

div.TeaserText div.CaseStudy h2 {
	margin-top: 0px;
}

/*==========================================================================*/
/* ========================= BREADCRUMB ====================================*/
/*==========================================================================*/

#BreadcrumbHolder {
	min-height: 1.5em;
	height: auto !important;
	height: 1.5em;
	margin-bottom: 5px;
	clear: both;
}

ul.Breadcrumb {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

ul.Breadcrumb li {
	display: inline;
	margin: 0px;
	padding: 0px 6px 0px 15px;
	background-image: url(/images/layout/Background_Breadcrumb.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}

ul.Breadcrumb li.First {
	background: none;
	padding-left: 0px;
}

ul.Breadcrumb li a:link, ul.Breadcrumb li a:visited {

}

ul.Breadcrumb li a:hover {

}

#ContactDetails {
	font-size: 90%;
	font-weight: bold;
	color: #666666;
	float: right;
	text-align: right;
	margin: 0px;
}

/*==========================================================================*/
/* ========================= FREE ADVICE ===================================*/
/*==========================================================================*/

div.FreeAdviceHeader, div.FreeAdviceFooter {
	font-weight: bold;
	color: #97CC00;
}

div.FreeAdviceHeader a:link, div.FreeAdviceHeader a:visited, div.FreeAdviceFooter a:link, div.FreeAdviceFooter a:visited {
	font-weight: bold;
	color: #97CC00;
	text-decoration: underline;
}

div.FreeAdviceHeader a:hover, div.FreeAdviceFooter a:hover {
	font-weight: bold;
	color: #97CC00;
	text-decoration: underline;
}

/*==========================================================================*/
/* ======================== SEARCH RESULTS =================================*/
/*==========================================================================*/

ol.SearchResults {
	margin-left: 35px;
	padding-left: 0px;
}

ol.SearchResults li {
	margin-bottom: 15px;
}

ol.SearchResults li div.Description {
}

ol.SearchResults li a:link, ol.SearchResults li a:visited {
}

ol.SearchResults li a:hover {
}