* {margin:0; padding:0;}

body {
	  font-size:80%;
	  background-image:url(images/bg-tile.gif);
	  background-position:top left;
	  background-repeat:repeat-x;
	  text-align:center;
	  font-family:Arial, Helvetica, sans-serif;
	  behavior:url("csshover.htc");
	  color:#000;
	  }
	  
.pdleft {
	padding-left: 15px;
}
	  
#header {
	  	 background-image:url(images/cloud.jpg);
		 background-position:top right;
		 background-repeat:no-repeat;
		 height:106px;
		 width:100%;
		 min-width:777px;
		 }
* html {width:777px;}
		 
#wrapper {
	      width:777px;
		  margin:auto;
		  text-align:left;
		  position:relative;
		  }
#nav {position:absolute; top:-44px; left:100px; height:24px; text-transform:uppercase;}  
#nav ul {list-style-type:none; float:left;}
#nav li {float:left; padding:0 15px; position:relative; background-image:none;}

#nav ul li ul {position:absolute;
			   top:24px;
			   left:0;
			   margin:0;
			   /*width:85px*/ width:310px;
			   z-index:200;
			   background-color:#27508e;
			   color:#FFF;
			   text-transform:capitalize;
			   border:2px solid #FFF;			   
			   }

#nav ul li ul li ul{
			   display: block;
			   top:24px;
			   left:0;
			   margin:0;
			   /*width:85px*/ width:310px;
			   border: 0 solid #FFFFFF;
			   height: 50px;
			   z-index:200;
			   background: transparent;
			   text-transform:capitalize;}			   

#nav ul li ul li {padding:0; padding-left:10px; /*width:75px;*/ width:300px; white-space:nowrap;}
#nav ul li ul li:hover {background-color:#5ba2ce; background-image:none;}

#nav a {line-height:24px; display:block;}
#nav a:link {color:#fff; text-decoration:none;}
#nav a:visited {color:#fff; text-decoration:none;}
#nav li:hover {background-image:url(images/btn-over.gif); background-repeat:repeat-x;}
#nav .selected {background-image:url(images/btn-over.gif); background-repeat:repeat-x;}


#nav ul li ul {display:none;}
#nav ul li:hover ul, #nav ul li ul:hover  {display:block;}

.logo {position:absolute; top:-120px; left:0px;}

ul {margin-left:30px;}
li {background-image:url(images/bullet.gif); 
	list-style-type:none; 
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:15px;
	padding-bottom:5px;
	}
p {font-size:13px; text-align:left;}
h1 {color:#FFF; 
	font-size:18px; 
	text-align:right;
	padding-top:10px;
	font-weight:normal;
	}
h1.headline {position:absolute; top:-130px; left:100px; }
h2 {color:#FFF; font-size:21px; padding-left:10px; font-weight:normal;}	
h2.services {background-image:url(images/hdl-green.gif); width:244px; height:24px;}
h2.newsletters {background-image:url(images/hdl-blue.gif); width:236px; height:24px;}
h2.aff {background-image:url(images/hdl-green.gif); width:234px; height:24px;}
h3 {background-image:url(images/int-hdl.gif);
    height:23px;
	width:155px;
	font-size:21px;
	color:#FFF;
	padding-left:10px;
	font-weight:normal;
	margin-bottom:10px;
	}
h4 {color:#013889; padding:20px 0 0px 15px; font-size:20px; font-weight:normal;}
h6 {color:#000; font-size:18px; text-align:center; margin:auto;}

#content {margin-top:19px;
	      min-height:400px;}
* html #content {height:400px;}

#topRight {float:right; background-color:#dfedfa; width:385px; font-size: 90%; height: 259px;}
#topRight p {width:360px; 
			 padding:5px 10px 6px 10px; 
			 margin-left:5px; 
			 color:#003688;
			 line-height:14px; font-size: 110%;}
#topRight ul {margin:5px 0 0 15px;}
#topRight li {
	background: none;
	background-image:url(images/squarebullet.gif); 
	list-style-type:none; 
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:15px;
	padding-bottom:0;
	font-weight: bold;
	color: #063190;
	}
#imageSlideshowHolder {float:right; width:389px; height:259px; position:relative; z-index:1;}

.imageInGallery{		
width:389px;
height:359px;
background-color:#FFF;}

#imageSlideshowHolder img{
	position:absolute
}

#btm {float:left; margin-top:20px;}
#btm a {float:right; margin-top:-15px; font-size:11px;}
#btm p, #btm ul  {font-size:11px; padding-top:10px;}

#learnmore {float:left; margin-top:20px; }
#learnmore a {font-size:11px;}
#learnmore p, #learnmore ul  {font-size:11px; padding-top:10px;}

#services {float:left; width:255px;}

#services-new {float:left; background:url(images/int-content-tileL.gif) repeat-y -165px 0; font-size: 95%;}

#servicesleft { float: left; width: 220px; }

#servicesleft p { margin: 0 10px 0 0; }

#servicesleft ul { font-size: 90%; margin: 20px 0 0 10px; }

#servicesleft h4 { background-image:url(images/hdl-green.gif); width: 197px; height:24px; color: #FFFFFF; margin: 10px 0 10px 0; padding: 5px 0 5px 15px;}

#servicesmiddle { float: left; width: 340px; margin: 0;}

#servicesmiddle h4 { background-image:url(images/hdl-green.gif); width:100%; height:24px; color: #FFFFFF; margin: 10px 0 10px 0; padding: 5px 0 5px 15px;}

#servicesright { float: left; width: 200px; margin: 50px 0 0 10px; *margin: 50px 0 0 0;}

#servicesright p { text-align: center; }

#servicesright ul { margin-left: 15px; }

#newsletters {float:left; width:246px; margin-left:15px; display:inline;}
.news {float:left; padding-right:5px; padding-top:10px;}
#aff {float:left; width:244px; margin-left:15px; display:inline; text-align:left;}
#aff .logos { width:112px; text-align:right;}
#aff .logos img {margin:15px 0 5px;}
#aff .council {margin-top:15px; margin-right:15px;}

#interior {width:737px; 
		   background:url(images/int-content-tile.gif) repeat-y -1px 0;
		   min-height:300px;
		   float:left;
		   }
#interiorL {width:777px; 
		   background:url(images/int-content-tileL.gif) repeat-y -1px 0;
		   min-height:300px;
		   float:left;
		   }
		   
#interiorL p, table{
	padding: 0 0 0 15px;
}
		   
.sideImg {margin-top:40px;}
.sideImgL {margin-top:50px; margin-left:90px;}
#firstCol {float:left; width:194px; color:#0f4290; min-height:385px;
		  /* background:url(images/warranty.jpg) no-repeat  center bottom;*/}
* html #firstCol {height:385px;}
#firstCol p,#firstColL p {padding:10px 15px; line-height:15px;}


#secondCol,#thirdCol,#fourthCol {min-height:363px;}
#secondCol p, #thirdCol p,#fourthCol p {font-size:12px; line-height:15px; padding-bottom:10px;}
#secondCol img,#thirdCol img,#fourthCol img {padding:10px 0;}

#secondCol {float:left; width:163px; margin:20px 10px 10px 11px; display:inline;}
#thirdCol {float:left; width:163px; margin:20px 7px 10px 8px; display:inline;}
#fourthCol {float:right; width:163px; margin:20px 6px 10px 0px; display:inline;}

#firstColL {float:left; 
		    width:375px; 
			color:#0f4290; 
			min-height:385px; 
			margin-top:-2px;
			}
* html #firstColL {height:385px;}

#firstColL h4 { background-image:url(images/hdl-green.gif); height:24px; color: #FFFFFF; margin: 22px 0 10px 0; padding: 0 0 0 15px;}
#firstColL ul { font-size: 95%;}
#secondColL {width:380px;
	 		 float:left;
			 margin:20px 0px 10px 10px;
			 display:inline;}
#secondColL h3 {background-repeat:repeat-x; width:380px;}
#secondColL p {line-height:15px; padding:10px 0px; width:390px; margin:0;}

p.notes {background-color:#27508e; color:#FFF; padding:5px;}
p.smallNote {margin-top:-8px; text-align:right;}

form {margin-top:20px;}
form input {width:250px; border:1px solid #666;}
form textarea {border:1px solid #666; width:250px;}
#submit {margin-left:170px; width:70px;}


p.footer {font-size:11px; font-weight:bold; padding-top:20px;}

a img {border:none;}
.clear {clear:both;}