body {font-family:Arial, Helvetica, sans-serif; text-align: center; min-width: 806px; background-image: url("images/tiledbg.gif"); background-color: #3FA1C6; color: #000; margin: 0; padding: 0; border: 0; }

#main {position: relative; margin: 0 auto; width: 806px; text-align: left; height: 100%; }
#header {position: absolute; top: 0px; left: 0px; width: 806px; height: 111px; background-image: url("images/site_bg_head2.jpg"); }
#bodywrap {position: absolute; width: 806px; top: 111px; background-image: url("images/site_bg_tile.gif"); }
#content {margin: 0px 0px 0px 210px; width: 550px; min-height: 750px; }
#footer {position: relative; width: 806px; height: 120px; font-size:10px;  background-image: url("images/site_bg_foot.gif"); }

#nav a {background-position: 0 0; background-repeat: no-repeat; }
#nav a:hover {background-position: -167px 0; }
#nav a:active {background-position: -167px 0;}

.nav1 {position: absolute; display: block; top: 0px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_1_home.gif");}
.nav2 {position: absolute; display: block; top: 22px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_2_whowork.gif");}
.nav3 {position: absolute; display: block; top: 44px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_2a_singles.gif");}
.nav4 {position: absolute; display: block; top: 61px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_2b_couples.gif");}
.nav5 {position: absolute; display: block; top: 78px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_2c_families.gif");}
.nav6 {position: absolute; display: block; top: 95px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_2d_teens.gif");}
.nav7 {position: absolute; display: block; top: 112px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_2e_sex.gif");}
.nav8 {position: absolute; display: block; top: 132px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_3_howwork.gif");}
.nav9 {position: absolute; display: block; top: 154px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_4_services.gif");}
.nav10 {position: absolute; display: block; top: 176px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_5_about.gif");}
.nav11 {position: absolute; display: block; top: 198px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_6_resources.gif");}
.nav12 {position: absolute; display: block; top: 221px; left: 28px; width: 167px; height: 19px; background-image: url("images/nav_7_faqs.gif");}

.heademaillink {position: absolute; top: 83px; left: 428px; width: 300px; height: 13px; }

img.rule { width: 573px; height: 1px; }
img.rightphoto {float: right; margin: 16px 8px 6px 20px;}
img.leftphoto {float: left; margin: 16px 16px 8px 12px;}


p {font-family:Arial, Helvetica, sans-serif; font-size:14px/130%; color: #000; margin-left:10px;}
p.pagetitle {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight: bold; font-style: italic; margin: 6px;}

#footer a:link {color: #ffffff; text-decoration: none; }
#footer a:visited {color: #ffffff; text-decoration: none; }
#footer a:hover {color: #ffffff; text-decoration: underline; }
#footer a:active {color: #ffffff; text-decoration: none; }

#sidebar {font-family:Arial, Helvetica, sans-serif; margin:0 0 0 30px; width:160px; float:left; text-align:right; font-size:12px; color:#CCCCCC; }
#sidebar a:link {color: #ffffff; text-decoration: none; }
#sidebar a:visited {color: #ffffff; text-decoration: none; }
#sidebar a:hover {color: #3FA1C6; text-decoration: underline; }
#sidebar a:active {color: #ffffff; text-decoration: none;}
.side {border-color:#6E6E6E; border-style:dotted; border-width:1px; background-color:#F5F5F5; padding:5px; width:93%; margin-right:5px;}
.side-text {color:#194A66; font-style:italic;}
.side-head {color:#194A66; font-size:15px; margin:0; font-style:normal;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #184B66; margin: 15px 10px 10px 10px; }
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin: 16px 10px 0px 10px; }
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 16px 10px 0px 10px; }
h4 {font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;  color: #336600; margin: 0 10px 0 10px; }


.report {font-size: 16px; font-weight: bold; color:#006699; margin:16px 0 16px 0; text-align:center}
.blue {font-size: 14px; font-weight: bold; color:#006699;}
.bluebold {font-size: 16px; font-weight: bold; color:#006699;}
.blueboldheadline {font-size: 20px; font-weight: bold; color:#006699;}
.blueboldreport {font-size: 28px; font-weight: bold; color:#006699;}
.formfont {font-size: 12px;}
.name {font-size: 14px;font-style: italic;font-weight: bold; margin:0 0 0 7px;}
.title {font-size: 14px;font-style: italic;margin:0 0 0 7px;}
.footer-top {position: absolute; font-size:10px/120%; color: #FFFFFF; top: 33px; left: 210px;}
.footer-bottom {position: absolute; font-size:10px/120%; color: #FFFFFF; top: 90px; left: 210px;}
.caption {font-size: 12px;}

a:link {color: #006699; text-decoration: underline; }
a:visited {color: #006699; text-decoration: underline; }
a:hover {color: #3FA1C6; text-decoration: none; }
a:active {color: #006699; text-decoration: underline; }

ul {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
li {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin-top:5px; margin-bottom:5px; }

.about ul {font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:0; margin-top:0;}
.about li {font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:0; margin-top:0;}