html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#E2E2E2;
} 
 
#pagewidth{ 
 width:100%; 
 text-align:center;  
 background-color:#232323;
 
} 

#pagewidth2{ 
 width:100%; 
 text-align:center;  
  background-color:#ffffff;
 background-image:url(images/mainbg.jpg);
 background-repeat:repeat-x;
 
} 
 
 #navheader{
 position:relative; 
 padding-top:15px;
 height:35px; 
  background-color:#FFFFFF; 
  background-image: url(images/navheadbg.jpg);
 width:740px;
 text-align:center;
 margin-left:auto; 
 margin-right:auto; 
 color:#ffffff;
 font-size:9pt;
 font-family:verdana;
 
} 

#navheader a {color:#ffffff; text-decoration:none;}
#navheader a:hover {color:#ffffff; text-decoration:underline;}
 
#header{
 position:relative; 
 height:177px; 
  background-color:#FFFFFF; 
  background-image:url(images/banner.jpg);
 width:740px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 
} 

#header2{
 position:relative; 
 height:177px; 
  background-color:#FFFFFF; 
  background-image:url(images/banner2.jpg);
 width:740px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 
} 

#header3{
 position:relative; 
 height:177px; 
  background-color:#FFFFFF; 
  background-image:url(images/banner5.jpg);
 width:740px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; }

#header4{
 position:relative; 
 height:177px; 
  background-color:#FFFFFF; 
  background-image:url(images/banner6.jpg);
 width:740px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; }

#header5{
 position:relative; 
 height:177px; 
  background-color:#FFFFFF; 
  background-image:url(images/banner3.jpg);
 width:740px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; }
 
 #header6{
 position:relative; 
 height:177px; 
  background-color:#FFFFFF; 
  background-image:url(images/banner4.jpg);
 width:740px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; }


#wrapper{
 width:740px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 


}

#lowerbanner{
  background-image:url(images/lowerbannerbg.jpg);
  padding-top:55px;
  height:19px;
  background-repeat:no-repeat;
   color:#ffffff;
 font-size:8pt;
 font-family:verdana;
 text-align:right;
}
 

#lowerbanner2{
  background-image:url(images/lowerbannerbg2.jpg);
  padding-top:55px;
  height:19px;
  background-repeat:no-repeat;
   color:#ffffff;
 font-size:8pt;
 font-family:verdana;
 text-align:right;
}
  

#lowerbanner3{
  background-image:url(images/lowerbannerbg5.jpg);
  padding-top:55px;
  height:19px;
  background-repeat:no-repeat;
   color:#ffffff;
 font-size:8pt;
 font-family:verdana;
 text-align:right;
}
  

#lowerbanner4{
  background-image:url(images/lowerbannerbg6.jpg);
  padding-top:55px;
  height:19px;
  background-repeat:no-repeat;
   color:#ffffff;
 font-size:8pt;
 font-family:verdana;
 text-align:right;
}

#lowerbanner5{
  background-image:url(images/lowerbannerbg3.jpg);
  padding-top:55px;
  height:19px;
  background-repeat:no-repeat;
   color:#ffffff;
 font-size:8pt;
 font-family:verdana;
 text-align:right;
}
   
#lowerbanner6{
  background-image:url(images/lowerbannerbg4.jpg);
  padding-top:55px;
  height:19px;
  background-repeat:no-repeat;
   color:#ffffff;
 font-size:8pt;
 font-family:verdana;
 text-align:right;
}
  
 
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:500px; 
 color:#333333;
 font-size:10pt;
 font-family:verdana;
  border-right:1px #666666 dotted;
  padding-right:10px;
 }
 
 .imagewrapper{width:100%;margin-bottom:15px;}
 .imagewrapperleft{ float: left;  display:inline;  position: relative;  width:50%; }
 .imagewrapperright{float: right;  display:inline;  position: relative;  width:50%;}
 
 h1 { color:#333333;
 font-size:12pt;
 font-family:verdana; font-weight:bold;}
 .imagewrapperq8{width:190px;margin-bottom:15px;background:#ffffff;background-image:url('images/q8logo.jpg'); background-repeat:no-repeat;  border:1px #666666 solid;padding:10px;  }
 
  .imagewrapperadblue{width:190px;margin-bottom:15px;border:1px #666666 solid;padding:10px; background:#ffffff;}
 
  .imagewrapperleft2{ float: left;  display:inline;  position: relative;  width:28%;  padding-top:10px;padding-left:10px;}
 .imagewrapperright2{float: right;  display:inline;  position: relative;  width:68%; padding-top:10px;}
 
   .imagewrapperleft3{ float: left;  display:inline;  position: relative;  width:45%;  padding-top:10px;padding-left:10px;}
 .imagewrapperright3{float: right;  display:inline;  position: relative;  width:50%; padding-top:10px;}
 
 .faqwrapper{clear:both;width:100%;}
 .faqleft{width:47%;float: left;  display:inline;  position: relative;padding-right:10px;}
 .faqright{width:48%;float: right;  display:inline;  position: relative; background-image:url('images/learn_morebg.jpg'); padding-left:10px; padding-right: 10px;}
 
 #rightcol{
  float: right; 
 display:inline; 
 position: relative; 
 width:215px; 
  color:#333333;
 font-size:10pt;
 font-family:verdana;
 text-align:left;

 }
 
#footer{
 height:45px; 
background-image:url(images/footerbg.jpg);
 clear:both;
 width:740px;
 padding-top:5px;
  color:#ffffff;
 font-size:7pt;
 font-family:verdana;
 margin-left:auto;
 margin-right:auto;
 } 
 
 #footer a{color:#ffffff; }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}