/* TOP HEADER */
#headerBG { font-family:Arial, Helvetica, sans-serif; background-color:#005187; width:100%; }
	#headerBG em { font-weight:bold; text-decoration:none; font-style:normal; }
	#headerBG a{ color:#9cc0cf; }
	#headerBG a:hover{ color:#99cccc; }
		a#panicButton{ color:#fff; background-color:#900; padding:3px 10px; text-decoration:none; font-size:12px; }
		a#panicButton:hover{ color:#fff; background-color:#f00; }

#topBarBG { background-color:#074775; color:#9cc0cf; border-bottom:1px solid #9cc0cf; height: 22px; width: 100%; }
	#topBar { width: 776px; }
		#topBar p { text-align: right; margin: 0; padding: 3px; letter-spacing:1px; font-size:11px; }
			#topBar p span { margin: 0 25px 0 0; }

#bottomBar { width: 776px; height: 85px; overflow: hidden; }
	#logo {	width: 390px; padding: 5px 0 0 0; float: left; }
		#logo a { margin: 0 0 0 90px; }
		#logo img { border: none; }

#headerFeatures { width: 386px; float: left; }
	#languageSelection { width: 386px; padding: 0 0 6px 0; overflow: hidden; }
		#languageSelection ul { margin:6px 0px 0px 0px; padding:0px; float: right; }
			#languageSelection ul li{ list-style-type:none; float:left; letter-spacing:1px; color:#9cc0cf; text-transform:uppercase; line-height:8px; }
				#languageSelection ul li a{ display: block; padding: 0px 13px; border-right: 1px solid #9cc0cf; text-decoration:none; line-height:8px; font-size:9px; }
				#languageSelection ul li a:hover{ text-decoration:none; }
				#languageSelection ul li a.last{ border-right:none; padding: 0 0 0 12px; } 
				
#headerForms { margin: 10px 0 0 0; width: 386px; overflow: hidden; }
	#drugInfo { width: 200px; float: left; }
	#search { width: 186px; float: left; }
	
	
	
	
	
	
	
/* NAV */
.navList{
	display:block;
	margin:0px;
	padding:0px;
}

.navList li{
	display:block;
	float:left;
	list-style-type:none;
}

.navList li a{
	display:block;
	width:100%;
	height:34px;
	overflow:hidden;
}

	/* hide the text link browsers */
.navList li a span{
	margin-left:-9999px;
}

	/* shift the background of links to the 'active' state */
.navList li a.active{
	background-position:0px -34px;
}

.clear{
	clear:both;
	height:0px;
	width:0px;
	visibility:hidden;
}

/*__________ =MAIN NAV LINKS____________
	contains the code for specific links in the main nav
*/
#mainNav{
	width:100%;
	background-image:url(../../images/new_nav/navBG.gif);
	background-repeat:repeat-x;
	background-color:#cc9933;
	padding:3px 0px 0 0px;
}
/**/
#drugInformation{
	width:124px;
	background-image:url(/images/new_nav/information.gif);
	margin-left:30px;
}

#advice{
	width:130px;
	background-image:url(../../images/new_nav/advice.gif);
}

#news{
	width:61px;
	background-image:url(../../images/new_nav/news.gif);
}

#yourTeen{
	width:147px;
	background-image:url(../../images/new_nav/yourTeen.gif);
}

#resources{
	width:87px;
	background-image:url(../../images/new_nav/resources.gif);
}

#partners{
	width:80px;
	background-image:url(../../images/new_nav/partners.gif);
}

/*__________ =STRUCTURE SUB NAV ________
	build out subnav class
*/
.subNavList{
	margin:0px;
	padding:0px;
}

.subNavList li{
	height:24px;
	display:block;
	float:left;
	
	list-style-type:none;
	background-image:url(../../images/new_nav/arrow.gif);
	background-repeat:no-repeat;
	padding: 7px 0px 0px 12px;
	margin:0px 16px 0px 0px;
}

.subNavList li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7c5812;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

.subNavList li a:hover {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7c5812;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;*/
	color: #fff;
}

.subNavList li.active{ background-position:0px -31px; }
.subNavList li.active a { color:#fff; }

/* hide the subnav of inactive links */
#subNav .hidden{
	visibility:hidden;
}

/*__________ =SUB NAV LINKS ____________
	contains the code for specific links in the sub nav
*/

#subNav{
	width:100%;
	height:31px;
	background-color:#da9c20;
	border-bottom:1px solid #FFFFFF;
	position:relative;
}

#subNav div{
	position:absolute;
	display:block;
}

#drugInfoSubNav{
	top:0px;
	left:45px;
	width:500px;
}

#adviceSubNav{
	top:0px;
	left:100px;
	width:550px;
}

#newsSubNav{
	top:0px;
	left:230px;
	width:700px;
}

#yourTeenSubNav{
	top:0px;
	left:290px;
	width:300px;
}
.left_nav_teens_technology_l1 a
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 5px;
    font-family: Times New Roman;
    font-weight: bold;
    font-size: larger;
    display: inline-block;
    line-height: 20px;
}
.left_nav_teens_technology_l2 a
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 40px;
    font-family: Times New Roman;
    font-weight: bolder;
}