body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #fff;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	color: #222;
}
#wrapper {
	background-color: #FFF;
	padding: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	background-color: #FFF;
	margin: 0px;
	height: 75px;
	width: 1000px;
	text-align: left;
	position: relative;
	padding: 0px;
	background-image: url(../_images/tfp_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:999;
}
#nav {
	text-align: right;
	margin: 0px;
	height: 35px;
	width: 800px;
	float: right;
	position: relative;
	z-index: 20;
	text-decoration: none;
	padding: 0px;
	left: 0px;
	top: 40px;
	right: 0px;
	bottom: 0px;
}
#aboutBack {
	height: 575px;
	width: 1000px;
	padding: 0px;
	position: relative;
	float: left;
	top: 0px;
	z-index: 1;
	right: 0px;
	bottom: 0px;
	margin: 0px auto;
	background-color: #6ca7da;
	left: 0px;
}
#aboutNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 510px;
	width: 170px;
	margin: 0px;
	position: absolute;
	top: 20px;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	z-index: 10;
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-image: url(../_assets/mandala_blue.gif);
	left: 25px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
p {
	margin: 0px;
	padding: 0px;
	line-height: 125%;
}
#aboutBack #contentLeft ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
}
#aboutBack #contentRight ul li {
	margin: 0px;
	padding: 0px;
}
#wrapper #nav #aboutNav p a {
	color: #FFF;
	text-decoration: none;
	line-height: 125%;
	font-weight: normal;
}
#aboutBack #contentRight ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0px;
	margin-left: 24px;
}
#wrapper #nav #aboutNav p a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	line-height: 125%;
}
#wrapper #nav #aboutNav p a:hover {
	color: #F63;
	text-decoration: none;
	font-weight: normal;
	line-height: 125%;
}
#image {
	width: 1000px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	z-index: 1;
	height: 592px;
	position: absolute;
}
#baseBar {
	margin: 0px;
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: normal;
	background-color: #FFF;
	clear: both;
	position: relative;
	z-index: 12;
	padding: 0px;
	text-decoration: none;
}
#aboutContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	background-color: #FFF;
	text-align: left;
	width: 440px;
	left: 200px;
	top: 20px;
	position: absolute;
	z-index: 10;
	height: 555px;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;

     
	margin: 0px;
}
#boxLaw {
	font-size: 0.9em;
	text-decoration: none;
	background-color: #F63;
	height: 50px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
	color: #000;
}
#boxEdu {
	font-size: .9em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	width: 100px;
	margin-right: 10px;
	background-color: #F63;
	float: left;
	margin-bottom: 10px;
}
#boxHealing {
	font-size: .9em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background-color: #F63;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 50px;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#boxIs {
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background-color: #F63;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 50px;
	width: 100px;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.bodyBold {
	font-weight: bold;
}
#aboutGallery {
	height: 441px;
	width: 320px;
	position: absolute;
	background-color: #FFF;
	text-align: left;
	padding: 0px;
	top: 20px;
	float: right;
	left: 680px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 120%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#leftFooter {
	margin: 0px;
	height: 30px;
	width: 150px;
	position: absolute;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
	left: 0px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	background-color: #FFF;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	height: 40px;
	width: 1000px;
	position: relative;
}
#rightFooter {
	background-color: #FFF;
	margin: 0px;
	width: 790px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	text-align: left;
	vertical-align: top;
	height: 35px;
	position: relative;
	letter-spacing: 0.025em;
	padding: 0px;
	float: right;
}
#contentLeft {
	background-color: #FFF;
	margin: 0px;
	height: 555px;
	width: 370px;
	padding-left: 15px;
	float: left;
	text-align: left;
	top: 20px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	padding-right: 15px;
	left: 200px;
	color: #222;
}
#contentRight {
	background-color: #FFF;
	height: 555px;
	width: 360px;
	float: right;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 15px;
	position: absolute;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	z-index: 15;
	left: 600px;
	color: #222;
}
.introParagraph {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #800;
	text-decoration: none;
}
.highLights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #33cc33;
	text-decoration: none;
}
#singleContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: left;
	float: left;
	height: 565px;
	width: 760px;
	padding-left: 15px;
	position: absolute;
	left: 200px;
	top: 20px;
	background-color: #FFF;
	padding-right: 25px;
	margin: 0px;
}
.tableData {
	font-size: 0.85em;
	line-height: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888;
	font-size: 0.95em;
	line-height: 100%;
	bottom: 1px;
}
#rightContent3rd {
	height: 455px;
	width: 149px;
	position: absolute;
	background-color: #FFF;
	text-align: left;
	top: 20px;
	float: right;
	left: 680px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBB;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: 20;
}
#rightContent4th {
	height: 455px;
	width: 149px;
	position: absolute;
	background-color: #FFF;
	text-align: left;
	top: 20px;
	float: right;
	left: 840px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBB;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: 25;
}
.tableBold {
	font-weight: bold;
}
#wrapper #nav #singleContent .tableDataborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;
}
#aboutShi-tro {
	height: 565px;
	width: 280px;
	position: absolute;
	background-color: #FFF;
	text-align: left;
	top: 20px;
	float: right;
	left: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#aboutMandala {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	background-color: #FFF;
	text-align: left;
	width: 480px;
	left: 520px;
	top: 20px;
	position: absolute;
	z-index: 10;
	height: 530px;
	vertical-align: top;

     
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper #aboutBack #singleContent .tableData .tableDataborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888;
}
#proBack {
	height: 575px;
	width: 1000px;
	padding: 0px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-color: #ffd877;
}
#proNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 525px;
	width: 175px;
	position: absolute;
	top: 45px;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	z-index: 10;
	font-weight: normal;
	font-style: normal;
	color: #f63;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	left: 25px;
	background-image: url(../_assets/sideBar_Mandala_yellow.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#memberLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: left;
	float: left;
	height: 555px;
	width: 760px;
	padding-left: 15px;
	position: absolute;
	left: 200px;
	top: 20px;
	padding-right: 25px;
	margin: 0px;
	background-image: url(../_assets/login_mandala.gif);
}
#fBack {
	height: 575px;
	width: 1000px;
	padding: 0px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-color: #6abf79;
}
#schoolBack {
	height: 575px;
	width: 1000px;
	padding: 0px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-color: #f06545;
}
#schoolNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 525px;
	width: 170px;
	position: absolute;
	top: 20px;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	z-index: 10;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-image: url(../_assets/mandala_red.gif);
	left: 25px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#wrapper #schoolBack #schoolNav p .navBold {
	line-height: 120%;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#wrapper #schoolBack #schoolNav p a.navBold .navBold {
	margin: 0px;
	padding: 0px;
}
#schoolToolsleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 120%;
	background-color: #FFF;
	text-align: left;
	width: 280px;
	left: 200px;
	top: 110px;
	position: absolute;
	z-index: 10;
	height: 465px;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;

     
	margin: 0px;
}
#schoolsTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: left;
	float: left;
	height: 90px;
	width: 760px;
	padding-left: 15px;
	position: absolute;
	left: 200px;
	top: 20px;
	background-color: #FFF;
	padding-right: 25px;
	margin: 0px;
}
#schoolToolsright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 120%;
	background-color: #FFF;
	text-align: left;
	width: 440px;
	left: 520px;
	top: 110px;
	position: absolute;
	z-index: 10;
	height: 465px;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;

     
	float: left;
	margin: 0px;
}
#wrapper #schoolBack #schoolToolsright #r1 {
	height: 450px;
	width: 435px;
	position: absolute;
	margin: 0px;
	padding: 0px;
}
#wrapper #schoolBack #schoolToolsright #r1 table tr td {
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	line-height: 115%;
	vertical-align: top;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #888;
}
#wrapper #schoolBack #schoolToolsright #r2 {
	height: 450px;
	width: 135px;
	position: absolute;
	left: 480px;
	top: -8px;
	margin: 0px;
	padding: 0px;
}
#wrapper #schoolBack #schoolToolsright #r3 {
	height: 450px;
	width: 135px;
	position: absolute;
	left: 320px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
#facilitatorNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 525px;
	width: 175px;
	position: absolute;
	top: 20px;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	z-index: 10;
	font-weight: normal;
	font-style: normal;
	color: #EEE;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	left: 25px;
	background-image: url(../_assets/sideBar_Mandala_green.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#adGrace {
	color: #007;
	background-color: #ffcc00;
	height: 120px;
	width: 100px;
	left: 0px;
	position: absolute;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	top: 425px;
	font-size: 0.9em;
	line-height: 100%;
	z-index: 18;
	float: left;
}
#wrapper #schoolBack #schoolNav #adGrace p {
	line-height: 100%;
}
.date {
	font-size: 0.75px;
	color: #007;
	line-height: 3em;
	font-family: Arial, Helvetica, sans-serif;
}
#aboutBack #aboutNav p {
	line-height: 120%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	padding: 0px;
}
#aboutBack #contentRight ul {
	line-height: 120%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#aboutTeens {
	height: 600px;
	width: 1000px;
	padding: 0px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}
#redBox_01 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: relative;
	left: 200px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #A32F07;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	float: left;
}
#redBox_02 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: absolute;
	left: 400px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #D00;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
}
#redBox_03 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: absolute;
	left: 600px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #B00;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	float: left;
}
#redBox_04 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: absolute;
	left: 800px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #C33;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	float: left;
}
#greenBox_01 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: relative;
	left: 200px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #3CB84B;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	float: left;
}
#greenBox_02 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: absolute;
	left: 400px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #0B0;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
}
#greenBox_03 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: absolute;
	left: 600px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #0DAA2A;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	float: left;
}
#greenBox_04 {
	margin: 0px;
	height: 300px;
	width: 150px;
	position: absolute;
	left: 800px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	background-color: #3C3;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.2em;
	float: left;
}
#redTest {
	margin: 0px;
	height: 80px;
	width: 100px;
	position: absolute;
	left: 200px;
	top: 400px;
	background-color: #A00;
	font-size: .9em;
	color: #FFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#greenTest {
	margin: 0px;
	height: 70px;
	width: 120px;
	position: absolute;
	left: 120px;
	top: 515px;
	background-color: #0A0;
	font-size: 0.9em;
	color: #FFF;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 30;
}
#nav2 {
	text-align: right;
	margin: 0px;
	height: 35px;
	width: 800px;
	float: right;
	position: absolute;
	z-index: 20;
	text-decoration: none;
	padding: 0px;
	left: 200px;
	top: 65px;
	right: 0px;
	bottom: 0px;
}
#navTest {
	margin: 0px;
	height: 80px;
	width: 100px;
	position: absolute;
	left: 450px;
	top: 400px;
	background-color: #F93;
	font-size: 0.9em;
	color: #FFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header2 {
	background-color: #FFF;
	margin: 0px;
	height: 100px;
	width: 1000px;
	text-align: left;
	position: relative;
	padding: 0px;
}
#logoType {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 195px;
	z-index: 30;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#navTest2 {
	margin: 0px;
	height: 80px;
	width: 100px;
	position: absolute;
	left: 575px;
	top: 400px;
	background-color: #399;
	font-size: 0.9em;
	color: #FFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header3 {
	background-color: #FFF;
	margin: 0px;
	height: 40px;
	width: 1000px;
	text-align: left;
	position: relative;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tradeMark {
	font-variant: small-caps;
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: super;
}

#wrapper #proBack #contentRight table c2 {
	text-align: right;
}
#wrapper #proBack #contentRight table c2 {
	text-align: right;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #888;
}
#wrapper #proBack #contentRight table c1 {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #888;
}
#wrapper #proBack #contentRight table c3 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #888;
}
#wrapper #proBack #contentRight table tr td {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #888;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#teenBack {
	height: 575px;
	width: 1000px;
	padding: 0px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-color: #FFF;
}
#teenNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 525px;
	width: 175px;
	position: absolute;
	top: 20px;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	z-index: 10;
	font-weight: normal;
	font-style: normal;
	color: #F63;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#teensLeft {
	background-color: #FFF;
	margin: 0px;
	height: 555px;
	width: 450px;
	padding-left: 15px;
	float: left;
	text-align: left;
	top: 20px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	padding-right: 15px;
	left: 200px;
	color: #222;
}
#teensFullWidth {
	background-color: #FFF;
	background-image:url(../_images/teens_portal_right.jpg);
	background-position:109px top;
	background-repeat:no-repeat;
	margin: 0px;
	height: 555px;
	width: 770px;
	padding-left: 15px;
	float: left;
	text-align: left;
	top: 20px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	padding-right: 15px;
	left: 200px;
	color: #222;
}
#teensRight {
	background-color: #FFF;
	height: 555px;
	width: 320px;
	float: right;
	text-align: left;
	margin: 0px;
	position: absolute;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	z-index: 15;
	left: 680px;
	color: #222;
	padding: 0px;
}














ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 40px 0 0  0;
	float: right;
	width: 800px;
	font-size: 13px;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	margin: 0; padding: 3px 0;
	display: none;
	float: left;
	width: 160px;
	
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 3px 0;
	clear: both;
	width: 160px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 150px;
	padding-left: 10px;
	font-weight:normal;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	
}


.subnav_about { background-color:#6ca6d9; }
.subnav_teens { background-color:#fff; }
.subnav_teens a:link, .subnav_teens a:visited {color:#666 }
.subnav_teens a:hover {color:#000 }
.subnav_schools { background-color:#f06545; }
.subnav_professionals { background-color:#ffdd6b; }
.subnav_professionals a:link, .subnav_professionals a:visited {color:#000 }
.subnav_professionals a:hover {color:#666 }
.subnav_faciliators { background-color:#6abf79; }
.subnav_about a:hover, .subnav_schools a:hover, .subnav_faciliators a:hover {color:#CCC}