/* CSS Document */

html, body{margin:0; padding:0; text-align:center; background:url(images/background.jpg) repeat-x top  #fff; font-family:Arial, Helvetica, sans-serif;} 


.prodrop4 {padding:0 0 0 10px; margin:0; list-style:none; height:20px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:inline; float:left; height:16px; line-height:16px; color:#eee; text-decoration:none; font-size:11px;  padding:0 4px; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0px; height:20px;}
.prodrop4 li a.top_link:hover {color:#000;  line-height:20px;}
.prodrop4 li a.top_link:hover span {}

.prodrop4 li:hover > a.top_link {color:#000;  line-height:20px;}
.prodrop4 li:hover > a.top_link span {}

.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:90px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:160px;}

.prodrop4 :hover ul {left:0; top:20px; background: #fff; padding:3px; border:1px solid #888; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto; clear:both;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 4px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#ccc; color:#fff;}
 
#pagewidth{width:750px; text-align:left; margin-left:auto; margin-right:auto; background-color:#FFFFFF;} 

#pagecontent{padding:20px; background:url(images/backgrey.jpg) repeat-x top;}

#pagecontent h1 {font-size:1.4em; color:#555; font-weight:normal; margin:0;}
#pagecontent p {font-size:12px; color:#333333; line-height:15px; padding: 2px 20px 2px 0;}

.picleft{margin:0 20px 10px 0; padding:3px; border:1px solid #ddd; float:left; clear:left; display: inline;}

.picright{margin:0 0 10px 20px; padding:3px; border:1px solid #ddd; float:right; clear:right; display: inline;}
 
#header{position:relative; height:244px;width:100%;} 
#header2{position:relative; height:140px;width:100%;} 

#menu{font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; background:url(images/menu_bg.jpg) repeat-x top; color:#ccc; height:25px;}
 
#menu ul{list-style:none; float:right; margin:0; padding:5px; display: inline;}
 
#menu li{margin:0; padding:0 6px ; float:left; }
#menu ul li ul li{margin:0; padding:0; float:left; }
 
#subheader{height:158px; width:750px; border-bottom:5px solid #ccc;}
.contactcentre {background:url(images/cont_header.jpg);}
.businessdata {background:url(images/business_header.jpg);}
.about {background:url(images/about_header.jpg);}
.training {background:url(images/train_header.jpg);}
.accred {background:url(images/accred_header.jpg);}
.article {
	background-image: url(images/ezine_header.jpg);
}
.insurance {
	background-image: url(images/broker_header.jpg);
}
.opportunities {background:url(images/opp_header.jpg);}
.case {background:url(images/case_header.jpg);}
.contact {background:url(images/contact_header.jpg);}
 
#maincol{background-color: #FFFFFF;  float: left;  display:inline; position: relative;}
 
#footer{ height:70px; background:url(images/footer_bg.jpg); clear:both; font-size:0.7em; text-align:center; } 
#footer p {margin:0; padding:27px 0 0 0 ; color:#333333;}
#footer img { vertical-align:middle;}
#footer a { color:#0066CC; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
 
 #footer.alt {background:url(images/footer_alt.jpg);}
 
 #flashcontainer {margin-top:150px; margin-right:15px;}

 .homeflash {width:171px; height:140px; background-color:#9fc7dc; margin:0 0 0 5px; padding:0; float:right; display: inline; }
 .homeflash h1 {margin:0; padding:0;  height:15px; padding:8px 8px 8px 10px; color:#FFFFFF; font-weight:normal;}
 .homeflash h1.pink {background:url(images/flashbg_pink.jpg); font-size:0.7em;}
 .homeflash h1.orange {background:url(images/flashbg_orange.jpg); font-size:0.7em;}
 .homeflash h1.green {background:url(images/flashbg_green.jpg); font-size:0.7em;}
 .homeflash p {margin:0; padding:8px; font-size:0.6em; color:#006699; line-height:110%;}
 .homeflash a { text-decoration:none; color:#FFFFFF;}
 .homeflash a:hover { color:#003399;}
 .homeflash img {padding:0; margin:8px 8px 0; float:left; border:1px solid #666; display: inline; }
 .arrow  {padding:0; margin:0; width:30px; height:30px; background:url(images/arrow.gif); float:right; display: inline;}
 .arrow:hover { background-position:-30px;} 
 
 #links {float:left; clear:left; margin: 0 0 20px 0; display: inline;  } 
 
 h4 {color:#006666; font-size:0.9em; padding: 10px 0 0px 0; margin:0;} 
 p {margin:5px 0;}
 
 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.bullets {color:#000000; line-height:1.3; display:block; list-style-type:none;  font-size:0.7em; width:80%;}
.bullets li {margin-bottom:20px; width:400px; background:#eee; padding:4px; margin-right:7px; display:block;}

.bullets2 {color:#000000; line-height:1.3;  display:block; list-style-type:none;  font-size:0.7em; width:80%;}
.bullets2 ul {width:180px;float:left; }
.bullets2 li {margin-bottom:10px; background:#ddd; padding:10px; margin-right:7px;  }

#square {padding:3px; width:15px; background:#006699; text-align:center; color:#FFFFFF; font-weight:bold; clear:left; font-size:110%; float:left;  margin:0 7px 7px 0;}

.testimonial { font-family: arial; font-size:12px; line-height: 15px; color: #006666; padding: 6px 30px 2px 0; display:block;}
.testimonialname { font-family: arial; font-size: 11px; line-height: 12px; text-align:right; color: #333333; padding: 2px 50px 12px 0px; display:block;}