/* You may view and learn from this CSS, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2004 Detroit Wireless Project and may not be reproduced */

/* Primary layout and typography */

html p {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
	font-size: 11px;
	line-height: 1.4em;
}

body {
	margin: 0px;
	padding: 0px;
}

img	{
	border: 0;
}

p, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
}

li {
font-size: 12px;
text-align: left;
list-style: dot;
padding: 0;
margin: 0;
}

h1 {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	font-family: arial;
	color: #333;
}

h2 {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	font-family: arial;
	color: #000;
}

h3 {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #333;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	border-bottom: solid 1px #999999;
}

h5 {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	color: #000;
}

/* Default links */
a:link { 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #c90; 
}

a:visited { 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; 
	color: #c90; 
}

a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #999;
}

a:active { 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #999; 
}

/* Top bar settings */

#topbar1 {
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 22px;
	text-align: left;
	padding-top: 3px;
	background: url("../images/topbarbg2.png");
	}
	
#topbar1 a:link { 
	font-size: 13px;
	text-decoration: none;
	color: #fff;
}

#topbar1 a:visited { 
	font-size: 13px;
	text-decoration: none; 
	color: #fff; 
}

#topbar1 a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #000;
}

#topbar1 a:active { 
	font-size: 13px;
	text-decoration: none;
	color: #ccc;
}

#topbar2 {
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 22px;
	text-align: left;
	padding-top: 3px;
	z-index: 1000;
	background: url("../images/topbarbg3.png");
	}
	
#topbar2 a:link { 
	font-size: 13px;
	text-decoration: none;
	color: #fff; 
}

#topbar2 a:visited { 
	font-size: 13px;
	text-decoration: none; 
	color: #fff; 
}

#topbar2 a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #e31414;
}

#topbar2 a:active { 
	font-size: 13px;
	text-decoration: none;
	color: #ccc;
}

#link {
	position: absolute;
	top: -3px;
	right: 20px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	}

#link a:link { 
	font-size: 9px;
	text-decoration: none;
	color: #000; 
}

#link a:visited { 
	font-size: 9px;
	text-decoration: none; 
	color: #000; 
}

#link a:hover {
	font-size: 9px;
	text-decoration: underline;
	color: #e31414;
}

#link a:active { 
	font-size: 9px;
	text-decoration: none;
	color: #000;
}

#topbarsearch {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;
	height: 22px;
	}

/* Wrappers */

.wrapper_topbar {
	position: relative;
	width: 800px;
	height: 25px;
	margin: 0 auto;
	}

.wrapper {
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	width: 800px;
	margin: 0 auto;
	}

/* Logo and Infobox Area */

#logobox {
	position: relative;
	left: 0px;
	top: 10px;
	width: 221px;
	height: 200px;
	font-size: 10px;
	text-align: center;
	color: #333;
}

.logobox_sm {
	position: relative;
	left: 0px;
	top: 25px;
	width: 220px;
	height: 120px;
	font-size: 10px;
	text-align: center;
	color: #333;
}

#sloganbox {
	position: absolute;
	left: 261px;
	top: 45px;
	width: 499px;
	height: 150px;
	font-size: 11px;
	text-align: left;
	color: #333;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}

#sloganbox h1 { 
	font-size: 14px;
	text-decoration: underline;
	color: #000; 
}

#sloganbox p { 
	font-size: 11px;
	text-decoration: none;
	color: #000; 
}

#sloganbox a:link { 
	font-size: 11px;
	text-decoration: none;
	color: #e31414; 
}

#sloganbox a:visited { 
	font-size: 11px;
	text-decoration: none;
	color: #e31414; 
}

#sloganbox a:hover {
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}

#sloganbox a:active { 
	font-size: 11px;
	text-decoration: none;
	color: #e31414; 
}

#sloganbox img {
	padding: 4px;
}

#superintendentboxtitle {
	position: relative;
	left: 0px;
	top: 15px;
	width: 805px;
	height: 15px;
	font-size: 10px;
	text-align: center;
	color: #333;
	border-bottom: solid 1.5px #999;
}

#superintendentbox {
	position: relative;
	left: 0px;
	top: 22px;
	width: 788px;
	height: 250px;
	font-size: 10px;
	text-align: left;
	color: #333;
	padding: 6px;
	border-left: solid 3px #999;
	border-right: solid 3px #999;
	border-bottom: solid 3px #999;
}

#superintendentbox a:link { 
	font-size: 10px;
	text-decoration: none;
	color: #e31414; 
}

#superintendentbox a:visited { 
	font-size: 10px;
	text-decoration: none;
	color: #e31414; 
}

#superintendentbox a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #000;
}

#superintendentbox a:active { 
	font-size: 10px;
	text-decoration: none;
	color: #e31414; 
}

#superintendentbox img {
	padding: 4px;
}

#connectlinks {
	position: absolute;
	right: 0px;
	bottom: 6px;
	width: 370px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #333;
}

/* Navigation */

#navboxes {
	position: relative;
	left: 5px;
	top: 34px;
	width: 800px;
	height: 257px;
	font-size: 10px;
	text-align: center;
	color: #000;
	background: url(../images/navboxes.png) no-repeat 0 0;
}

#studentquicknav {
	position: absolute;
	left: 15px;
	top: 643px;
	width: 230px;
	height: 130px;
	font-size: 10px;
	text-align: left;
	color: #000;
	z-index: 100;
}

#studentquicknav p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-top: 3px;
}

#studentquicknav a {
	padding: 4px;
}

#studentquicknav a:link { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#studentquicknav a:visited { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#studentquicknav a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #fff;
}

#studentquicknav a:active { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#parentquicknav {
	position: absolute;
	left: 290px;
	top: 643px;
	width: 230px;
	height: 130px;
	font-size: 10px;
	text-align: left;
	color: #000;
	z-index: 100;
}

#parentquicknav p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-top: 3px;
}

#parentquicknav a {
	padding: 4px;
}

#parentquicknav a:link { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#parentquicknav a:visited { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#parentquicknav a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #fff;
}

#parentquicknav a:active { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#communityquicknav {
	position: absolute;
	left: 565px;
	top: 643px;
	width: 230px;
	height: 130px;
	font-size: 10px;
	text-align: left;
	color: #000;
	z-index: 100;
}

#communityquicknav p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-top: 3px;
}

#communityquicknav a {
	padding: 4px;
}

#communityquicknav a:link { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#communityquicknav a:visited { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

#communityquicknav a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #fff;
}

#communityquicknav a:active { 
	font-size: 10px;
	text-decoration: none;
	color: #000; 
}

/* Left content area */

#whatsnewtitle {
	position: relative;
	left: 0px;
	top: 36px;
	width: 390px;
	height: 15px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #333;
	border-bottom: solid 1.5px #999;
}

#whatsnew {
	position: relative;
	left: 0px;
	top: 43px;
	width: 378px;
	font-size: 12px;
	text-align: left;
	color: #333;
	padding: 6px;
	border-left: solid 3px #999;
	border-bottom: dotted 1.5px #999;
}

#whatsnew h1 {
	font-size: 14px;
	color: #e31414;
	text-align: left;
	text-decoration: underline;
}

#whatsnew a:link { 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #e31414; 
}

#whatsnew a:visited { 
	font-size: 12px;
	text-decoration: none; 
	font-weight: bold;
	color: #e31414; 
}

#whatsnew a:hover {
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	color: #ccc;
}

#whatsnew a:active { 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #e31414; 
}

#newsletterbox {
	position: relative;
	left: 0px;
	top: 13px;
	width: 390px;
	height: 310px;
	font-size: 10px;
	text-align: center;
	color: #333;
	border: dotted 1.5px #999;
}

/* Right content area */

#calendar_sm_title {
	position: absolute;
	right: 0px;
	top: 788px;
	width: 390px;
	height: 30px;
	font-size: 10px;
	text-align: center;
	color: #333;
	border-bottom: solid 1.5px #999;
}

#calendar_sm {
	position: absolute;
	right: 0px;
	top: 820px;
	width: 390px;
	height: 310px;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
}

#calendar_sm a:link { 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #e31414; 
}

#calendar_sm a:visited { 
	font-size: 12px;
	text-decoration: none; 
	font-weight: bold;
	color: #e31414; 
}

#calendar_sm a:hover {
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	color: #ccc;
}

#calendar_sm a:active { 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #e31414; 
}

#featuredvideo_title {
	position: absolute;
	right: 0px;
	top: 1135px;
	width: 390px;
	height: 30px;
	font-size: 10px;
	text-align: center;
	color: #333;
	border-bottom: solid 1.5px #999;
}

#featuredvideo {
	position: absolute;
	right: 0px;
	top: 1174px;
	width: 390px;
	height: 310px;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
}

#featuredvideo a:link { 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #e31414; 
}

#featuredvideo a:visited { 
	font-size: 12px;
	text-decoration: none; 
	font-weight: bold;
	color: #e31414; 
}

#featuredvideo a:hover {
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	color: #ccc;
}

#featuredvideo a:active { 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #e31414; 
}

/* Main Content Areas */
#students_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/studentsbar.png) no-repeat 0 0;
}

#students_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#students_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#students_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#students_contentleft a:hover { 
	font-size: 12px;
	text-decoration: none;
	color: #e31414;
}
#students_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#students_contentleft h1 {
	color: #000;
	border-bottom: 1px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#students_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#students_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#students_oppbox {
	background-color: #d2d6d9;
	position: absolute;
	top: 290px;
	right: 0px;
	width: 30%;
	height: 700px;
	z-index: 100;
}

#students_oppbox h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

#students_oppbox a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#students_oppbox a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#students_oppbox a:hover { 
	font-size: 12px;
	text-decoration: none;
	color: #e31414;
}

#students_oppbox a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#parents_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/parentsbar.png) no-repeat 0 0;
}

#parents_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#parents_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#parents_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#parents_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}

#parents_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#parents_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#parents_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#parents_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#parents_oppbox {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	height: 900px;
	z-index: 100;
}

#parents_oppbox h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

#community_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/communitybar.png) no-repeat 0 0;
}

#community_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#community_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#community_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#community_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}

#community_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#community_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#community_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#community_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#community_oppbox {
	background-color: #d2d6d9;
	position: absolute;
	top: 225px;
	right: 0px;
	width: 30%;
	height: 900px;
	z-index: 100;
}

#community_oppbox h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

#community_oppbox a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#scommunity_oppbox a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#community_oppbox a:hover { 
	font-size: 12px;
	text-decoration: none;
	color: #e31414;
}

#community_oppbox a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

/* Employment */

#employment_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/employmentbar.png) no-repeat 0 0;
}

#employment_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 100%;
	font-size: 12px;
	text-align: left;
}

#employment_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#employment_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#employment_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}

#employment_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#employment_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#employment_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#employment_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#employment_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	height: 300px;
	z-index: 100;
}

#employment_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* ACS Bond Information */
#bond_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/bondbar.png) no-repeat 0 0;
}

#bond_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 100%;
	font-size: 12px;
	text-align: left;
}

#bond_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#bond_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#bond_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}

#bond_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#bond_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#bond_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#bond_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#bond_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	height: 300px;
	z-index: 100;
}

#bond_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* ACS Policy Manual */
#policy_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/policybar.png) no-repeat 0 0;
}

#policy_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 100%;
	font-size: 12px;
	text-align: left;
}

#policy_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#policy_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#policy_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}

#policy_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#policy_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#policy_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#policy_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#policy_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	height: 300px;
	z-index: 100;
}

#policy_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* School Board */

#schoolboard_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/schoolboardbar.png) no-repeat 0 0;
}

#schoolboard_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#schoolboard_contentleft p {
	font-size: 14px;
	text-align: center;
	color: #000;
}

#schoolboard_contentleft img {
	padding: 1px;
}

#schoolboard_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schoolboard_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schoolboard_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#schoolboard_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#schoolboard_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#schoolboard_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#schoolboard_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 299px;
	right: 0px;
	width: 190px;
	height: 397px;
	font-size: 12px;
	z-index: 100;
}

#schoolboard_contentright a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schoolboard_contentright a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schoolboard_contentright a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#schoolboard_contentright a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#schoolboard_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

#schoolboard_member {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	right: 0px;
	width: 800px;
	font-size: 12px;
	text-align: left;
}

#schoolboard_member h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #000;
	border-bottom: solid #e31414 1px;
}	

#schoolboard_member a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schoolboard_member a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schoolboard_member a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#schoolboard_member a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#schoolboard_member h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#schoolboard_member p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#schoolboard_member img {
	border: 1px black solid;
}

/* Leadership Team */

#leadershipteam_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/leadershipteambar.png) no-repeat 0 0;
}

#leadershipteam_member {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	right: 0px;
	width: 800px;
	font-size: 12px;
	text-align: left;
}

#leadershipteam_member h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #000;
	border-bottom: solid #e31414 1px;
}	

#leadershipteam_member a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#leadershipteam_member a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#leadershipteam_member a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#leadershipteam_member a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#leadershipteam_member h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#leadershipteam_member p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#leadershipteam_member img {
	border: 1px black solid;
}

#leadershipteam_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 120px;
	font-size: 12px;
	text-align: left;
}

#leadershipteam_contentleft h1 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #000;
	border-bottom: solid #e31414 1px;
}	

#leadershipteam_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#leadershipteam_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#leadershipteam_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#leadershipteam_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#leadershipteam_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#leadershipteam_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#leadershipteam_contentleft img {
	border: 1px black solid;
}

#leadershipteam_contentright {
	position: absolute;
	right: 0px;
	top: 217px;
	width: 680px;
	font-size: 12px;
}

#leadershipteam_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* News and Events */

#newsevents_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/newseventsbar.png) no-repeat 0 0;
}

#newsevents_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#newsevents_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#newsevents_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#newsevents_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#newsevents_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#newsevents_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#newsevents_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#newsevents_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#newsevents_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	z-index: 100;
}

#newsevents_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* Contact Us */

#contactus_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/contactusbar.png) no-repeat 0 0;
}

#contactus_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 20px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#contactus_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#contactus_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#contactus_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#contactus_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#contactus_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#contactus_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#contactus_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#contactus_contentright {
	position: absolute;
	font-size: 12px;
	text-align: center;
	top: 205px;
	right: 0px;
	width: 30%;
	border: 1px solid #000000;
}

#contactus_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted #000000 1px;
}

/* Calendar */

#calendar_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/calendarbar.png) no-repeat 0 0;
}

#calendar_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 29px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#calendar_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#calendar_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#calendar_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#calendar_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#calendar_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#calendar_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#calendar_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#calendar_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	height: 900px;
	z-index: 100;
}

#calendar_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* Directory */

#directory_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/directorybar.png) no-repeat 0 0;
}

#directory_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#directory_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#directory_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#directory_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#directory_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#directory_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#directory_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#directory_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#directory_contentright {
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	padding: 6px;
	color: #000;
	z-index: 100;
	background: url(../images/directorycontentrightbg.png) no-repeat 0 0;
}

#directory_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	border-bottom: dotted black 1px;
}

#directory_contentright h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

/* Schools */

#schools_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/schoolsbar.png) no-repeat 0 0;
}

#schools_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#schools_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schools_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}
#schools_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}
#schools_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#schools_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: center;
}

#schools_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#schools_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#schools_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	height: 900px;
	z-index: 100;
}

#schools_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* Athletics */

#athletics_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/athleticsbar.png) no-repeat 0 0;
}

#athletics_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#athletics_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#athletics_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#athletics_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}

#athletics_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#athletics_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: center;
}

#athletics_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#athletics_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#athletics_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 205px;
	right: 0px;
	width: 30%;
	height: 900px;
	z-index: 100;
}

#athletics_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

/* Blogs */

#superintendentblog_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 100px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/grant-ballblogbar2.png) no-repeat 0 0;
}

#blogs_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	font-size: 12px;
	text-align: left;
}

#blogs_contentleft h2 {
	font-size: 14px;
	font-weight: bold;
}

#blogs_contentleft h3 {
	font-size: 14px;
	font-weight: bold;
}

#blogs_contentleft h4 {
	font-size: 10px;
}

#blogs_contentleft a:link {
	font-size: 14px;
	text-decoration: none;
	color: #e31414;
}

#blogs_contentleft a:visited { 
	font-size: 14px;
	text-decoration: none;
	color: #e31414;
}

#blogs_contentleft a:hover { 
	font-size: 14px;
	text-decoration: underline;
	color: #000;
}

#blogs_contentleft a:active { 
	font-size: 14px;
	text-decoration: none;
	color: #e31414;
}

#blogs_contentright {
	background-color: #FFF;
	position: absolute;
	top: 249px;
	right: 0px;
	width: 30%;
	font-size: 12px;
	text-align: left;
}

#blogs_contentright a:link {
	font-size: 12px;
	text-decoration: none;
	color: #e31414;
}

#blogs_contentright a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #e31414;
}

#blogs_contentright a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #000;
}

#blogs_contentright a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #e31414;
}



/* Footer area */
#footer {
	background-color: #FFFFFF;
	position: relative;
	top: 50px;
	left: 0px;
	width: 100%;
	height: 19px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding-top: 6px;
	background: url("../images/topbarbg2.png");
	}

#footer a:link {
	font-size: 10px;
	text-decoration: none;
	color: #009933;
}
#footer a:visited { 
	font-size: 10px;
	text-decoration: none;
	color: #7899CD;
}
#footer a:hover { 
	font-size: 10px;
	text-decoration: underline;
	color: #96CC66;
}
#footer a:active { 
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

#footer_feature {
	position: absolute; 
	left: 0px; 
	top: 960px; 
	height: 30px; 
	width: 770px;
	font-size: 10px;
	text-align: center;
	margin-top: 20px;
}

#footer_feature a:link {
	font-size: 10px;
	text-decoration: none;
	color: #009933;
}

#footer_feature a:visited { 
	font-size: 10px;
	text-decoration: none;
	color: #7899CD;
}

#footer_feature a:hover { 
	font-size: 10px;
	text-decoration: underline;
	color: #96CC66;
}

#footer_feature a:active { 
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

/* Button Rollovers */

#btn_district
{
  display: block;
  width: 188px;
  height: 25px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/district3.png") no-repeat 0 0;

}

#btn_district:hover
{ 
  background-position: 0 -25px;
}

#btn_district span
{
  display: none;
}

#btn_jrsr
{
  display: block;
  width: 279px;
  height: 25px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/jrsr3.png") no-repeat 0 0;

}

#btn_jrsr:hover
{ 
  background-position: 0 -25px;
}

#btn_jrsr span
{
  display: none;
}

#btn_pantherel
{
  display: block;
  width: 209px;
  height: 25px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/pantherel3.png") no-repeat 0 0;

}

#btn_pantherel:hover
{ 
  background-position: 0 -25px;
}

#btn_pantherel span
{
  display: none;
}

#btn_wg
{
  display: block;
  width: 348px;
  height: 25px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/wg3.png") no-repeat 0 0;

}

#btn_wg:hover
{ 
  background-position: 0 -25px;
}

#btn_wg span
{
  display: none;
}

#btn_student
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 244px;
  height: 40px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/studentsbutton.png") no-repeat 0 0;

}

#btn_student:hover
{ 
  background-position: 0 -40px;
}

#btn_student span
{
  display: none;
}

#btn_parent
{
  position: absolute;
  top: 0px;
  left: 275px;
  width: 244px;
  height: 40px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/parentsbutton.png") no-repeat 0 0;

}

#btn_parent:hover
{ 
  background-position: 0 -40px;
}

#btn_parent span
{
  display: none;
}

#btn_community
{
  position: absolute;
  top: 0px;
  left: 550px;
  width: 244px;
  height: 40px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/communitybutton.png") no-repeat 0 0;

}

#btn_community:hover
{ 
  background-position: 0 -40px;
}

#btn_community span
{
  display: none;
}

/* Bar Button Rollovers */

#btn_studentsbar
{
  position: absolute;
  top: 0px;
  right: 202px;
  display: block;
  width: 100px;
  height: 30px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/studentsbar.png") no-repeat 0 0;

}

#btn_studentsbar:hover
{ 
  background-position: 0 -30px;
}

#btn_studentsbar span
{
  display: none;
}

#btn_parentsbar
{
  position: absolute;
  top: 0px;
  right: 101px;
  display: block;
  width: 100px;
  height: 30px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/parentsbar.png") no-repeat 0 0;

}

#btn_parentsbar:hover
{ 
  background-position: 0 -30px;
}

#btn_parentsbar span
{
  display: none;
}

#btn_communitybar
{
  position: absolute;
  top: 0px;
  right: 0px;  
  display: block;
  width: 100px;
  height: 30px;
  white-space: nowrap;
  float: left;
  background: url("../images/buttons/communitybar.png") no-repeat 0 0;

}

#btn_communitybar:hover
{ 
  background-position: 0 -30px;
}

#btn_communitybar span
{
  display: none;
}

#admin a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
	text-align: left;
}
#admin a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
	text-align: left;
}
#admin a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
	text-align: left;
}
#admin a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
	text-align: left;
}

#admin h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: center;
}

#admin h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#guidance_header {
	background-color: #FFFFFF;
	position: relative;
	top: 22px;
	left: 0px;
	width: 100%;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	z-index: 0;
	background: url(../images/guidancebar.png) no-repeat 0 0;
}

#guidance_contentleft {
	background-color: #FFFFFF;
	position: relative;
	top: 24px;
	left: 0px;
	width: 65%;
	height: 100%;
	font-size: 12px;
	text-align: left;
}

#guidance_contentleft a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#guidance_contentleft a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#guidance_contentleft a:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #e31414;
}

#guidance_contentleft a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#guidance_contentleft h1 {
	color: #000;
	border-bottom: 2px #F00 solid;
	font-size: 22px;
	text-align: left;
}

#guidance_contentleft h2 {
	color: #000;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #F00;
}

#guidance_contentleft p {
	color: #000;
	font-size: 12px;
	text-align: left;
}

#guidance_contentright {
	background-color: #d2d6d9;
	position: absolute;
	top: 225px;
	right: 0px;
	width: 30%;
	height: 900px;
	z-index: 100;
}

#guidance_contentright h1 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted black 1px;
}

#guidance_contentright a:link {
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#sguidance_contentright a:visited { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}

#guidance_contentright a:hover { 
	font-size: 12px;
	text-decoration: none;
	color: #e31414;
}

#guidance_contentright a:active { 
	font-size: 12px;
	text-decoration: none;
	color: #4189dd;
}