body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-family: arial;
    color: #5a5b5d;
}

a {
	color: #f8942c;
}

#mainContainer {
    width: 1002px;
    margin: 0 auto;
    min-height: 764px;
    background-color:  #FFF;
    background-image: url(../images/main_background.gif);
    background-repeat: repeat-y;
    text-align: center;
}

#mainHome {
	background-image: url(../images/teen_main_background.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 642px;
	width: 980px;
    margin-left: 11px;
	position: relative;
}

#headerContainer {
    width: 980px;
    margin-left: 12px;
    clear: both;
    height: 122px;
}

#logo {
    margin-left: 36px;
    float: left;
}

#logo img {
    border: none;
}

#menu {
    float: left;
    list-style: none;
    margin-top: 42px;
}

#menu li {
    float: left;
    margin-left: 13px;
}

#menu li a img {
    border: none;
}

#rightTopNav {
    float: right;
    width: 100px;
    list-style: none;
    margin-top: 46px;
}

#rightTopNav li {
    margin-left: -44px;
}


#rightTopNav li a img {
    border: none;
}

#fastFactsHolder {
    width: 260px;
    float: left;
    margin-left: 21px;
}

#leftNav {
    width: 260px;
    float: left;
    min-height: 400px;
    margin-left: 21px;
}

#leftNav ul {
    list-style: none inside none;
    padding: 0;
	padding-top: 14px;
}
#leftNav ul li {
    margin-left: 12px;
}

#leftNav ul li a img {
    border: none;
}

#fastFacts {
    margin-left: 12px;
    margin-top: 16px;
    margin-bottom: 28px;
    text-align: center;
}

#fastFactsFacts {
    margin-top: 3px;
}

#fastFactsFacts div {
    text-align: center;
    width: 246px;
	font-size: 0.9em;
}


#contentArea {
    width: 604px;
    background-color: #FFF;
    background-image: url(../images/content_background.gif);
    background-repeat: no-repeat;
    float: left;
    clear: right;
    min-height: 550px;
    font-size: 0.8em;
    padding: 12px 48px;
    text-align: left;
	position: relative;
	padding-top: 30px;
}

#footer {
    background-image: url(../images/footer_background.gif);
    background-repeat: no-repeat;
    background-color: #FFF;
    height: 100px;
    width: 1002px;
    margin: 0 auto;
    font-size: 0.7em;
}

#footerLogo {
    margin-left: 28px;
    margin-top: 12px;
    float: left;
    width: 210px;
}

#copyRight {
    text-align: center;
    margin-top: 22px;
    float: left;
    width: 522px;
}

#contactInfo {
    float: right;
    margin-right: 20px;
    width: 210px;
    margin-top: 2px;
}

#contactInfo span {
    display: block;
    text-align: right;
    margin-bottom: 4px;
}
#bottomContentBack {
    background-image: url(../images/content_bottom_background.gif);
    width: 700px;
    height: 106px;
    vertical-align: bottom;
    float: right;
    margin-right: 21px;
    margin-bottom: 10px;
}

h1 {
    color: #f8942c;
    font-weight: bold;
    font-size: 1.8em;
    text-align: center;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 48px;
}

h2 {
    font-size: 1.1em;
	margin-top: 16px;
}

h1 span {
    color: #939598;
    font-size: 0.8em;
}

div.clearAll {
    clear: both;
}

ul.linksList {
    list-style: none outside none;
}

ul.linksList li a {
    font-weight: bold;
}

ol li {
    margin-bottom: 10px;
}

table {
	border: 1px solid black;
}

table th,td {
	border-collapse: collapse;
	border: 1px solid black;
	padding: 4px 8px;
}

#answerList {
	width: 330px;
	margin-bottom: 35px;
}

#answerList li {
	margin-bottom: 20px;
	font-size: 1.2em;
}

#false1 {
	display: none;
	position: absolute;
	top: 114px;
	left: 450px;
}

#false2 {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 144px;
	left: 440px;
}

#false3 {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 195px;
	left: 456px;
}

#false4 {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 259px;
	left: 450px;
}

#false5 {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 292px;
	left: 444px;
}

#false6 {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 300px;
	left: 445px;
}

#false7 {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 310px;
	left: 440px;
}

#bcMethods {
	position: relative;
	height: 640px;
}

#birthControl1 {
	position: absolute;
	top: 35px;
}

#birthControl2 {
	position: absolute;
	top: 5px;
	left: 235px;
}

#birthControl3 {
	position: absolute;
	top: 35px;
	left: 445px;
}

#birthControl4 {
	position: absolute;
	top: 210px;
	left: 40px;
}

#birthControl5 {
	position: absolute;
	top: 174px;
	left: 240px;
}

#birthControl6 {
	position: absolute;
	top: 240px;
	left: 410px;
}

#birthControl7 {
	position: absolute;
	top: 380px;
}

#birthControl8 {
	position: absolute;
	top: 395px;
	left: 245px;
}

#birthControl9 {
	position: absolute;
	top: 400px;
	left: 415px;
}

#birthControl10 {
	position: absolute;
	top: 530px;
	left: 16px;
}

#birthControl11 {
	position: absolute;
	top: 555px;
	left: 210px;
}

#birthControl12 {
	position: absolute;
	top: 545px;
	left: 455px;
}

#subMain_readyForSex {
	position: absolute;
	top: 190px;
	left: 526px;
}

#subMain_talkingAndListening {
	position: absolute;
	top: 120px;
	left: 353px;
}

#subMain_sexpertise {
	position: absolute;
	top: -30px;
	left: 312px;
}

#subMain_sexualviolenceawareness {
	position: absolute;
	top: 240px;
	left: 694px;
}

#subMain_hardwork {
	position: absolute;
	top: 0px;
	left: 702px;
}

#mainHome div a img {
	border: none;
}

p.toolTip {
	font-size: 0.8em;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	font-size: 0.8em;
	text-align: left;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

.videoHolder {
	text-align: center;
}

.videoHolder a {
	margin: 0 auto;
	margin-bottom: 18px;
}