#teen_header {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:780px;
	height:90px;
}

#teen_title {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:385px;
	height:90px;
}

#teen_mural {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:395px;
	height:90px;
}

#teen_holder {
	clear:both;
	margin:0px auto 0px auto;
	width:770px;
	height:auto;
	padding:4px 0px 0px 0px;
}

#teen_navbar { clear:both; margin:0px 0px 0px 0px; width:770px; height:30px;
	background:url('../pics/teen_nav_back.jpg') repeat-x;
}

#teen_navbar_left { float:left; height:30px; width:11px;  }
#teen_navbar_middle { float: left; height:30px; width:728px; }
#teen_navbar_right { float:right; height:30px; width:11px; }

/* top bar navigation list */
ul.teen_navlist { float:left; margin:0; padding:0; width:728px; list-style: none; }
li.teen_navlist { position:relative; display: inline; height:30px; color:#ffffff; }
.teen_nav_heading { 
	font-family:Arial, Verdana, Sans-Serif; font-weight:bold; font-size:14px; font-style:normal; padding-right:10px;
}
/* top bar navigation links */
li.teen_navlist a.teen0, li.teen_navlist a.teen0:link, li.teen_navlist a.teen0:visited, li.teen_navlist a.teen0:active {
	font-size:11px; text-decoration:none; color:#FFFFFF; padding:8px 8px 8px 8px ! important; padding:8px 8px 5px 8px;
	line-height:28px ! important; line-height:30px;
}
li.teen_navlist a.teen0:hover { background:url('../pics/teen_nav_back_hover.jpg') repeat-x; }
/* top navigation drop list */
ul.teen_navdrop { 
	position: absolute; text-align:left; list-style: none;
	margin:1px 0px 0px 0px ! important; margin:29px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#80A4F2;
	left:0px; width:200px; display:none;
	border-top:1px solid #252BEF; border-right:1px solid #252BEF; border-left:1px solid #252BEF; z-index:99;
}
*:first-child+html ul.teen_navdrop { margin:29px 0px 0px 0px ! important; }
li.teen { 
	width:auto; background-color:#80A4F2; border-bottom:1px solid #252BEF;
}
a.teen, a.teen:link, a.teen:visited, a.teen:active {
	display:block; font-size:11px; font-style:normal; text-decoration:none; margin:0px 0px 0px 0px;
	color:#252BEF; width:auto; font-weight:normal; padding:6px; line-height:18px;
}
a.teen:hover { color:#ffffff; background-color:#4D57F6; background-image:none; }
/* Fix IE. Hide from IE Mac \*/
* html ul li.teen_navlist { float: left; height:1%; }
* html ul li.teen_navlist a { height: 1%; }
* html ul.teen_navdrop li.teen { float: left; height:1%; }
* html ul.teen_navdrop li.teen a.teen { height: 1%; }
/* End */
li.teen_navlist:hover ul.teen_navdrop, li.over ul.teen_navdrop { display: block;  }

#teen_content_holder {
	clear:both;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:768px;
	height:auto;
	background-color:#BFD6F8;
	border-left:1px solid #252BEF;
	border-right:1px solid #252BEF;
}

#teen_text {
	clear:both;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	width:728px;
}

#teen_purple_box { float:left; width:219px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#teen_purple_header { background:url('../pics/teen-purple-header.gif') no-repeat; height:30px; }
#teen_purple_header h2 {
	margin:0px; padding:7px; font-size:11px; color:#38297E; font-family:verdana,arial,helvetica,sans-serif;
}
#teen_purple_text {
	width:203px; border-right:1px solid #491BEB; border-left:1px solid #491BEB; background-color:#CABEF6;
	padding:7px; color:#38297E;
}
#teen_purple_text h1 { color:#38297E; font-size:20px; font-weight:bold; }
#teen_purple_text h2 { color:#38297E; font-size:18px; font-weight:bold; }
#teen_purple_text h3 { color:#38297E; font-size:14px; font-weight:bold; }
#teen_purple_text h4 { color:#38297E; font-size:12px; font-weight:bold; }
#teen_purple_text h5 { color:#38297E; font-size:12px; font-style:italic; font-weight:bold; }
#teen_purple_text h6 { color:#38297E; font-size:12px; text-decoration:underline; font-weight:bold; }
#teen_purple_text a, #teen_purple_text a:link, #teen_purple_text a:active, #teen_purple_text a:visited {
	color:#0094C3;
}

#teen_purple_footer { width:219px; height:12px; }

#teen_blue_box { float:left; width:219px; margin:0px 0px 0px 37px; padding:0px 0px 0px 0px; }
#teen_blue_header { background:url('../pics/teen-blue-header.gif') no-repeat; height:30px; }
#teen_blue_header h2 {
	margin:0px; padding:7px; font-size:11px; color:#1D3871; font-family:verdana,arial,helvetica,sans-serif;
}
#teen_blue_text {
	width:203px; border-right:1px solid #1651EB; border-left:1px solid #1651EB; background-color:#A4DDF5;
	padding:7px; color:#38297E;
}
#teen_blue_text h1 { color:#38297E; font-size:20px; font-weight:bold; }
#teen_blue_text h2 { color:#38297E; font-size:18px; font-weight:bold; }
#teen_blue_text h3 { color:#38297E; font-size:14px; font-weight:bold; }
#teen_blue_text h4 { color:#38297E; font-size:12px; font-weight:bold; }
#teen_blue_text h5 { color:#38297E; font-size:12px; font-style:italic; font-weight:bold; }
#teen_blue_text h6 { color:#38297E; font-size:12px; text-decoration:underline; font-weight:bold; }
#teen_blue_text a, #teen_blue_text a:link, #teen_blue_text a:active, #teen_blue_text a:visited {
	color:#0094C3;
}
#teen_blue_footer { width:219px; height:12px; }

#teen_green_box { float:right; width:219px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#teen_green_header { background:url('../pics/teen-green-header.gif') no-repeat; height:30px; }
#teen_green_header h2 {
	margin:0px; padding:7px; font-size:11px; color:#00486D; font-family:verdana,arial,helvetica,sans-serif;
}
#teen_green_text {
	width:203px; border-right:1px solid #0066B1; border-left:1px solid #0066B1; background-color:#96F7F5;
	padding:7px; color:#00486D;
}
#teen_green_text h1 { color:#38297E; font-size:20px; font-weight:bold; }
#teen_green_text h2 { color:#38297E; font-size:18px; font-weight:bold; }
#teen_green_text h3 { color:#38297E; font-size:14px; font-weight:bold; }
#teen_green_text h4 { color:#38297E; font-size:12px; font-weight:bold; }
#teen_green_text h5 { color:#38297E; font-size:12px; font-style:italic; font-weight:bold; }
#teen_green_text h6 { color:#38297E; font-size:12px; text-decoration:underline; font-weight:bold; }
#teen_green_text a, #teen_green_text a:link, #teen_green_text a:active, #teen_green_text a:visited {
	color:#7843F0;
}
#teen_green_footer { width:219px; height:12px; }

#teen_content_footer {
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:770px;
	height:13px;
}

/***  CALENDAR FORMATTING ***/
table.calendar { border:1px solid #1E315A; }
td.cal_heading { color:#FFFFFF; text-align:center; background-color:#02B5BE; padding:8px; }
td.cal_heading a, td.cal_heading a:link, td.cal_heading a:active, td.cal_heading a:visited { color:#FFFFFF; }
td.calsubhead { background-color:#387DF2; color:#FFFFFF; }
td.borderTRB { border-top:1px solid #7641F2; border-right:1px solid #7641F2; border-bottom:1px solid #7641F2; }
td.borderRB { border-right:1px solid #7641F2; border-bottom:1px solid #7641F2; }
td.borderR { border-right:1px solid #7641F2; }
td.borderB { border-bottom:1px solid #7641F2; }
/*** END CALENDAR ***/


h1.blue { color:#38297E; font-size:20px; font-weight:bold; }
h2.blue { color:#38297E; font-size:18px; font-weight:bold; }
h3.blue { color:#38297E; font-size:14px; font-weight:bold; }
h4.blue { color:#38297E; font-size:12px; font-weight:bold; }
h5.blue { color:#38297E; font-size:12px; font-style:italic; font-weight:bold; }
h6.blue { color:#38297E; font-size:12px; text-decoration:underline; font-weight:bold; }

h1.green { color:#00486D; font-size:20px; font-weight:bold; }
h2.green { color:#00486D; font-size:18px; font-weight:bold; }
h3.green { color:#00486D; font-size:14px; font-weight:bold; }
h4.green { color:#00486D; font-size:12px; font-weight:bold; }
h5.green { color:#00486D; font-size:12px; font-style:italic; font-weight:bold; }
h6.green { color:#00486D; font-size:12px; text-decoration:underline; font-weight:bold; }

a.blue, a.blue:link, a.blue:active, a.blue:visited {
	color:#38297E;
}

a.blue:hover {
	color:#38297E;
}
