div#left-column {
	width: 293px;
	float: left;
	clear: none;

	}
div#right-column {
	width: 293px;
	float: left;
	clear: none;


	}
/* global styles */

* { margin: 0; padding: 0;}
html {  height: 100%;
}
body {
background-color:#333333;
text-align: left;
font: 62.5% Arial, sans-serif;
color: #003038;
}

h2 {margin:30px 0 30px 0; font-size: 1.5em; color: #003038; font-weight: bold;}
h2 A:link, h2 A:visited, h2 A:active, h2 A:hover {text-decoration: none; font-size: 1.5em; color: #003038; font-weight: bold;}
h3 {margin:30px 0 30px 0; font-size: 1.0em; color: #003038; font-weight: bold;}
h3 A:link, h3 A:visited, h3 A:active, h3 A:hover {text-decoration: none; font-size: 1.5em; color: #003038; font-weight: bold;}

p { letter-spacing: 0px; text-align: justify; word-spacing: 3px;
font-size: 1.2em;
line-height: 1.8em;
color: #333333;}
.mainContent { padding:0 0 20px 23px; margin:0px 0 0 0px; float:left; width:716px }
#mainH1 {height:46px; width:716px; background: url(/images/template/h1-bg.jpg) no-repeat; margin-top:20px;}
#mainH1 h1{font-size:15px; padding:15px 0 0 60px;}

A:link {color:#003038;text-decoration: underline;}
A:visited {color:#55830A;text-decoration: underline;}
A:active {color:#55830A;text-decoration: underline;}
A:hover {color:#55830A;text-decoration: underline; }
#clear {clear:both; width:100%; height:1px}
.scroll { clear:both; }	


/* site containers */
.containerOuter {height: auto;width: 960px; margin-right: auto;margin-left: auto; margin-top:20px; 
background: url(
"/images/template/bg.jpg") 0% 0% repeat-x #ffffff; padding:0 20px 0 20px}


/* header styles */
.header {position:relative; } 
.headerC { height: 110px; width: 100%; }
.headerLogo {height:90px; width:268px; margin-top:12px; float: left; background: url(/images/template/logo.jpg) no-repeat;}
.strap {height:90px; width:268px; float: right; margin-top:12px; background: url(/images/template/strap.jpg) no-repeat;}
#greyHR {height:1px; width:100%; margin:0; padding:0; border-color:#c5c5c5}

/* hEADER mENU'S */

#topBanner {  
	height: 18px; margin: 1px 1px 0 1px; 
	background: url("/images/template/bg_head.gif") 0% 0% repeat-x;
	color: #fff; font-size: 11px;
}
#topBanner a, #topBanner a:visited { color: #fff; text-decoration: none; font: 11px Arial, sans-serif;
}
#topBanner a:hover { text-decoration: underline; }
ul.utilities { list-style: none; margin: 0 0 0 20px; padding: 2px 0; }
ul.utilities li { display: inline; margin-right: 15px; }



#header_navigation { font-size: 12px; font-weight: bold; list-style: none; float:left; padding:0; margin:0}
#header_navigation li { float: left; width: 190px; height: 33px; padding:0 2px 0 0;  }
#header_navigation li a, #header_navigation li a:visited { 
	display: block; width: 100%; height: 33px;
	color: #003038; text-decoration: none; line-height: 2.8em; text-align: center;
	background: url("/images/template/bg_Nav.gif") 0% 100% no-repeat;}
#header_navigation li a:hover { 
	background: url("/images/template/bg_Nav_current.jpg") 0% 100% no-repeat; text-decoration: underline;}


#header_navigation li.current { height: 33px; background: url("/images/template/bg_Nav_current.jpg") 0% 100% no-repeat; }
#header_navigation li.current a, #header_navigation li.current a:visited { 
background: url("/images/template/bg_Nav_currenttab.gif") 0% 0% no-repeat; color: #fff;  }



/* left menu */
.left {width: 220px; height:auto; float:left; margin-top:20px}
.leftMenu{ width: 218px; height:auto;  background-color:white; float:left; margin: 0; border-left:1px solid #D0CDCB; border-right:1px solid #D0CDCB;}

.leftMenuHeader {height:28px; width:220px; padding:15px 0 0 50px; font-weight:bold; font-size:15px; background: url(/images/template/mainMenu.jpg) no-repeat;}
.leftMenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.leftMenu li a{
	font-size:12px;
	display: block;
	background: transparent url(/images/template/arrowgreen.gif) 100% 0;
  height: 41px; 
	margin: 0px 12px 0px 12px;
	line-height: 41px;
	text-decoration: none;
}	
	
.leftMenu li a:link, .leftMenu li a:visited {
	color: #3C531B; padding-left:25px; font-weight:bold;
}

.leftMenu li a:hover{
	color: #26370A;
	background-position: 100% -41px;
font-weight: bold ;
}

	
.leftMenu li a:active{
	color: #26370A;
	background-position: 100% -41px;
font-weight: bold ;
}
.leftMenuFooter {width:220px; height:30px; clear:both;  background: url(/images/template/menuFooter.jpg); margin-bottom:10px}



/* Right Menu */
#right {width:256px; height:auto; float:right; margin-top:20px; }



/* LoginBox */
.loginbox{width: 219px; height:210px; border-style: solid solid solid solid; border-color: #c5c5c5; border-size: 1px; border-width: 1px; background-color:white; float:left; margin: 0 0 10px 0; background: transparent url(/images/template/menuFooter.jpg) no-repeat center bottom; clear:both}
.loginboxHeader {height:43px; width:219px;  background: url(/images/template/clientLogin.jpg) no-repeat;margin-bottom:10px}
.loginboxNameT {margin:10px 0 0 15px; color:#333333; font-size:12px; font-weight:bold;}
.loginboxNameB {border: #c5c5c5 solid 1px; width:175px; margin:0 0 10px 15px; padding:0 0 0 10px}
.loginboxPasswordT {margin:10px 0 0 15px; color:#333333; font-size:12px; font-weight:bold;}
.loginboxPasswordB {border: #c5c5c5 solid 1px; width:175px; margin:0 0 10px 15px; padding:0 0 0 10px}
.loginboxTick { margin:0 0 0 12px; font-size:8px; color:#8CC63F; float:left}
.loginboxForgot { margin:5px 0 0 10px; font-size:8px; color:#005FA7; float:left}
.loginboxButton {margin:10px 0 0 15px; width:62px; height:20px; border:0; background: url(/images/template/login.jpg) no-repeat; clear:both; cursor: pointer; cursor: hand;}
.contactBoxText {margin:0 0 0 15px; font-size:10px; font-weight:bold}

/* contactBox */
.contactBox{width: 219px; height:250px; background-color:white; float:left; margin: 0 0 10px 0; background: transparent url(/images/template/menuFooter.jpg) no-repeat center bottom}
.contactBoxHeader {height:43px; width:219px;  background: url(/images/template/clientLogin.jpg) no-repeat;margin-bottom:10px}
.contactBoxNameT {margin:10px 0 0 15px; color:#333333; font-size:12px; font-weight:bold;}
.contactBoxNameB {border: #c5c5c5 solid 1px; width:175px; margin:0 0 10px 15px; padding:0 0 0 10px}
.contactBoxSelect { margin:0 0 0 12px; font-size:8px; color:#8CC63F; float:left}
.contactBoxButton {margin:10px 0 0 15px; width:62px; height:20px; border:0; background: url(/images/template/login.jpg) no-repeat; clear:both; cursor: pointer; cursor: hand;}
.contactBoxText {margin:0 0 0 15px; font-size:10px; font-weight:bold; clear:both; float:left}


.newsSignup {float:left; margin:195px 0 0 425px}
.newsSignupBox {border:0; width:167px; height:15px; margin:0 0 10px 15px; background-color:#96BBD8; color:white; padding:0 0 0 10px}
.newsSignupButton {margin:10px 0 0 15px; width:88px; height:26px; border:0; background: url(/images/template/subscribe.png) no-repeat; cursor: pointer; cursor: hand;}


/* footer styles */
.footer {background:#333333 url(/images/template/footerTick.jpg) no-repeat left center; height: 60px; width:1000px; clear:both;margin-right: auto;margin-left: auto; }
.footerBar {width:100%; height:9px; background-color:#8CC63F; margin:0 0 0 0; border:0}
.footerCopy {color:#565656;  font-weight:normal; font-size:14px;  float:left; padding:15px 0 0 70px}
.footerLinks { margin-right:30px;}
.footerLinks A:link,  .footerLinks A:visited, .footerLinks A:active, .footerLinks A:hover {color:#ffffff; font-size:12px; font-weight:normal; float:right; text-decoration:none;padding:15px 0 0 0;}
.footerImg {float:left; border:0; margin:10px 0 0 0; padding:0;}

/* consultation */
#consult {width:308px; height:264px; float:right; margin-top:20px; padding:110px 23px 0 23px; background: url(/images/template/consultbg.jpg)}
#consultLeft {width:334px; height:374px; float:left; margin-top:20px}


.indexMainI {margin-left:220px; height:438px; width:738px;  background: url(/images/template/indexImage.jpg)}



/* Begin WP Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




label{
float: left;
width: 120px;
font-weight: bold; clear:both;
font-size:12px
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 180px;
height: 80px;
}

.boxes{
width: 1em;
}

#applybutton
{margin-top:10px; float:right; width:88px; height:26px; border:0; background: url(/images/template/consultapply.png) no-repeat; cursor: pointer; cursor: hand;}