body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	}


A:link { color: #16009e; font-family: tnr; sans-serif; }
A:visited { color: #16009e; font-family: tnr; sans-serif; }
A:active { color: #228622; font-family: tnr; sans-serif; }
A:hover { color: #228622; font-family: tnr; sans-serif; }



strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #69b3ee; /* for everyone else */
	height: 1px;
	}
p {
	line-height: 1.4em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	padding-bottom: 10px;
	}
li {
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	}
	

td {
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}
	
	
	
	
	
body {color: #000000; font-size: 90%; font-family: tnr; sans-serif; }



.reg A:visited { color: #ABD5DB; font-family: tnr; sans-serif; }
.reg A:active { color: #ABD5DB; font-family: tnr; sans-serif; }

H1 {color: #312c4c; font-family: "arial"; }
H2 {color: #312c4c; font-family: "arial"; }
H3, H4 {color: #312c4c; font-family: "arial"; }


#social {width:90%;}
#social ul {margin:2px; list-style: none;float:left;}
#social li {margin:2px; list-style: none;float:left;width:155px;}
#social img {padding:0 3px;}



.list { line-height: 22px; }

ul.nav
{
list-style-type: none;
padding: 0;
margin-left: 0;
line-height: 16px;
display: block
 }
 

.mleft { float: left; margin: 4px 5px 0px 0; clear: left; }



	
	
	
	

div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

html,body{
  margin:0; 
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  background:#69b3ee;
  min-width:802px; 
  text-align:left; 
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} 
#fullheightcontainer{
  margin-left:auto; 
  margin-right:auto; 
  text-align:left; 
  position:relative; 
  width:802px; 
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%; 
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapp\65	r{ 
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */

#outer{
  z-index:1; 
  position:relative; 
  margin-left:160px; 
  width:480px; 
  border-right:1px solid #daeeff; 
  border-left:1px solid #daeeff; 
  background:#daeeff; 
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

* html #outer{ 
  width:482px; 
  w\idth:480px; 
}
#float-wrap{
  width:480px; 
  margin-right:-1px; 
  float:left;
  display:inline;
}
#left{
  width:152px; 
  float:left;
  display:inline;
  position:relative; 
  margin-left:-151px;
 }
*>html #left{width:151px;} 
#container-left{

   padding-left: 20px;
 padding-right: 30px;
 padding-top: 15px;
 padding-bottom: 15px;
 width:125px; 
}
#right{
  float:left;
  display:inline;
  width:152px; 
  margin-right:-150px; 
  margin-left:-45px; 
  position:relative; 
}
/* \*/
* html #right{
  width:132px;
  margin-left:0px;
  margin-right:-520px;
  mar\gin-right:-132px;
}
/* Above style hidden from Mac IE */

#container-right{
padding-left: 20px;
 padding-right: 30px;
 padding-top: 15px;
 padding-bottom: 15px;
 /* \*/
  width:125px;
/* Above hidden from IE-Mac */
  margin-left:30px; 
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:12px;
  mar\gin-left:10px;
}
/* Above style hidden from Mac IE */

/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */

#center{
  width:460px; 
  padding-left: 10px;
 padding-right: 10px;
 padding-top: 15px;
 padding-bottom: 15px;
 float:right;
  display:inline;
  /* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}

#clearheadercenter{
  height:170px; 
  overflow:hidden;  
}
#clearheaderleft{
  height:170px; 
  overflow:hidden;
}
#clearheaderright{
  height:170px; 
  overflow:hidden;
}
#clearfootercenter{
  height:110px; 
  overflow:hidden;
}
#clearfooterleft{
  height:110px; 
  overflow:hidden;
}
#clearfooterright{
  height:110px; 
  overflow:hidden;
}
#footer{
  z-index:1; 
  position:absolute;
  clear: both;
  width:802px; 
  height:110px; 
  overflow:hidden;
  margin-top:-110px; 
}
#subfooter1{
  background-image: url(http://www.thesurveysurfer.com/pics/bottombg800x110.jpg);
  background-repeat: no-repeat;
  text-align:center;
  height:110px; 
}
#header{
  z-index:1; 
  position:absolute;
  top:0px;
  width:802px; 
  height:190px; 
  overflow:visible;
  }
#subheader1{
  background-image: url(http://www.thesurveysurfer.com/pics/topbg800x110.jpg);
  background-repeat: no-repeat;
  text-align:center;
  height:110px; 
}
#subheader2{
  background-image: url(http://www.thesurveysurfer.com/pics/nav800x60.jpg);
  background-repeat: no-repeat;
  margin-top:-14px;
  text-align:left;
  height:60px; 
}

#faux {
 background: #fff url(http://www.thesurveysurfer.com/pics/midbg800x25.jpg) repeat-y;
 background-color: #69b3ee;
 margin-bottom: 5px;
 overflow: auto;
 width: 100%;
 overflow: hidden;
}

#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:500px; 
  margin-left:150px; 
  background-image: url(http://www.thesurveysurfer.com/pics/midbg800x25.jpg) repeat-y 0 0;
  border-right:1px solid #daeeff; 
  border-left:1px solid #daeeff;
  border-left:1px solid #daeeff;
}
* html #gfx_bg_middle{
  display:none; 
}
</style>

<!--[if IE]>
<style type="text/css">
#outer{word-wrap:break-word;}
</style>
<![endif]-->



.menu {padding:0 0 0 0px; margin:0; list-style:none; height:60px; background:#fff url(http://www.thesurveysurfer.com/pics/nav800x60.jpg) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:60px; line-height:80px; color:#ddd; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:60px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:60px; background:url(http://www.thesurveysurfer.com/images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(http://www.thesurveysurfer.com/images/button4b.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(http://www.thesurveysurfer.com/images/button4b.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(http://www.thesurveysurfer.com/images/button4b.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(http://www.thesurveysurfer.com/images/button4b.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(http://www.thesurveysurfer.com/images/button4b.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(http://www.thesurveysurfer.com/images/button4b.gif) no-repeat right top;}

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

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:201;}

.menu ul, 
.menu li:hover ul ul, 
.menu li:hover ul li:hover ul ul,
.menu li:hover ul li:hover ul li:hover ul ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu li:hover ul.sub {left:2px; top:60px; right:2px; background:url(http://www.thesurveysurfer.com/images/dropdownbg.png) padding:3px 3px; border:1px solid #333333; white-space:nowrap; width:216px; height:200px; overflow:auto; z-index:202;  background-color: #9fd2fd;}
.menu li:hover ul.sub li {display:block; height:11px; position:relative; float:left; width:150px; background-color: #9fd2fd;}
.menu li:hover ul.sub li a {font-weight:normal;display:block; font-size:12px; height:16px; width:192px; line-height:16px; text-indent:5px; color:#000000; text-decoration:none; border:3px solid #9fd2fd; border-width:0 0 0 3px;}
.menu li:hover ul.sub li a.fly {background:#fff url(http://www.thesurveysurfer.com/images/arrow.gif) 80px 7px no-repeat;}
.menu li:hover ul.sub li a:hover {background:url(http://www.thesurveysurfer.com/images/dropdownbg.png)}
.menu li:hover ul.sub li a.fly:hover {background:url(http://www.thesurveysurfer.com/images/dropdownbg.png)  80px 7px no-repeat; color:#dddddd;}
.menu li:hover ul li:hover > a.fly {background:url(http://www.thesurveysurfer.com/images/dropdownbg.png) 80px 7px no-repeat; color:#dddddd;} 

.menu li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:90px; top:-4px; background: #9fd2fd; padding:3px 0; border:1px solid daeeff; white-space:nowrap; width:200px; z-index:199; height:auto;}


.menu li:hover ul.stub {left:2px; top:60px; right:2px; background:url(http://www.thesurveysurfer.com/images/dropdownbg.png) padding:3px 0; border:1px solid #333333; white-space:nowrap; width:200px; height:auto; z-index:202;  background-color: #9fd2fd; visibility:hidden;}
.menu li:hover ul.stub li {display:block; height:16px; position:relative; float:left; width:150px; background-color: #9fd2fd;}
.menu li:hover ul.stub li a {font-weight:normal;display:block; font-size:12px; height:16px; width:192px; line-height:16px; text-indent:5px; color:#000000; text-decoration:none; border:3px solid #9fd2fd; border-width:0 0 0 3px;}
.menu li:hover ul.stub li a.fly {background:#fff url(http://www.thesurveysurfer.com/images/arrow.gif) 80px 7px no-repeat;}
.menu li:hover ul.stub li a:hover {background:url(http://www.thesurveysurfer.com/images/dropdownbg.png)}
.menu li:hover ul.stub li a.fly:hover {background:url(http://www.thesurveysurfer.com/images/dropdownbg.png)  80px 7px no-repeat; color:#dddddd;}
.menu li:hover ul li:hover > a.fly {background:url(http://www.thesurveysurfer.com/images/dropdownbg.png) 80px 7px no-repeat; color:#dddddd;}