/* On Their Leve CSS v1.0
Created on 08.29.06 */

body {
	margin:0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding-bottom: 15px;
	}

#otl {
	background-color: #ECECE7;		
	text-align:center;
}
img {
	border: 0;
}
p {
	margin: 5px 0 8px ;
	padding: 0;
	}
td { 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}
#otl h1 {
	margin:0;
	padding:0;
	color: #0B3C8D;
	font-size: 22px;
	}	
#otl h2 {
	margin: 0 0 8px 0;
	padding:0 0 8px 0;
	font-size: 18px;
	font-weight:bold;
	color: #E62928;
	}
#otl h3 {
	margin:0;
	padding: 0;
	font-weight:bold;
	font-size: 13px;
	}
#otl h4 {
	margin:5px 0;
	padding: 0;
	font-size: 13px;
	font-weight:normal;
	color: #9F2800;
	}
#otl a:link, a:visited {
	color: #D88100;
	text-decoration:none;
	}
#otl a:hover, a:active {
	text-decoration: underline;
	}
/* Main CSS
--------------------------------------------------------------------- */

#otl #wrapper {
	margin: 0 auto;
	width: 750px;
	text-align:left;
	}
#otl #container {
	width: 700px;
	margin-left:30px;
	margin-top: 29px;
	background: url(/global/images/on-their-level/line_black.gif) 16px 0px repeat-y;
	border-right: 1px solid #000;	
	}
#otl #logo {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	background: url(/global/images/on-their-level/logo-patt.gif) repeat-x;
	font-size: 0px;
	float: right;
	}
#otl #home_content {
	margin-left:17px;
	background-color: #000;
	color: #FFF;
	}
#otl #content {
	float: right;
	padding: 15px 35px 5px 0;
	width: 415px!important;
	width: 450px;
	min-height: 500px;
	//height: 500px;
	}
	
	
/* sidebar
--------------------------------------------------------------------- */
#otl #sidebar {
	float:left;
	width: 189;
	padding: 10px 0 0 0;
	visible: false;
	}
#otl #sidebar a:link, #sidebar a:visited {
	color: #E62928;
	visible: false;
	}
#otl #sidebar a:hover, #sidebar a:active {
	color: #000;
	visible: false;
	}
#otl #sidebar .subnav {
	clear:both;
	margin: 4px 0 4px 0;
	visible: false;
	}
#otl #sidebar .subnavtxt {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 154px!important;
	width: 164px;
	padding: 0 4px 4px 4px;
	margin-left: 25px!important;
	margin-left: 25px;
	overflow:hidden;
	visible: false;
	}
#otl #sidebar .subnavtxt p {
	padding: 4px 0px 0px 7px;
	margin: 0px;
	visible: false;
}
/* home list
--------------------------------------------------------------------- */
#otl .list01 {
	padding: 7px 14px 0 0;
	margin: 0 0 -8px 0;
	visible: false;
	}
#otl .list01 ul {
	margin: 0;
	padding-left: 20px;
	color: #FFF;
	visible: false;
	}
#otl .list01 li {
	margin: 4px 0 5px 0!important;
	margin: 4px 0 4px 0;
	list-style-image: url(/global/images/on-their-level/icon-home-arrow.gif);
	visible: false;
	}
	
#otl #home_content p {
	color: #E62928;
	font-weight: bold;
}

#otl #home_content .home-p {
	margin: 0 0 0 -20px;
}
#otl #home_content .home-p-es {
	margin: 10px 0 20px 20px;
}

/* nav
--------------------------------------------------------------------- */

#otl #topnav {
	height:25px;
	//height: 24px;
	background-color: #000;
	padding: 0 0 0 8px;
	font-weight: bold;
	text-align: center;
	visible: false;
	}

#otl #topnav-wrapper {
	margin:auto; 
	width: 766px;
	//width: 740px;
	text-align: left;
	visible: false;
	}

#otl #topnav a {
	height:19px!important;
	height: 22px;
	float: left;
	padding: 3px 6px 0 6px;
	margin-left: 10px;
	margin-top: 3px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	font-size: 10px;
	color: #FFF;
	visible: false;
	}
#otl #topnav a:link, #otl #topnav a:visited {
	color: #E52928;
	visible: false;
	}
#otl #topnav a:hover {
	color: #E68728;
	visible: false;
	}
#otl #topnav a.on {
	/* background: #ECECE7 url("images/topnav-btn-patt.gif") repeat-x; */
	color: #FFF;
	font-weight: bold;
	visible: false;
	}
#otl #topnav a:visited.on {
	color: #FFF;
	visible: false;
	}
#otl #topnav2 {
	clear:right;
	border: 1px solid #000;
	border-right: 0px;
	padding: 7px 0 0 22px!important;
	padding: 7px 0 0 9px;
	background-color: #e68728;
	height: 20px!important;
	height: 27px;
	visible: false;
	}
#otl #topnav2 a {
	float:left;
	display:block;
	padding: 0 13px 0 0;
	margin: 0 0 0 13px;
	visible: false;
	}
#otl #topnav2 a.adiv  {
	background: url(/global/images/on-their-level/div_nav.gif) top right no-repeat;
	}

/* Box bucket
--------------------------------------------------------------------- */
#otl #box_bucket {
	background: url(/global/images/on-their-level/box_bucket_bg.gif) 0 8px repeat-x;
	}
#otl #box_bucket .more {
	text-align:right;
	visible: false;
	}
#otl #box_bucket .more a {
	padding-right: 14px;
	color: #E62928;
	font-weight:bold;
	background: url(/global/images/on-their-level/icon_arrow01.gif) center right no-repeat;
	visible: false;
	}
#otl #box_bucket p {
	padding: 0 13px 0 13px;
	visible: false;
	}
#otl #box_bucket .box1 {
	width: 213px;
	border: 1px solid #000;
	float:left;
	margin-left: 10px;
	visible: false;
	}
#otl #box_bucket .box_left {
	margin: 0 0 0 0!important;
	margin: 0 -3px 0 -3px;
	float:left;
	visible: false;
	}
#otl #box_bucket .clear_boxes {
	clear:both;
	height: 1px;
	overflow:hidden;
	visible: false;
	}
/* footer
--------------------------------------------------------------------- */
#otl #footer {
	font-size: 10px;
	clear:both;
	color: #663300;
	padding: 10px 0 0 0;
	}
#otl #footer .foot_nav {
	padding: 4px 25px 4px 25px;
	background-color: #E68728;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	text-align:right;
	visible: false;
	}
#otl #footer .foot_logo {
	text-align:right;
	padding: 4px 25px;
	visible: false;
	}
#otl #footer .bottomdiv {
	clear:both;
	margin-left: 16px;
	height: 15px;
	border-bottom: 1px solid #000;
	visible: false;
	}
#otl #footer a {
	color: #663300;
	}
	
/* quiz
--------------------------------------------------------------------- */


#quiz h4 {
	margin-bottom: 5px;
	margin-top: 5px;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

#quiz div.quiz-result input, #quiz div.quiz-result textarea {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 12px;
}

#quiz div.quiz-result textarea  {
	width: 375px;
	height: 100px;
}

#quiz div.quiz-result input  {
	width: 50px;
}


.quiz-result {
	background-color: #F9C9C9; 
	border: solid 1px black; 
	margin-bottom: 10px;
}

.quiz-question {
	font-weight: bold; 
	padding: 5px; 
	margin-top: 0px; 
	background-color: #E62928; 
	border-bottom: solid 1px black;
	color: #FFF;
}

.quiz-answer {
	margin: 10px; 
	font-size: 12px;	
}

.responder {
	color:#990000;
}
/* Common CSS
--------------------------------------------------------------------- */
.right {
	float:right;
	visible: false;
}
.left {
	float:left;
	visible: false;
}
.clear {
	clear:both;
	visible: false;
}
.clearRight {
	clear:right;
	visible: false;
}
.clearLeft {
	clear:left;
	visible: false;
}
.imgRight {
	float:right;
	margin: 0px 0px 10px 10px;
	visible: false;
}
.imgLeft {
	float:left;
	margin: 0px 10px 10px 0px;
	visible: false;
}
.center_txt {
	text-align:center;
	visible: false;
	}
.home_img {
	float:left;
	margin: 0 30px 0 0;
	visible: false;
	}
	
.home_ttl {
	margin: 0 0 0 -20px;
	visible: false;
	}
.diviter01 {
	clear: left;
	height: 14px;
	border-top: 1px solid #000;
	background-color: #FFFFFF;
	visible: false;
	}
	
/* Ektron Styles
--------------------------------------------------------------------- */

 .separator {
    caption: --------- OnTheirLevel Styles ------------------------;
} 

.otl-a-head {
	margin: 0 0 8px 0;
	padding:0 0 8px 0;
	font-size: 18px;
	font-weight:bold;
	color: #E62928;
	caption: Level 1--Section Title;
}

.otl-b-head {
	color: #E68728;
	font-size: 13px;
	font-weight:bold;
	caption: Level 2--Paragraph Header;
	}
	
.otl-c-head {
	font-weight:bold;
	text-transform: uppercase;
	caption: Level 3--Paragraph Sub-header;
	}



/* On My Level */
 


#oml {
	background-color: #000;
	display: table;
	width: 100%;
	height: 100%;
	valign: center;	
	vertical-align: middle; 
	text-align: center; 
}

#oml div#mastercontainer2 {
	position: relative; 
	color: #FFFFFF; 
	top: 200px; 
	width: 100%; 
	text-align:center;
}
#oml div#mastercontainer2 td, #oml div#mastercontainer2 a {
	color: #FFFFFF; 
}

#wrapper2 {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background: #000 url(/global/images/on-my-level/wrapper2_bg.jpg) 0 0 no-repeat;
	position: relative;
	padding-top: 7px;
	text-align:left;
	}
#sidebar2 {
	position: absolute;
	width: 205px;
	left: 0;
	top: 7px;
	}
#container2 {
	padding: 0 0 0 204px!important;
	padding: 0 0 0 204px;
	
	}

#container2 a {
	color: #CCCCCC;
}
/* Logo 2
-----------------------------------------------------------------------------*/
#logo2 {
	background: url(/global/images/on-my-level/logo2_OML.jpg) 0 0 no-repeat;
	width: 178px!important;
	width: 205px;
	height: 104px!important;
	height: 127px;
	padding: 28px 0 0 27px;
	
	}
#logo2 a {
	height: 20px;
	float: left;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	}
#logo2 a:hover {
	background-position: 0 -20px;
	}
#top2_back {
	width: 51px;
	background: url(/global/images/on-my-level/btn2_back.gif);
	}
	


/* Green Buttons */

.green_buttons {
	padding: 30px 0px 0px 40px;	
}

.green_buttons a {
	height: 20px;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	display: block;
}

.green_buttons a:hover {
	background-position: 0 -20px;
	}
	
#top2_In_English {
	width: 87px;
	background-image: url(/global/images/on-my-level/btn2_inenglish.gif);
}

#top2_In_Spanish {
	width: 87px;
	background-image: url(/global/images/on-my-level/btn2_inspanish.gif);
	/*display: none;*/
}


/* Left Nav
-----------------------------------------------------------------------------*/
#left_nav2 {

	}

#left_nav2 a {
	height: 24px;
	display:block;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	}
#left_nav2 a:hover {
	background-position: 0 -24px;
	}
#top2_friendship {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_friendship.gif);
	}
#top2_Romantic_Relations {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Romantic_Relations.gif);
	}
#top2_Puberty {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Puberty.gif);
	}
#top2_Gender {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Gender.gif);
	}
#top2_Decision_Making {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Decision_Making.gif);
	}
#top2_Peer_Pressure {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Peer_Pressure.gif);
	}
#top2_friendship_Spanish {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_friendship_Spanish.gif);
	}
#top2_Romantic_Relations_Spanish {
	width: 154px;
	background: url(/global/images/on-my-level/btn2_Romantic_Relations_Spanish.gif);
	}
#top2_Puberty_Spanish {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Puberty_Spanish.gif);
	}
#top2_Gender_Spanish {
	width: 185px;
	background: url(/global/images/on-my-level/btn2_Gender_Spanish.gif);
	}
#top2_Decision_Making_Spanish {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Decision_Making_Spanish.gif);
	}
#top2_Peer_Pressure_Spanish {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Peer_Pressure_Spanish.gif);
	}

#top2_Recent {
	width: 134px;
	background: url(/global/images/on-my-level/btn2_Recent.gif);
	}

/* ask_questions
-----------------------------------------------------------------------------*/
#ask_questions2 {
	background: url(/global/images/on-my-level/ask_question_bg.jpg) top left no-repeat;

	color: #FFF;
	height: 205px;
	padding-left: 40px;
	padding-top: 12px;
	margin-top: 9px!important;
	margin-top: 15px;
	}
#ask_questions2 .form_ttl {
	color: #FFCC00;
	font-size: 14px;
	font-weight:bold;
	}
#ask_questions2 span {
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	}
#ask_questions2 .select_box {
	margin-bottom: 4px;
	}
#ask_questions2 p {
	padding: 0 65px 0 0;
	}
#ask_questions2 .input2_02 {
	background: url(/global/images/on-my-level/input2_email_bg.gif) top right no-repeat;
	width: 242px;
	border: none;
	font-size: 17px;
	margin-left: 1px;
	}
#ask_questions2 .input2_01 {
	vertical-align:middle;
	margin-left: 8px;
	width: 75px;
	height: 34px;
	overflow: hidden;
	background: url(/global/images/on-my-level/btn2_submit_bg.jpg) 0 0 no-repeat;
	cursor: hand;
	}
#ask_questions2 .input2_01:hover {
	background-position: 0 -34px;
	}

/* recent_q_a
-----------------------------------------------------------------------------*/
#recent_q_a {
	width: 419px!important;
	width: 479px;
	height: 315px;
	background: url(/global/images/on-my-level/recent_questions_bg.jpg) 0 0 no-repeat;
	padding: 12px 20px 0 40px;
	color: #FFF;
	margin-top: 1px;
//	margin-top: -6px;	
	}
#recent_q_a span {
	font-family: arial black;
	font-size: 11px;
	
	color: #FF9900;
	}
#recent_q_a_image {
	width: 185px;
	height: 16px;
	font-size: 1px;
	padding-bottom: 2px;
	background: url(/global/images/on-my-level/ttl_recent_q_a.gif) 0 0 no-repeat;
	margin-top: -3px;
	padding-top: 0px;
	
}
#recent_q_a_image.top2_friendship {
	background-image: url(/global/images/on-my-level/ttl_friendship_q_a.gif);
}
#recent_q_a_image.top2_Romantic_Relations {
	background-image: url(/global/images/on-my-level/ttl_romantic_rela_q_a.gif);
}
#recent_q_a_image.top2_Puberty {
	background-image: url(/global/images/on-my-level/ttl_puberty_q_a.gif);
}
#recent_q_a_image.top2_Gender {
	background-image: url(/global/images/on-my-level/ttl_gender_q_a.gif);
}
#recent_q_a_image.top2_Decision_Making {
	background-image: url(/global/images/on-my-level/ttl_decision_making_q_a.gif);
}
#recent_q_a_image.top2_Peer_Pressure {
	background-image: url(/global/images/on-my-level/ttl_peer_pressure_q_a.gif);
}


/* Facts Iframe */
a {
	-moz-outline-style: none;
}
#title_image {
	color: #FFFFFF;
	background-color: #000000;
	padding-left: 25px;
	margin-bottom: -2px;
}
#image {
	float: left; 
	width: 123px; 
	height: 145px; 
	font-size: 0px;
}
#text {
	padding-top: 19px; 
	padding-left: 65px;
	padding-right: 40px;
	height: 467px;	
	font-weight: bold;
	font-size: 11px;
	font-family: Helvetica, sans-serif;
}
.facts .friendship { 
	background: url(/global/images/on-my-level/bg-facts-iframs.jpg) 0 0 no-repeat;	
}
.facts .romantic { 
	background: url(/global/images/on-my-level/bg_romantic.jpg) 0 0 no-repeat;	
}
.facts .puberty{ 
	background: url(/global/images/on-my-level/bg_puberty.jpg) 0 0 no-repeat;	
}
.facts .gender { 
	background: url(/global/images/on-my-level/bg_gender.jpg) 0 0 no-repeat;	
}
.facts .decision { 
	background: url(/global/images/on-my-level/bg_decision.jpg) 0 0 no-repeat;	
}
.facts .peer { 
	background: url(/global/images/on-my-level/bg_peer.jpg) 0 0 no-repeat;	
}

.facts .amistad { 
	background: url(/global/images/on-my-level/bg-facts-iframs.jpg) 0 0 no-repeat;	
}
.facts .romance { 
	background: url(/global/images/on-my-level/bg_romantic.jpg) 0 0 no-repeat;	
}
.facts .pubertad{ 
	background: url(/global/images/on-my-level/bg_puberty.jpg) 0 0 no-repeat;	
}
.facts .genero { 
	background: url(/global/images/on-my-level/bg_gender.jpg) 0 0 no-repeat;	
}
.facts .decisiones { 
	background: url(/global/images/on-my-level/bg_decision.jpg) 0 0 no-repeat;	
}
.facts .presion { 
	background: url(/global/images/on-my-level/bg_peer.jpg) 0 0 no-repeat;	
}

#facts {
	margin: 0px;
}

#facts .facts-upper {
	display: block;
	font-size: 15px;
	padding-bottom: 15px;
	line-height: 22px;

}