/* web developer test */


/* text colors
____________________________________________________________________________
	black 		#000
	blue 		#30F
	dark blue	#309
	light gray	#CCC
	white		#FFF
	gray		#999

*/

/* background colors
____________________________________________________________________________
	PURPLE
	#CCCCFF
	#ECECFF
		abuse
		appearance
		drugs
		development
		facts
		help
		sleep
	
	ORANGE
	#FFD7C6
	#FFF0EA
		amusement
		emergency
		survival
		
	GREEN
	#CCFFEA
	#ECFFF7
		anatomy
	
	PINK
	#FFCCFE
	#FFECFF
		female
		
	MAROON
	#FFCCD0
	#FFECED
		gangs
		
	AQUA
	#CCFFFB
	#E8FFFE
		livehealthy
		nutrition
		takecontrol
	
	LIGHT GREEN
	#EBFFCC
	#F8FFEC
		mental
		
	BLUE
	#CCDFFF
	#ECF3FF
		exercise
		male
	
	LIGHT PURPLE
	#F1CCFF
	#FAECFF
		sex
	
	*/
	.anback {
		background-color:#000;
		padding:10px;
		margin:10px 0;
		}


/* Reset
____________________________________________________________________________*/
	/* Remove padding and margin */
	* {
		margin: 0;
		padding: 0;
	}

	/* Remove border around linked images */
	img {
		border: 0;
	}


/* =Typography
____________________________________________________________________________*/
	body {
		text-align:center; /* to avoid push left in Internet Explorer */
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#000;
		min-width:795px;		/* Minimum width of layout - remove line if not required */
		/* The min-width property does not work in old versions of Internet Explorer */
		font: 400 normal 12px/18px Arial, Helvetica, sans-serif;
	}



/* =Container
____________________________________________________________________________*/
	#fixed {
   		margin:0 auto; /* also to avoid push left in Internet Explorer */
   		width:80%; /* you can use px, em or % */
   		text-align:left; /* left justifies all text */
	}


/* =Type Selectors
____________________________________________________________________________*/
	h1 {
		margin:0;
		padding:30px 0 0 0;
		font: bold 23px/25px Arial, Helvetica, sans-serif;
		color: #666666; 
	}

	h2 {
		font: bold 15.5px/20px Arial, Helvetica, sans-serif;
		color: #990000; 
		clear:both;	
		margin:0;
		padding:30px 0 0 0;
		}

	h3 {
		font: bold 12px/15px Arial, Helvetica, sans-serif;
		color: #990000; 
		clear:both;	
		margin:0;
		padding:15px 0 0 0;
	}
		
	strong {
		font-weight: bold;
	}

	p {
		clear:both;	
		margin:0 0 0 0;
		padding:15px 0 0 0;
	}

	h1.firstLine, h2.firstLine, h3.firstLine, p.firstLine {
		padding-top:0;
	}

	h2.secondLine {
		color: #666666; 
		padding:5px 0 0 0;
	}

.dropcap {
	float: left;
	width: 18%;
	height: 50px;
	margin: 0 15px 10px 0;
}

.dropcap h1 {
		font: bold 54px/54px Arial, Helvetica, sans-serif;
}

.title {
	width: 76%;
	display:block;
	float:left;
	padding:0 0 16px 0;
}


/* =Links
____________________________________________________________________________*/
	a {
		color:#30F;
		font-style: normal;
		font-variant: normal;
		text-decoration:none;
	}

	a:hover {
		text-decoration:underline;
	}
	
	a:visited {
		color: #309;
	}

	ul {
		margin: 5px 0 0 0;
		padding:0;
		list-style-type: none;
	}

	ul li {
		background: url(bullet.png) no-repeat 0 0;
		padding:5px 0 0 20px;
	}

	ol {
		margin: 5px 0 0 0;
		padding:0;
	}

	ol li {
		margin:5px 0 0 20px;
	}

tr.dark {
	 background-color:#F0F0F0;
}




/* =Header
____________________________________________________________________________
____________________________________________________________________________*/

#header {
		clear:both;
		float:left;
		width:100%;
		border-bottom:1px solid #000;
		height:143px;
		position:relative;
	}
	
	.abuse #header {
		background: #000 url(abt.gif) no-repeat left top;
	}
	
	.amusement #header {
		background: #000 url(amt.gif) no-repeat left top;
	}
	
	.anatomy #header {
		background: #000 url(ant.gif) no-repeat left top;
	}
	
	.appearance #header {
		background: #000 url(apt.gif) no-repeat left top;
	}
	
	.development #header {
		background: #000 url(det.gif) no-repeat left top;
	}
	
	.drugs #header {
		background: #000 url(drt.gif) no-repeat left top;
	}
	
	.emergency #header {
		background: #000 url(emt.gif) no-repeat left top;
	}
	
	.exercise #header {
		background: #000 url(ext.gif) no-repeat left top;
	}
	
	.facts #header {
		background: #000 url(fat.gif) no-repeat left top;
	}
	
	.female #header {
		background: #000 url(fet.gif) no-repeat left top;
	}
	
	.gangs #header {
		background: #000 url(gat.gif) no-repeat left top;
	}
	
	.help #header {
		background: #000 url(het.gif) no-repeat left top;
	}
	
	.livehealthy #header {
		background: #000 url(lit.gif) no-repeat left top;
	}
	
	.mental #header {
		background: #000 url(met.gif) no-repeat left top;
	}
	
	.male #header {
		background: #000 url(mit.gif) no-repeat left top;
	}
	
	.nutrition #header {
		background: #000 url(nut.gif) no-repeat left top;
	}
	
	.sex #header {
		background: #000 url(set.gif) no-repeat left top;
	}
	
	.sleep #header {
		background: #000 url(slt.gif) no-repeat left top;
	}
	
	.survival #header {
		background: #000 url(sut.gif) no-repeat left top;
	}
	
	.takecontrol #header {
		background: #000 url(tat.gif) no-repeat left top;
	}
	
	#header #navTop {
		width:100%;
		float:left;
		position: absolute;
		bottom: 0px;
	}

	/* navTop - Custom Background Color */	

	/* PURPLE */
	.abuse #header #navTop, .appearance #header #navTop, .drugs #header #navTop, .development #header #navTop, .facts #header #navTop, .help #header #navTop, .sleep #header #navTop {
		background-color:#ECECFF;
	}

	/* ORANGE */
	.amusement #header #navTop, .emergency #header #navTop, .survival #header #navTop {
		background-color:#FFF0EA;
	}
	
	/* GREEN */
	.anatomy #header #navTop {
		background-color:#ECFFF7;	
	}
	
	/* PINK */
	.female #header #navTop {
		background-color:#FFECFF;	
	}
	
	/* MAROON */
	.gangs #header #navTop {
		background-color:#F8F1F2;	
	}
	
	/* AQUA */
	.livehealthy #header #navTop, .nutrition #header #navTop, .takecontrol #header #navTop {
		background-color:#E8FFFE;	
	}
	
	/* LIGHT GREEN */
	.mental #header #navTop {
		background-color:#F8FFEC;	
	}
	
	/* BLUE */
	.exercise #header #navTop, .male #header #navTop {
		background-color:#E8EBFF;	
	}
	
	/* LIGHT PURPLE */
	.sex #header #navTop {
		background-color:#FAECFF;	
	}	
	

	#header ul {
		float:left;
		width:98%;
		list-style:none;
		margin:0 0 0 0;
		padding:6px 5px 6px 10px;
	}
	
	#header ul li {
		background-image:none;
		display:inline;
		list-style:none;
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 5px;
		text-align:center;
		left:20px;	
		line-height:10px;
		}

	#header #home a {
		position: absolute;
		display: block;
		width: 300px;
		height: 50px;
		text-indent: -1000em;
		border:0;
		outline:none;
		top: 0;
		left: 0;
	}





/* =Content Structure
____________________________________________________________________________*/

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	.colmask a:hover {
		text-decoration: underline;
	}
	
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	
	.col1 {
		float:left;
		position:relative;
		padding:13px 0 20px 0;	
		/* no left and right padding on columns, we just make them narrower instead 
		only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:17px 0 20px 0;	
		/* no left and right padding on columns, we just make them narrower instead 
		only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

/* 3 Column 
________________________________________________________________________________
_________________________________________________________________________________*/

	
/* 3 Column - Right Column - Custom Background Color */	
	
	.abuse .threecol, .appearance .threecol, .drugs .threecol, .development .threecol, .facts .threecol, .help .threecol, .sleep .threecol {
		background:#ECECFF;
	}
	
	.amusement .threecol, .emergency .threecol, .survival .threecol {
		background:#FFF0EA;
	}
	
	.anatomy .threecol {
		background:#ECFFF7;
	}
	
	.female .threecol {
		background:#FFECFF;
	}
	
	.gangs .threecol {
		background:#F8F1F2;
	}
	
	.livehealthy .threecol, .nutrition .threecol, .takecontrol .threecol {
		background:#E8FFFE;
	}
	
	.mental .threecol {
		background:#F8FFEC;
	}
	
	.exercise .threecol, .male .threecol {
		background:#E8EBFF;
	}
	
	.sex .threecol {
		background:#FAECFF;
	}
	
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}

	.threecol .colleft {
		right:50%;			/* width of the middle column */
	}

	.col3 p a {
		font-weight: bold;
	}

	.col3 li a {
		font-weight: normal;
	}


/* 3 Column - Left Column - Custom Background Colors */	

	.abuse .threecol .colleft, .appearance .threecol .colleft, .drugs .threecol .colleft, .development .threecol .colleft, .facts .threecol .colleft, .help .threecol .colleft, .sleep .threecol .colleft {
		background: #CCCCFF url(shadow_purple.gif) repeat-y right top;
	}
	
	.amusement .threecol .colleft, .emergency .threecol .colleft, .survival .threecol .colleft {
		background: #FFD7C6 url(shadow_orange.gif) repeat-y right top;
	}
	
	.anatomy .threecol .colleft {
		background: #CCFFEA url(shadow_green.gif) repeat-y right top;
	}
	
	.female .threecol .colleft {
		background: #FFCCFE url(shadow_pink.gif) repeat-y right top;
	}
	
	.gangs .threecol .colleft {
		background: #F5D8E7 url(shadow_gangs.gif) repeat-y right top;
	}
	
	.livehealthy .threecol .colleft, .nutrition .threecol .colleft, .takecontrol .threecol .colleft {
		background: #CCFFFB url(shadow_aqua.gif) repeat-y right top;
	}
	
	.mental .threecol .colleft {
		background: #EBFFCC url(shadow_lightgreen.gif) repeat-y right top;
	}
	
	.exercise .threecol .colleft, .male .threecol .colleft {
		background: #CED6FF url(shadow_blue.gif) repeat-y right top;
	}
	
	.sex .threecol .colleft {
		background: #F1CCFF url(shadow_lightpurple.gif) repeat-y right top;
	}


	.threecol .col1 {
		width:46%;	
		/* width of center column content (column width minus padding on either side) */
		left:102%;	
		/* 100% plus left padding of center column */
		padding-bottom:50px;
	}
	
	.threecol .col2 {
		width:21%;
		/* Width of left column content (column width minus padding on either side) */
		left:31%;
		/* width of (right column) plus (center column left and right padding) 
		plus (left column left padding) */
		padding-bottom:50px;
	}
	
	.threecol .col3 {
		width:21%;
		/* Width of right column content (column width minus padding on either side) */
		left:85%;
		/* Please make note of the brackets here:
		(100% - left column width) plus (center column left and right padding) 
		plus (left column left and right padding) plus (right column left padding) */
		padding-bottom:50px;
	}

	.threecol .col2 h2, .threecol .col3 h2, .leftmenu .col2 h2 {
		color: #333; 
		clear:none	
		}

/* 2 Column Left Menu
____________________________________________________________________________
____________________________________________________________________________*/
	.leftmenu .col2 p a {
		font-weight: bold;
	}

	.leftmenu .col2 li a {
		font-weight: normal;
	}



	/* 2 Column Left Menu - Right Column - Custom Background Color 
	____________________________________________________________________________*/
	
	#onLight .leftmenu {
		background:#FFF;
	}

	.home .leftmenu {
		background:#000;
	}

	.amusement .leftmenu {
		background:#28293E;
	}

	.anatomy .leftmenu {
		background:#414147;
	}

	.development .leftmenu {
		background:#2D0042;
	}

	.drugs .leftmenu {
		background:#2B1056;
	}
	
	.exercise .leftmenu {
		background:#1a2057;
	}

	.gangs .leftmenu {
		background:#4E292D;
	}

	.livehealthy .leftmenu {
		background:#003E46;
	}

	.mental .leftmenu {
		background:#003333;
	}

	.nutrition .leftmenu {
		background:#0F4240;
	}
	
	.sex .leftmenu {
		background:#360D46;
	}

	.sleep .leftmenu {
		background:#3F0053;
	}
	
	.survival .leftmenu {
		background:#620002;
	}
	
	.takecontrol .leftmenu {
		background:#330033;
	}

	


	/* 2 Column Left Menu - Right Column - Custom Background Image
	____________________________________________________________________________*/

	.home .titlePage .leftmenu .colleft .col1 {
		background: url(gradient_home.jpg) repeat-x left bottom;
	}

	.appearance .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fap/appearance.jpg) no-repeat left top;
	}

	.amusement .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fam/amusement.gif) no-repeat left top;
	}

	.drugs .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fdr/drugs.gif) no-repeat left top;
	}

	.development .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fde/develop.gif) no-repeat left top;
	}

	.takecontrol .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fta/takeControl.jpg) no-repeat left top;
	}

	.facts .titlePage .leftmenu .colleft .col1 {
		background: url(../img/ffa/facts.jpg) no-repeat left top;
	}

	.gangs .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fga/gangs.jpg) no-repeat left top;
	}

	.livehealthy .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fli/livehealthy.jpg) no-repeat left top;
	}

	.mental .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fme/mental.jpg) no-repeat left top;
	}

	.nutrition .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fnu/nutrition.jpg) no-repeat left top;
	}
	
	.sex .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fse/sex.jpg) no-repeat left top;
	}
	
	.sleep .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fsl/sleep.jpg) no-repeat left top;
	}
	
	.survival .titlePage .leftmenu .colleft .col1 {
		background: url(../img/fsu/survival.gif) no-repeat left top;
	}
	

	/* 2 Column Left Menu - Left Column - Custom Background Image and Color 
	____________________________________________________________________________*/

	.home .leftmenu .colleft {
		background: #9DDFFF url(shadow_home.jpg) repeat-y right top;
	}

	.abuse .leftmenu .colleft, .appearance .leftmenu .colleft, .drugs .leftmenu .colleft, .development .leftmenu .colleft, .facts .leftmenu .colleft, .help .leftmenu .colleft, .sleep .leftmenu .colleft {
		background: #CCCCFF url(shadow_purple.gif) repeat-y right top;
	}
	
	.amusement .leftmenu .colleft, .emergency .leftmenu .colleft, .survival .leftmenu .colleft {
		background: #FFD7C6 url(shadow_orange.gif) repeat-y right top;
	}
	
	.anatomy .leftmenu .colleft {
		background: #CCFFEA url(shadow_green.gif) repeat-y right top;
	}
	
	.female .leftmenu .colleft {
		background: #FFCCFE url(shadow_pink.gif) repeat-y right top;
	}
	
	.gangs .leftmenu .colleft {
		background: #F5D8E7 url(shadow_gangs.gif) repeat-y right top;
	}
	
	.livehealthy .leftmenu .colleft, .nutrition .leftmenu .colleft, .takecontrol .leftmenu .colleft {
		background: #CCFFFB url(shadow_aqua.gif) repeat-y right top;
	}
	
	.mental .leftmenu .colleft {
		background: #EBFFCC url(shadow_lightgreen.gif) repeat-y right top;
	}
	
	.exercise .leftmenu .colleft, .male .leftmenu .colleft {
		background: #CED6FF url(shadow_blue.gif) repeat-y right top;
	}
	
	.sex .leftmenu .colleft {
		background: #F1CCFF url(shadow_lightpurple.gif) repeat-y right top;
	}


	/* 2 Column Left Menu - Width and Padding 
	____________________________________________________________________________*/

	.leftmenu .colleft {
		right:75%;			/* right column width */
	}

	.leftmenu .col1 {
		width:71%;
		left:100%;
		position:relative;
		overflow:hidden;
	}

	.leftmenu .col2 {
		width:21%;
		left:0;
	}

	.leftmenu .colleft .col1, .leftmenu .colleft .col2 {
		padding: 16px 2%;
	}

.home .leftmenu .colleft .col2 {
		padding: 40px 2% 16px 2%;
	}

	.col2 ul {
		padding:0 0 10px 0;
		margin: 0;
	}

	.col2 ol {
		padding:0 0 10px 30px;
		margin: 0;
	}

	.col2 li {
		background:none;
		padding:0;
		margin:0;
	}

	
	/* 2 Column Left Menu - Right Column - Nav Text Placement
	____________________________________________________________________________*/

	.colleft .col1 #titlePageTOC ul {
		margin: 0;
		list-style: none;
		width: 72em;
/*		overflow: hidden;	*/
	}

	.home .colleft .col1 #homeTOC ul {
	}

	.appearance .colleft .col1 #titlePageTOC ul {
		padding: 0px 0 10px 225px;
	}

	.amusement .colleft .col1 #titlePageTOC ul {
		padding: 0 0 350px 235px;
	}

	.drugs .colleft .col1 #titlePageTOC ul {
		padding: 16px 0 10px 225px;
	}

	.drugs .colleft .col1 #titlePageTOC .b ul {
		padding: 0px 0 30px 275px;
	}

	.exercise .titlePage .colleft .col1 .rightmenu {
		margin:580px 0 0 0;
	}

	.facts .colleft .col1 #titlePageTOC ul {
		padding: 0 0 80px 270px;
	}

	.gangs .colleft .col1 #titlePageTOC ul {
		padding: 0 0 150px 270px;
	}

	.livehealthy .colleft .col1 #titlePageTOC ul {
		padding: 0 0 275px 20px;
	}

	.mental .colleft .col1 #titlePageTOC ul {
		padding: 30px 0 300px 250px;
	}

	.nutrition .colleft .col1 #titlePageTOC ul {
		width:225px;
		padding: 400px 0 20px 0;
		float:left;
	}

	.survival .selfdefense .colleft .col1 #titlePageTOC ul {
		width:225px;
		padding: 0 0 0 265px;
		float:left;
	}

	.sex .colleft .col1 #titlePageTOC ul {
		width:48%;
		padding: 215px 0 2% 0;
		float:left;
	}

	.sex .colleft .col1 #titlePageTOC .b ul {
		width:48%;
		padding: 265px 0 40px 2%;
		float:left;
	}

	.sleep .colleft .col1 #titlePageTOC ul {
		width:350px;
		padding: 0 0 450px 0;
		float:left;
	}

	.sleep .colleft .col1 #titlePageTOC ul li {
		padding: 15px 0;
	}

	.survival .colleft .col1 #titlePageTOC ul {
		width:225px;
		padding: 0 0 60px 175px;
		float:left;
	}

	.takecontrol .colleft .col1 #titlePageTOC ul {
		padding: 0 0 375px 0;
	}

	/* 2 Column Left Menu - Right Column - Top - Text, No Background
	____________________________________________________________________________*/
	
	.colleft .col1 #titlePageTOC ul li {
		font: bold 16px/22px Arial, Helvetica, sans-serif;
		background:none;
		color:#CCC;
	}

	.homeEmergencies {
		float:right;
		position:relative;
		left:-50%;
		text-align:left;
	}
	
	.homeEmergencies ul {
		padding: 20px 0 200px 0;
		list-style:none;
		position:relative;
		left:50%;
	}
	
	.homeEmergencies ul li {
		font: bold 15px/19px Arial, Helvetica, sans-serif;
		color:#FFF;
		background:none;
	}

	.homeEmergencies ul li a {
		color:#6ABFFF;
	}

	.homeEmergencies ul li a:hover {
		color:#FFF;
	}


	/* 2 Column Left Menu - Right Column - Top - Custom Nav Text Color
	____________________________________________________________________________*/

	.colleft .col1 #titlePageTOC ul a, .colleft .col1 #titlePageTOC h1 {
		color: #FFF;
	}

	.appearance .colleft .col1 #titlePageTOC ul a, .facts .colleft .col1 #titlePageTOC ul a, .takecontrol .colleft .col1 #titlePageTOC ul a {
		color: #00F;
	}

	.takecontrol .colleft .col1 #titlePageTOC ul li {
		text-indent: -1000em;
	}

	.colleft .col1 #titlePageTOC ul a, .colleft .col1 #titlePageTOC h1 {
		color: #FFF;
	}
	
	.anatomy .leftmenu .colleft .col1 #titlePageTOC p {
		color: #FFF;
	}
	
	.anatomy .leftmenu .colleft .col1 #titlePageTOC p a {
		color:#B9CEFF;
	}


	
/* 2 Column Right Menu
____________________________________________________________________________
____________________________________________________________________________*/


	/* 2 Column Right Menu - Layout
	____________________________________________________________________________*/

	.leftmenu .colleft .col1 .rightmenu .colleft {
		right:30%;			/* right column width */
		background:none;
	}

    	.leftmenu .colleft .col1 .rightmenu .colleft .col1 {
		width:68%;	/* left column content width (left column width minus left and right padding) */
		left:30%;
		background:none;	/* (right column width) plus (left column left padding) */
		padding: 0 2% 50px 0;
	}
	
	.leftmenu .colleft .col1 .rightmenu .colleft .col2 {
		width:28%;	/* right column content width (right column width minus left and right padding) */
		left:30%;	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		background:none;
		padding: 0 0 50px 2%;
	}


	/* 2 Column Right Menu - Custom Text Color
	____________________________________________________________________________*/		
		
	.leftmenu .colleft .col1 .rightmenu .colleft p, .leftmenu .colleft .col1 .rightmenu .colleft h2, .leftmenu .colleft .col1 .rightmenu .colleft a, .leftmenu .colleft .col1 .rightmenu .colleft li {
		color:#FFF;
	}

	.leftmenu .colleft .col1 .rightmenu .colleft ul {
		margin: 0;
		padding: 0 0 10px 0;
		list-style-type: none;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.leftmenu .colleft .col1 .rightmenu .colleft ul li {
		background: url(bullet.png) no-repeat 0 0;
		padding-left: 20px;
	}


	.leftmenu .colleft .col1 .rightmenu .colleft a {
		color:#D7D7FF;
	}

	/* onLight */
	
	#onLight .leftmenu .colleft .col1 .rightmenu .colleft p, #onLight .leftmenu .colleft .col1 .rightmenu .colleft li {
		color:#000;
	}

	#onLight .leftmenu .colleft .col1 .rightmenu .colleft h2 {
		color:#990000;
	}
	
	#onLight .leftmenu .colleft .col1 .rightmenu .colleft .col2 h2 {
		color:#333;
	}
	
	#onLight .leftmenu .colleft .col1 .rightmenu .colleft a {
		color:#00F;
	}
	

/* Title Page - Development
____________________________________________________________________________*/

.development #titlePageTOC {
	position:relative;
}

.development .colleft .col1 #titlePageTOC ul {
	padding: 0 0 416px 0;
	margin: 0;
	list-style: none;
	width: 500px;
	overflow: hidden;
}

.development .colleft .col1 #titlePageTOC ul li {
	background-image:none;
	float: left;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
}

.development .colleft .col1 #titlePageTOC ul a {
	display: block;
	padding: 0 10px;
	margin-right:10px;
	margin-left:0;
	line-height: 30px;
	text-decoration: none;
	color: #FFF;
}

.development .colleft .col1 #titlePageTOC ul a:hover {
	text-decoration:underline;
}



/* Exercise Title Page
____________________________________________________________________________*/

.exercise .colleft .col1 #titlePageTOC ul {
margin: 0;
padding: 0;
list-style: none;
position:relative;
}

.exercise .colleft .col1 #titlePageTOC a:link, .exercise .colleft .col1 #titlePageTOC a:visited {
display: block;
position: absolute;
text-indent: -1000em;
background-position: left top;
}

.exercise .colleft .col1 #titlePageTOC a:hover, .exercise .colleft .col1 #titlePageTOC a:focus, .exercise .colleft .col1 #titlePageTOC a:active {
outline: none;
}

.exercise .colleft .col1 #titlePageTOC .lft_image a:link, .exercise .colleft .col1 #titlePageTOC .lft_image a:visited {
width: 257px;
height: 600px;
left:0px;
top:0px;
background: url(../img/fex/titlePage/lft_image_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .lft_image a:hover, .exercise .colleft .col1 #titlePageTOC .lft_image a:focus {
background: url(../img/fex/titlePage/lft_image_s2.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Benefits a:link, .exercise .colleft .col1 #titlePageTOC .Benefits a:visited {
width: 243px;
height: 190px;
left:257px;
top:0px;
background: url(../img/fex/titlePage/Benefits_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Benefits a:hover, .exercise .colleft .col1 #titlePageTOC .Benefits a:focus {
width: 243px;
height: 190px;
left:257px;
top:0px;
background: url(../img/fex/titlePage/Benefits_s2.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Guidelines a:link, .exercise .colleft .col1 #titlePageTOC .Guidelines a:visited {
width: 243px;
height:56px;
left:257px;
top:190px;
background: url(../img/fex/titlePage/Guidelines_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Guidelines a:hover, .exercise .colleft .col1 #titlePageTOC .Guidelines a:focus {
background: url(../img/fex/titlePage/Guidelines_s2.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Stretching a:link, .exercise .colleft .col1 #titlePageTOC .Stretching a:visited {
width: 243px;
height:52px;
left:257px;
top:246px;
background: url(../img/fex/titlePage/Stretching_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Stretching a:hover, .exercise .colleft .col1 #titlePageTOC .Stretching a:focus {
background: url(../img/fex/titlePage/Stretching_s2.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Strength a:link, .exercise .colleft .col1 #titlePageTOC .Strength a:visited {
width: 243px;
height:52px;
left:257px;
top:298px;
background: url(../img/fex/titlePage/Strength_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Strength a:hover, .exercise .colleft .col1 #titlePageTOC .Strength a:focus {
background: url(../img/fex/titlePage/Strength_s2.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Aerobic a:link, .exercise .colleft .col1 #titlePageTOC .Aerobic a:visited {
width: 243px;
height: 58px;
left:257px;
top:350px;
background: url(../img/fex/titlePage/Aerobic_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Aerobic a:hover, .exercise .colleft .col1 #titlePageTOC .Aerobic a:focus {
background: url(../img/fex/titlePage/Aerobic_s2.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Circuit a:link, .exercise .colleft .col1 #titlePageTOC .Circuit a:visited {
width: 243px;
height: 56px;
left:257px;
top:408px;
background: url(../img/fex/titlePage/Circuit_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Circuit a:hover, .exercise .colleft .col1 #titlePageTOC .Circuit a:focus {
background: url(../img/fex/titlePage/Circuit_s2.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Injury a:link, .exercise .colleft .col1 #titlePageTOC .Injury a:visited {
width: 243px;
height: 136px;
left:257px;
top:464px;
background: url(../img/fex/titlePage/Injury_s1.gif) 0 0 no-repeat;
}

.exercise .colleft .col1 #titlePageTOC .Injury a:hover, .exercise .colleft .col1 #titlePageTOC .Injury a:focus {
background: url(../img/fex/titlePage/Injury_s2.gif) 0 0 no-repeat;
}

	/* 2 Column Right Menu - padding
____________________________________________________________________________*/

.leftmenu .colleft .col1 .rightmenu .colleft .col1, .leftmenu .colleft .col1 .rightmenu .colleft .col1 {
	padding:0;
}





/* =Footer
____________________________________________________________________________
____________________________________________________________________________*/

	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		margin:0 0 70px 0;
	}
	
	#footer #navBottom {
		width:100%;
	}

/* Custom Colors - navBottom */	

	.home #footer #navBottom {
		background-color:#BDCBDB;
	}

	.abuse #footer #navBottom, .appearance #footer #navBottom, .drugs #footer #navBottom, .development #footer #navBottom, .facts #footer #navBottom, .help #footer #navBottom, .sleep #footer #navBottom {
		background-color:#ECECFF;
	}

	.amusement #footer #navBottom, .emergency #footer #navBottom, .survival #footer #navBottom {
		background-color:#FFF0EA;
	}

	.anatomy #footer #navBottom {
		background-color:#ECFFF7;
	}

	.female #footer #navBottom {
		background-color:#FFECFF;
	}

	.gangs #footer #navBottom {
		background-color:#F8F1F2;
	}

	.livehealthy #footer #navBottom, .nutrition #footer #navBottom, .takecontrol #footer #navBottom {
		background-color:#E8FFFE;
	}

	.mental #footer #navBottom {
		background-color:#F8FFEC;
	}

	.exercise #footer #navBottom, .male #footer #navBottom {
		background-color:#E8EBFF;
	}

	.sex #footer #navBottom {
		background-color:#FAECFF;
	}


	#footer #navBottom p {
		padding: 13px 16px;
		clear:none;
	}

	#footer #validation {
		float:right;
		padding:0 16px;
	}

	#footer #validation img {
		padding:0 0 0 5px;
	}

	#footer ul {
		list-style:none;
		padding:1px 10px;
		margin: 0;
		list-style-type: none;
	}

	#footer li {
		background:none;
		padding:0;
		margin:0;
	}

	#footer li a, #footer ul h1 a {
		color:#CCC;
		font-size:11px;
	}

	#footer li a:hover, #footer ul h1 a:hover {
		color:#FFF;
		text-decoration:underline;
	}
	
	#footer li a:visited, #footer ul h1 a:visited {
		color:#999;
	}

	#footer ul h1 {
		color:#CCC;
		font-size:11px;
		font-weight: 900;
	}



	/* Start of Column CSS 
	____________________________________________________________________________*/
	#container5 {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
		background:#000; /* column 5 background colour */
	}
	#container4 {
		clear:left;
		float:left;
		width:100%;
		position:relative;
		right:20%;
	/* column 4 background colour */
	}
	#container3 {
		clear:left;
		float:left;
		width:100%;
		position:relative;
		right:20%;
	/* column 3 background colour */
	}
	#container2 {
		clear:left;
		float:left;
		width:100%;
		position:relative;
		right:20%;
	/* column 2 background colour */
	}
	
	#container1 {
		float:left;
		width:100%;
		position:relative;
		right:20%;
	/* column 1 background colour */
	}
	
	#footer #col1 {
		float:left;
		width:16%;
		position:relative;
		left:82%;
		overflow:hidden;
	}
	
	#footer #col2 {
		float:left;
		width:16%;
		position:relative;
		left:86%;
		overflow:hidden;
	}

	#footer #col3 {
		float:left;
		width:16%;
		position:relative;
		left:90%;
		overflow:hidden;
	}
	
	#footer #col4 {
		float:left;
		width:16%;
		position:relative;
		left:94%;
		overflow:hidden;
	}
	
	#footer #col5 {
		float:left;
		width:16%;
		position:relative;
		left:98%;
		overflow:hidden;
	}

	#sitemapTitle {
		padding:60px 0 0 0;
		color:#CCC;
		font-size:11px;
		font-weight:900;
		width:100%;
		text-align:center;
	}




/* equal columns */
	.box2 {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
	/* column 2 background colour */
	}
	
	.box1 {
		float:left;
		width:100%;
		position:relative;
		right:50%;
	/* column 1 background colour */
	}
	
	.box1 .cola {
		float:left;
		width:46%;
		position:relative;
		left:52%;
		overflow:hidden;
	}
	
	.box1 .colb {
		float:left;
		width:46%;
		position:relative;
		left:56%;
		overflow:hidden;
	}