html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image: url('images/mainbg.gif');
 padding-top:20px;
} 
#outerwrapper{
width:880px;
margin-left:auto; 
 margin-right:auto;}
 
#outerpagewidth{ 
 width:70px; 
 text-align:left;   
  background-image: url('images/footoverlap.jpg');
  background-repeat:no-repeat;
   float:right; 
 position:relative; 
 display:inline;
 height:262px;
margin-top:255px;
} 
#outerpagewidth2{ 
 width:70px; 
 text-align:left;   

   float:left; 
 position:relative; 
 display:inline;
 height:262px;
margin-top:213px;
} 
#pagewidth{ 
 width:740px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
} 

#pagewidth2{ 
 width:740px; 
 text-align:left;  
   float:left; 
 position:relative; 
 display:inline;
} 
 

#header{
 position:relative; 
 height:40px;  
 width:100%;

} 
 #headernav{
 position:relative; 
 height:21px; 
 padding-top:9px;
 padding-right:10px;
 width:730px;
  background-image: url('images/headerbg.jpg');
} 

#wrapper{background-color: #FFFFFF; }
#leftcol{
 width:297px; 
 float:left; 
 position:relative; 
 background-color: #FFFFFF;  
 padding-left:20px;
  padding-right:20px;
     min-height:405px; height:auto !important; height:405px; }
 
 #leftcol2{
 width:497px; 
 float:left; 
 position:relative; 
 background-color: #FFFFFF;  
 padding-left:20px;
  padding-right:20px;
     min-height:405px; height:auto !important; height:405px; }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:403px; 

   background-image: url('images/homebg.jpg');
background-position:bottom left;
background-repeat:no-repeat;
   min-height:447px; height:auto !important; height:447px; 
 }
 
 #maincol2{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:403px; 
   min-height:405px; height:auto !important; height:405px; 
 }
 
  #maincol3{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:203px; 
   min-height:405px; height:auto !important; height:405px; 
 }
 
#slideshow{ height:85px; 
 clear:both;
 background-color: #FFFFFF; }

#footer{
 height:30px; 
   background-image: url('images/footerbg.jpg');
 clear:both;
 } 
 
#survey {width:291px;
background-image:url(images/pinkbg.jpg);
height:112px;
background-repeat:no-repeat;
color:#ffffff;
font-size:10px;
padding:10px 10px 0px 10px;
text-align:center;}

#voucher {width:180px;
background-image:url(images/infocus-voucher-bg.jpg);
height:112px;
background-repeat:no-repeat;
color:#ffffff;
font-size:10px;
padding:20px 130px 0px 10px;
text-align:center;}

#survey2 {width:291px;
background-image:url(images/survey2bg.jpg);
height:212px;
background-repeat:no-repeat;
color:#ffffff;
font-size:10px;
padding:10px 10px 0px 10px;
text-align:center;}

.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* CLASSES */
.navtext {font-family: verdana ; color: #ffffff; font-size: 10pt;  text-align:right;}
.navtext a:link, a:active, a:visited {font-family: verdana ; color: #ffffff; font-size: 10pt;  text-align:right; text-decoration:none;}
.navtext a:hover{font-family: verdana ; color: #ffffff; font-size: 10pt;  text-align:right; text-decoration:underline;}
.pinktext {font-family: verdana ; color: #CC3399; font-size: 100%;}
.body {font-family: verdana ; color: #666666; font-size: 10pt;  text-align:left;}