body {background-color: #fff; font:normal 81.25%/1.2  arial, helvetica,sans-serif; padding:0px; margin:0px 0px;}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/

a {color: #666}
a:hover {color: #564b47;}
a img{border:none;}
p {margin:0px;}
h1 {font-size: 1.8em;  margin:0px; color:#FFCB08; }
h1.italic {font-size: 1.4em; margin:0px; color:#FFCB08; font-style:italic;}
h2 {font-size:1.5em; padding: 5px 10px; margin:0px;}
h4 {color:#4D87C7; margin:15px 0 7px 0; font-size: 1.1em;}
img.download {vertical-align:middle;}

/* ---------input form stuff ------ */
 input{border: 1px solid #00ADEF; color:#00ADEF; padding:3px; height:15px; }	
 input.nf{border: 1px solid #00ADEF; color:#00ADEF; height:12px; width:250px; padding:3px;}
 textarea {border: 1px solid #00ADEF; color:#00ADEF; width:250px; padding:3px;}
 
.textfield {font-size:.9em ; color:#666 ; margin:3px; height:20px; border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */ padding: 3px 8px; background: transparent url(../img/textfield_bg.jpg) no-repeat fixed; width:400px; voice-family: "\"}\""; voice-family:inherit; width:187px; }
  fieldset>input.textfield { background: transparent url(../img/textfield_bg.jpg) no-repeat; }
  legend{color:#4D87C7; margin:15px 0 7px 0; font-size: 1.1em;}
  
textarea { font:1em Verdana, Arial, Helvetica, sans-serif; color:#666 ; margin:3px; height:250px; border:solid 0 #fff; padding: 0 8px; background: transparent url(../img/textarea_bg.jpg) no-repeat fixed; width:300px; voice-family: "\"}\"";  voice-family:inherit; width:290px; }
fieldset>textarea {background: transparent url(../img/textarea_bg.jpg) no-repeat; }
 
#contactform label.contact{margin: 0; padding:0.2em; margin-top:0.3em; text-align:right; width:100px; float:left;}
fieldset {border:solid 1px #8fb629; width:90%; margin: 0 0 5px 0; padding:10px;}

.button{background-color:#8fb629; border: 1px solid #3979c1; font-size:.9em; color:#fff; height:22px; width:100px;}
a.button{color:#fff !important;}
a.button:hover, .button:hover{border: 1px solid #fff; color:#000 !important;}

/*------offices----*/
table.contacts {width:90%;}
table.contacts td{vertical-align:top; width:50%;}
 
/*-------Green Ticks -------*/
ul.greentick {list-style-type:none; margin: 10px 0 15px 20px;}
 ul.greentick li {background: url(../img/greentick.gif) left no-repeat; padding:5px 0 5px 50px; color:#444; font-size:1.1em; font-style:italic; }
	
/*-------useful classes---------- */
.shhh{display:none;}
.small{font-size: .8em !important;}
.clear{clear:both; height:1px; font-size:1px; border:none; background:transparent;}
.lt{float:left;}
.rt{float:right;}
a img{border:none;}
/* ----------main container-------------- */
#container {width: 100%; }

/* ----------banner-------------- */
#banner {background: #4D87C7 url(../img/top-bg.jpg) left top repeat; padding: 0px; margin: 0px; height:161px;}
#bannermid{background: url(../img/banner-mid.jpg) center top no-repeat; height:161px; margin:0px; padding:0px;}
#rightbanner {float:right; margin:50px 20px 0px 0px; }
#rightbanner h1{color:#C8E2FB; font-size:2.2em;}
#ltbanner{float:left; margin:40px 0 0 20px;}
#ltbanner h1{color:#fff; font-size: 1.4em; margin:0px; padding:0px;}

/* -----------------topcontent--------------------- */
#topcontent {background-color: #fff; padding: 0; margin: 0 0 0 224px; }

#mainimagebox{background: #4581C5 url(../img/mainimagebox-bg.gif) top right repeat-x; height:210px; margin:0 227px 0 0;}
 html>body #mainimagebox {margin:0 230px 0 0;}
#mainimagebox img{position:absolute; z-index:1;}
#accolade{background: url(../img/quotes.gif) center 50px no-repeat; float:right; height:195px; width:215px; margin:0; padding:5px; color:#3979C1; border:1px solid #3979c1;}
	#accolade p.n{margin:5px 10px; padding:10px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	#accolade .rt{font-weight:bold; font-size:.9em;}
ul.biglistitems {color:#A0CF49; font-size:1.8em; list-style-type:none; z-index:1000; position:relative;}
ul.biglistitems li{text-align:right; padding-right: 60px; background: url(../img/bigbullet.gif) right center no-repeat; line-height:40px; font-weight:bold; margin:20px 30px 0 0;}
	

 /*----------------main content ---------------- */
 .maincontent {margin-right:230px;}
 .maincontentfullwidth{margin-right:30px;}
  h2.withbar {font-size:1.1em; background: url(../img/bg-silverbar.jpg) top left repeat-x; color:#4581C5; margin-top:0px; line-height:20px;}
 .maincontent h3, .maincontentfullwidth h3{color:#999; text-transform:uppercase; margin:15px 0 10px 0; font-size: 1.2em;}
 .maincontent, .maincontentfullwidth p{color:#666; line-height:120%; margin:0 0 15px 0;}
 
  .leftimage{float:left; text-align:center; width:225px; margin:0 auto; }
  .leftimage img{display:block; margin:0 auto;}
  .righttext{margin-left: 230px;}
 .nopic{padding:0 20px;}
 .indent{margin-left:30px;} 
/*----------------right stuff ---------------- */
 .rightcol{margin:5px 5px 5px 0; float:right;  width: 225px; text-align:center;}
 .rightcol p{text-align:left; color:#666;}
 .rightbox{margin:15px 0px 15px 10px; border-bottom:1px solid #ccc; padding:10px;} 
 
 
/* --------------left nav------------- */
.left {float: left; width: 224px; margin: 0; padding: 5px 0 0 0;}
ul.mainnav{list-style-type:none; font-weight:bold;}
ul.mainnav li{border-bottom:1px solid #ccc; font-size:1.05em;  margin:6px 10px 6px 20px; padding-bottom:5px;}
ul.mainnav li a{color:#998 !important; text-decoration:none;}
ul.mainnav li a:hover{color:#3979C1 !important;}
ul.subnav{list-style-type:none; color:#A0CF49}
 ul.subnav li{border-bottom:none; margin:5px 0 5px 5px; font-size:.85em; padding:0 0 0 20px; background: url(../img/bullet.gif) center left no-repeat;}
 
/*----------------bar----------------*/
.silverbar {height:25px; background: url(../img/bg-silverbar.jpg) top left repeat-x; clear:both; font-size:1px;}

/* -----------footer--------------------------- */
#footer {clear: both; margin: 0px; padding: 5px; border-top:1px solid #ccc;}
 #footer img{padding:10px;}
 #footer p.small{font-family: arial, helvetica, sans-serif; color:#000;}
 #footer p.small a{color:#000;}