html {
margin:0 auto;
padding:0;
}

body{
font-family: Arial, Helvetica, sans-serif;
margin:0 auto;
background:url(../images/bg.gif) center repeat-y #666;
padding:0;
}

body{
font: 76% arial,sans-serif;
text-align:center;
}

a {
text-decoration:none;
color:#333333;
}
a:hover {
text-decoration:underline; 
color:#ff0000;
}

ul {
margin:5px 0 0 15px;
padding:0;
}

.clear {
clear:both;
}

h2 {
font-size:14px;
margin:0px;
font-weight:bold;
}

div#wrapper{
text-align:left;
width:950px; 
margin:0 auto;
}

form {
margin:0;
padding:0;
}

.button {
background: url(../images/css_images/button.gif) top center no-repeat;
width: 120px;
height: 30px;
border:none;
}

.button_lt {
background: url(../images/css_images/button_e2e1e2.gif) top center no-repeat;
width: 120px;
height: 30px;
border:none;
}


/* TOP NAVIGATION--*/

.text_only {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #CCCCCC;
margin: 10px 4px;
text-align:right;
}

div#top_nav ul{
margin:0 0 0 5px;
}

div#top_nav li{
float:left;
width:135px;
list-style:none;
}

div#top_nav li a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:28px;
}

div#top_nav li a:hover {
text-decoration:underline;
color:#990000;
}

#top_nav {
background:url(../images/gradient.jpg) repeat-x #000; 
margin:0;
padding:0;
height:24px;
}

#breadcrumbs {
width:725px; 
height:40px; 
margin:-1px 0 0 0; 
padding:0; 
background:url(../images/topbar.jpg) no-repeat top left #272727;
}


/*--END TOP NEVIGATION--*/

/*--LEFT NAVIGATION--*/

div#left_nav{
background:url(../images/leftbar.jpg) top left no-repeat #1b1b1b; 
float:left;
clear:left;
width:225px;
margin:0;
padding:0;
min-height:650px;
height:auto !important;
height:816px;
}


#menu {
position:relative;
width:185px;
height:29px;

left: 0px;
top: 10px;
}

#menu1 {
position:relative;
width:165px;
left: 0px;
top: 9px;
background-color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
padding: 8px;
text-align:left;
}

#menu1 a {
color:#cccccc;
}

#menu1 a:hover {
color:#990000;
}

#menu2_title {
position:relative;
width:185px;
height:28px;
left: 0px;
top: 60px;
}

#menu2 {
position:relative;
width:165px;
height:145px;
left: 0px;
top: 60px;
background-color: #666666;
color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px 10px 10px 10px;
text-align:left;
}

#menu2 a {
color:#cccccc;
}

#menu2 a:hover {
color:#FF0000;
}

/*--END LEFT NAVIGATION--*/

/*--RIGHT SIDE--*/

#right_side {
float:right; 
width:725px;
margin:0;
padding:0;
}
/*
#topbar {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#AAAAAA;
}
#topbar a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#CCCCCC;
}
#topbar a:hover{
text-decoration:underline;
color:#FF0000;
}
*/
#header_title{
position:relative;
top:-10px;
left:-10px;
text-transform:uppercase;
background-image:url("../images/yellow_bar.gif");
width:460px; 
padding:10px; 
margin-bottom:10px;
}

#header_image {
background-repeat:no-repeat; 
height:80px;
border-top:2px solid #F00;
border-bottom:2px solid #F00;
margin-bottom:10px;
}

#main_content {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding:10px;
background-color:#E2E1E2;

}

#main_content a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}

#main_content a:hover{
color:#FF0000;
}

#main_content #content h2 a {
font-size: 14px;
color:#000000;
}

/*--END OF RIGHT SIDE--*/

/*--FOOTER--*/

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #1b1b1b;
	text-decoration: none;
	width:715px; 
	text-align:right; 
	padding-top:15px; 
	background-color:#E2E1E2; 
	height:15px; 
	border-top:#FF0000 2px solid; 
	clear:both;
	margin:0 5px 0 0;
}
.footer a {
	color: #1b1b1b;
	text-decoration: none;
}
.footer a:hover {
	color: #990000;
	text-decoration: underline;
}

/*--END OF FOOTER--*/

/*--MISCELLANEOUS--*/

div#quiz_wrapper {
background:url(../images/leftbar.jpg);
width:auto;
height:315px; 
text-align:left; 
line-height:180%; 
padding: 15px;
}

.white_text {
font-size: 1.1em;
color:#FFF;
}

.sub_pg_header{
color:black;
font-weight:bold;
font-style:italic;
font-size:16px;
}
.sub_pg_subhead{
color:black;
font-size:13px;
}

.knock-out {
color:#FFFFFF;
}

.condomQuiz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
}

.condomQuiz a {
	color:#CCCCCC;
}

.yellow {
color: #FFFF00
}

.knock-out a, a.knock-out {
color:#FFFFFF;
}

.reader {
position:relative;
top:-1000px;
left:-1000px;
font-size:9px;
width:1px;
height:1px;
}

.call-out {
position:relative;
padding:10px;	
list-style-position:5px;
}

.call-out_pic {
padding:0px;
}







/*

div#content{
margin: 0 225px;
line-height:1.4;
}

div#content p{

}


div#right_side{
background:#FF8539;
float:right;
width:725px;
height: 100px;
}

div#footer{
background: #333;
color: #FFF;
}

div#footer p{
margin:0;
padding:5px 10px;
}

div#footer a{
display:inline;
padding:0;
color: #C6D5FD
}

div#footer{
clear:left;
width:100%;
}

*/