/* CSS for the homepage only */
body {
	margin:0;
	padding:5px;
	font-size:75%;
	font-family:Verdana, Tahoma, Arial
}

/* fix most links */
a, a:hover {
	text-decoration: underline;
	color:#222438;
	font-weight: bold;
	padding: 0;
	margin: 0
}

a:visited {
	text-decoration: underline;
	color:#871B06;
	font-weight: bold;
	padding: 0;
	margin: 0
}

/*
Rotating Header Images css on refresh only
For homepage only
*/
#hdr1, #hdr2, #hdr3, #hdr4, #hdr5, #hdr6, #hdr7 {
	border:none;
	clear:left;
	float:left;
	height:98px;
	margin-bottom:0px;
	overflow:hidden;
	padding-bottom:0px;
	vertical-align:middle;
	width:100%	
}

#hdr1{background:#2E4E81 url(/template_images/headers/hdr1.gif) no-repeat right top}
#hdr2{background:#5D3155 url(/template_images/headers/hdr2.gif) no-repeat right top}
#hdr3{background:#62534C url(/template_images/headers/hdr3.gif) no-repeat right top}
#hdr4{background:#233817 url(/template_images/headers/hdr4.gif) no-repeat right top}
#hdr5{background:#1289CE url(/template_images/headers/hdr5.gif) no-repeat right top}
#hdr6{background:#74B64A url(/template_images/headers/hdr6.gif) no-repeat right top}
#hdr7{background:#808447 url(/template_images/headers/hdr7.gif) no-repeat right top}

#hdr1 p,#hdr1 h1,#hdr2 p,#hdr2 h1,#hdr3 p,#hdr3 h1,#hdr4 p,#hdr4 h1,#hdr5 p,#hdr5 h1,#hdr6 p,#hdr6 h1,#hdr7 p,#hdr7 h1{
	height:98px;
	margin:0;
	padding:.4em 2% .1em 2%;
	vertical-align:middle
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;
	position:relative;
}

.col1, .col2, .col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}

.leftmenu .colleft {
	right:84%;			/* right column width */
	background:#ffffff;	/* left column background colour */
}

.leftmenu .col1 {
	width:84%;			/* right column content width */
	left:100%;			/* 100% plus left column left padding */
}

.leftmenu .col2 {
	width:15%;			/* left column content width (column width minus left and right padding) */
	left:0;			/* (right column left and right padding) plus (left column left padding) */
}

/* Footer styles */
#footer {
	clear: both;
	width:100%;
	text-align: center;
	overflow: hidden;
	padding-bottom: 5px
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}

.lgs{
	background: url(/template_images/purptop_tr.gif) no-repeat top right; margin: 0; padding: 0;
	height: 1%;
	width: 100%; 
	clear: both
} 

.lgs h2 {
	background: url(/template_images/purptop_tl.gif) no-repeat top left; width: 90%;
	vertical-align: top;
	margin: 0 0 3px 0;
	font-size: 110%;
	padding: 2px;
	color:#ffffff;
	height: 1%
}

.lgsmw{
	background: url(/template_images/purptop_tr1.gif) no-repeat top right; margin: 0; padding: 0;
	height: 1%;
	width: 100%; 
	clear: both
} 

.lgs p{
	background-color: #fff;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
}

.artistic_left {
	float:left;
	margin-right:16px;
	padding:5px;
}

.artistic_left2 {
	float:left;
	margin-right:10px;
	padding:1px;
}

.artistic_left3 {
	float:left;
	margin-right:10px;
	padding:5px;
}

   .elec_img {
      display: block;
      margin: auto;
      max-width: 100%;
    }

/* cjb - grey rounded box */
.rbroundbox {background: #e3e3ed url(/template_images/nt.gif) repeat}
.rbroundbox2 {background: #ffffff;}
.rbbot div {background: url(/template_images/bl.gif) no-repeat bottom left}
.rbbot {background: url(/template_images/br.gif) no-repeat bottom right}

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

 

.rbcontent {margin: 0 0px 2px 0}
.rbcontent p {background: #e3e3ed url(/template_images/nt.gif) repeat; /*margin: 0 7px;*/}
.rbroundbox {background-color: #e3e3ed; width: 100%; /* margin: 1em auto; */}

/* gcjb - green rounded box */
.gbox {background: #0404b4 url(/template_images/nt_grn.gif) repeat}
.gbot div {background: url(/template_images/bl_grn.gif) no-repeat bottom left}
.gbot {background: url(/template_images/br_grn.gif) no-repeat bottom right}

/* height and width stuff, width not really necessary. */
.gtop div, .gtop, .gbot div, .gbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

.gcont {
	margin: 0 7px;
	font-weight: bolder;
	color: #FFF
}
.gcont p {background: #5C864C url(/template_images/nt_grn.gif) repeat;  /*margin: 0 7px;*/}
.gbox {background-color: #5C864C; width: 100%;/* margin: 1em auto;*/}

/* prpcjb - purple rounded box */
.prpbox {background: #9494c8 url(/template_images/nt_prp.gif) repeat}
.prpbot div {background: url(/template_images/bl_prp.gif) no-repeat bottom left}
.prpbot {background: url(/template_images/br_prp.gif) no-repeat bottom right}

/* height and width stuff, width not really necessary. */
.prptop div, .prptop, .prpbot div, .prpbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	font-weight: bolder;
	color: #ffffff
}

.prpcont {
	margin: 0 7px;
	color: #000000
}
.prpcont p {background: #9494c8 url(/template_images/nt_prp.gif) repeat;  /*margin: 0 7px;*/}
.prpbox {background-color: #9494c8; width: 100%;/* margin: 1em auto;*/}

p.cola {
	background-color: #E3E3ED;
	margin-bottom:2px;
}

p.cola1 {background-color: #ffffff;}

p.cola2 {
	background-color: #E3E3ED;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bolder;
	color:#0404b4;
	/* line-height:25px; */
}

p.colay {
	background-color: #FFFF00;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bolder;
	color:#0404b4;
	/* line-height:25px; */
}

p.cola5 {
	background: #9494C8 url(/template_images/arrow.gif) no-repeat right top;
	min-height: 25px;
	height:auto !important; /* ie6 fix for min-height */
	height: 25px; /* ie6 fix for min-height */
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bolder;
	/*    color:#0404b4; */
	color:#222438;
	line-height:25px;
	cursor: pointer;
	text-decoration: none;
}

p.cola8, p.cola9, p.cola10, p.cola11, p.cola12, p.cola13, p.cola14, p.cola15, p.cola16, p.cola17, p.cola18, p.cola19, p.cola20, p.cola21, p.cola22 {
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bold;
	color:#0404b4;
	/* line-height:25px; */
	/* padding-right: 27px */
}

p.cola8 {background: #E3E3ED url(/template_images/comments.gif) no-repeat right top}
p.cola9 {background: #E3E3ED url(/template_images/emailus.gif) no-repeat right top}
p.cola10 {background: #E3E3ED url(/template_images/comments.gif) no-repeat right top}

p.cola11 {background: #E3E3ED url(/template_images/qmark_green.gif) no-repeat right top}
p.cola12 {background: #E3E3ED url(/template_images/contactus_green.gif) no-repeat right top}
p.cola13 {background: #E3E3ED url(/template_images/emailus_green.gif) no-repeat right top}
p.cola14 {background: #E3E3ED url(/template_images/comments_green.gif) no-repeat right top}
p.cola15 {background: #E3E3ED url(/template_images/ecmark_green.gif) no-repeat right top}
p.cola16 {background: #E3E3ED url(/template_images/pound_green.gif) no-repeat right top}
p.cola17 {background: #E3E3ED url(/template_images/webc_icon_green.gif) no-repeat right top}
p.cola18 {background: #E3E3ED url(/template_images/faq_green.gif) no-repeat right top}
p.cola19 {background: #E3E3ED url(/template_images/cllr_logo_green.gif) no-repeat right top}
p.cola20 {background: #E3E3ED url(/template_images/contactus_bubbles_gray.gif) no-repeat right top}
p.cola21 {background: #E3E3ED url(/template_images/jobs_gray.gif) no-repeat right top}
/*p.cola22 {background: #FFFF00 url(/template_images/comments_green.gif) no-repeat right top}*/
p.cola22 {background: #E3E3ED url(/template_images/comments_green.gif) no-repeat right top}
.hidden {display: none;}

a.sect2, a.sect2:visited, a.sect2:hover {
	text-decoration: underline;
	color:#222438;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

a.sect3, a.sect3:visited, a.sect3:hover {
	text-decoration: underline;
	/* vertical-align: middle; */
	color:#ffffff;
	font-weight: bold;
	/*	display:block; */
}

a.sect6, a.sect6:visited, a.sect6:hover {
	text-decoration: underline;
	color:#5C864C;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

img {
	vertical-align: middle;
	border-style:none; 
	padding: 0px;
}

div.row {padding-bottom: 5px;
	background-color: #2E3A30;
	line-height: 25px;
	margin-bottom: 5px;
	border-top: 1px solid #fff;
}

div.row span.left {
	background-color: #2E3A30;  
	border-top: 1px solid #fff;
	line-height: 25px;
	float: left;
	text-align: left;
	font-weight: bold;
	color: #fff;
	width: 20%;
	margin-bottom: 5px;
}

div.row span.right {
	background-color: #2E3A30;
	border-top: 1px solid #fff;
	line-height: 25px;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #fff;
	width: 80%;
	margin-bottom: 5px;
}

div.row span.right2 {
	background-color: #2E3A30;
	/*  border-top: 1px solid #fff;*/
	line-height: 25px;
	float: right;
	text-align: right;
	font-weight: bold;
	color: #fff;
	width: 100%;
	margin-bottom: 5px;
}

div.row span.right a {
	line-height: 25px;
	color: #fff;
}

div.row span.right2 a {
	line-height: 25px;
	color: #fff;
}

.leader {
	background-image: url(/template_images/geoff_wheeler1.gif); 
    background-repeat: no-repeat; 
    background-position: center; 
    height:99px;
}

/* fix gap above & below WIL form in IE6 */
form {
	#margin-top: -1px;
	#margin-bottom: 1px
}

#skiplinks, #skiplinks li {
	list-style-type: none;
	padding: 0; 
	margin: 0;
	display: inline;
	height: 0;
}

#skiplinks a {
	border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
	background: #3a78b8;
	padding: 7px 5px;
	position: absolute;
	top: 10px;
	left: -9999px;
	font: 1.3em "Gill Sans MT", "Gill Sans", Tahoma, sans-serif;
	z-index: 10;
}

/* removed these as not yet CSS supported standard -moz-border-radius: 13px; border-radius: 13px; */ 
#skiplinks a:focus, #skiplinks a:active {
	left: 20px;
	border-color: #ffe; 
	/* :hack: IE requires a border-color change (!?) for this to work */
}

#skiplinks a:hover {text-decoration: underline}

br {line-height: 8px;}

hr {
	height: 1px;
	color: #000000;
}

fieldset.bc {
	padding:6px;
	border:1px solid #000066;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px
}

legend.bc {
	border: 1px solid #000066;
	background:#E9EEF5;
	color: #000066;
	font-weight:bold;
	padding:2px 8px 2px 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px
}

h2 {
	font-weight:bold;
	color:#333366;
	font-size:120%;
}

h3 {
	font-weight:bold;
	color:#333366;
	font-size:100%;
}

.conlhs {
	float: left;
}

/* Sidebar2 */
#conlhs2 {width: 49.5%}

.conrhs {float: right}

/* Sidebar2 */
#conrhs2 {width: 49.5%}

/* Where I live new image */
.where2 {
	background: #3E5179 url(/template_images/whereIlive_post.jpg) no-repeat right top;
	min-height: 96px;
	height:auto !important; /* ie6 fix for min-height */
	height: 96px; /* ie6 fix for min-height */
	padding-top: 3px;
	margin-top: 3px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	vertical-align: middle;
}

.where2 h3 {
	width: 60%;
	margin: 0;
	padding-left: 5px;
	color: #FFFFFF;
}

.wil_info {padding:5px}

.wilUL {
	margin-left: 0px; padding-left:2em;
	margin-top: 0px; margin-bottom: 2px;
	padding-bottom: 2px;
	background: #3E5179
}

.wilLI {
	color:#FFFFFF;
	margin: 0px; 
	padding:0px
}

a.menu2, a.menu2:visited, a.menu2:hover {
	text-decoration: none;
	vertical-align: middle;
	color:#222438;
	display:block;
	padding-top: 5px;
	padding-bottom: 6px;
}

br.menuspace {line-height: 2px}

.highlights li {height: 131px}

.center{text-align:center}

#translator
		{
		    /*clear:both;*/
		    /*background:#3E5179;*/
		    bottom:2px;
		    right:10px;
		    margin-right:-5px;
		    z-index:44;
		}

/* -- css for this page -- */

/* ------ one ------------*/
body .mainText{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#demoText h1, .mainText h1{
font-size:130%;
color:#0099FF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
margin:5px 4px 5px 24px;
background:none;
padding:0;
border:none;
text-transform:capitalize;
}
.mainText h2{
font-size:110%;
color:#000033;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
background:none;
margin:4px 32px 6px 22px;
text-transform:capitalize;
}
.mainText h3{
font-size:120%;
font-weight:900;
margin:14px 0 0 0;
text-align:center;
color:#000033;
}
.mainText table{
width:95%;
border:1px solid #0099FF;
border-collapse:collapse;
margin:18px 7px;
}
.mainText table td{
background-color:#99CCFF;
color:#000033;
padding:4px;
}
.mainText table th{
background-color:#000033;
color:#99CCFF;
padding:4px;
}
.mainText .linkPar a{
color:#000033;
text-decoration:underline;
}
.mainText .linkPar a:hover{
color:#660033;
text-decoration:none;
font-weight:900;
}
.pusher{
cursor:pointer;
padding:3px 10px 3px 22px;
font-weight:900;
font-size:14px;
}
}
.highlight-box  {
	background-color:#ffffff;
	font-size:12px;
	line-height:18px;
	padding:15px;
	border:1px solid #acacac;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.highlight-box h4  {
    color:#bf8c43;
    font-size:20px;
    line-height:24px;
    font-weight:normal;
    margin-bottom:4px;

}