@CHARSET "ISO-8859-1";
body {
	height: 100%;
	margin: 0 auto; 
	margin-top: 0px;
	background: #ffffff;
	padding:0px; 
	border:0px;
	text-align:center;
	background-image:  url("../images/topbg2.gif"); 
	background-repeat: repeat-x;
	behavior:url("cssHoverFix.htc");
}
.bodyDiv {
	background-image:  url("../images/topbg2.gif"); 
	background-repeat: repeat-x;
	background-position: bottom;
}
.contentDiv{
	width: 891px; 
	text-align:center;
	margin: 0 auto;
}
a {
 text-decoration:none; 
 color:#330066;
}
 a:hover {
 text-decoration:none; 
 color:#330066;
}
 img { 
 border:0px;
}
img.floatLeft{
	float: left; 
    margin: 4px;
    padding-top:18px;
    padding-right:10px; 
    padding-bottom:10px;
    
}
.navigation {
	margin: 0 auto;
	padding:0;
	position:relative;
}
.navigation ul {
	list-style-type:none; 
	display: block; 
	text-align:center;
	padding:0px; 
	border:0px;
	margin: 0px;
}
.navigation ul li {
	float:left;
margin:0;
padding-left:0;
padding-right:0;
}

/*
.navigation li a, .navigation li a:hover{
	display:block;
	z-index:300;
}
*/

.navigation ul li ul {
	margin-left:0;
	padding:0;
	visibility:hidden;	
	list-style-type:none;
	background-image:none;
 display:none;
 	
}
.navigation ul li:hover ul{
	display:block;
	visibility:visible;
}
.navigation ul li ul li{
	float:left;
	margin:0;
	display:block;	
	color:#330066;
	font-family:verdana,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	background-image:none;
	background-color:#ffffff;
	border:solid 1px #99CC33;
}

.navigation ul li ul li a:hover{
	background-color:#99CC33;
	visibility: visible;
	display:block;

}
.navigation ul li ul li span{
	float:left;
	width:150px;
	height:20px;
	padding:5px;
	margin:0;
	color:#330066;
	display:block;
	font-family:verdana,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	background-image:none;
	background-color:#ffffff;
}
.navigation ul li ul li span:hover{
	background-color:#99CC33;
	display:block;
	visibility: visible;

}
.navigation ul li ul li span a{
	width:150px;
	height:20px;
	display:block;
}
.spacer {
	width:8px;
	height:90px;
	background-image:url("../images/spacer.gif");
	background-repeat:no-repeat;
	background-position:0 0;

}
.about{
	width:54px;
	height:90px;
	background-image:url("../images/about.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.about:hover{
	background-position:0 -90px;
}
.about a{
	display:block;
	width:54px;
	height:90px;
}

.academics{
	width:85px;
	height:90px;
	background-image:url("../images/academics.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.academics:hover{
	background-position:0 -90px;
}
.academics a{
	display:block;
	width:85px;
	height:90px;
}	

.admissions{
	width:90px;
	height:90px;
	background-image:url("../images/admissions.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.admissions:hover{
	background-position:0 -90px;
}
.admissions a{
	display:block;
	width:90px;
	height:90px;
}

.newsevents{
	width:117px;
	height:89px;
	background-image:url("../images/newsevents.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.newsevents:hover{
	background-position: 0 -89px;
}
.newsevents a{
	display:block;
	width:117px;
	height:90px;
}	
.parents{
	width:63px;
	height:90px;
	background-image:url("../images/parents.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.parents:hover{
	background-position:0 -90px;
}
.parents a{
	display:block;
	width:63px;
	height:90px;
}
.teachers{
	width:73px;
	height:90px;
	background-image:url("../images/teachers.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.teachers:hover{
	background-position:0 -90px;
}
.teachers a{
	display:block;
	width:73px;
	height:90px;
}
.supportus{
	width:89px;
	height:90px;
	background-image:url("../images/supportus.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.supportus:hover{
	background-position:0 -90px;
}
.supportus a{
	display:block;
	width:89px;
	height:90px;
}
.contact{
	width:108px;
	height:90px;
	background-image:url("../images/contact.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.contact:hover{
	background-position:0 -90px;
}
.contact a{
	display:block;
	width:108px;
	height:90px;
}
.voicelogo{
	width:212px;
	height:144px;
	background-image:url("../images/voicelogo.gif");
	background-repeat:no-repeat;
	background-position:0 0;
}
.voicelogo a{
	display:block;
	width:212px;
	height:144px;
}
.main {
	width:890px;
	background:#ffffff;
	float:left;
	padding:0px;
	color:#000000;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 1.25;
	text-align:left;
}
.sidebar { 
	width:180px; 
	height: 350px; 
	float:left; 
	margin:15px 0 0; 
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
	padding-bottome:10px;
	text-align:left;
}
.pagetitle{
	color:#330066;
	font-family: times new roman, verdana, sans-serif;
	font-size:30px;
	font-weight:normal;
}
.quicklinkstitle{
	color:#330066;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height:2.2; 
}
.quicklinks{
	color:#99CC33;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height:1.9; 
}
.homepage{
	width:891px;
	font-size:10px;
	background:#ffffff;
	float:left;
	padding:0px;
	text-align:left;
}
.homepagecontent{
	color:#000000;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 2;
	padding-top:10px;
}
.threebox{
	width:891px;
	height:250px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	border-top:2px solid #333366;
	border-bottom:2px solid #333366;
}
.leftbox{
	float:left;
	width:334px;
	height:250px;
	border-right:2px dashed #333366;
	text-align:left;
	padding-left:10px;
}
.centerbox{
	float:left;
	width:217px;
	height:250px;
	text-align:center;
}
.rightbox{
	float:left;
	width:310px;
	height:250px;
	border-left:2px dashed #333366;
	text-align:right;
	padding-left:10px;
}
.homepagesubtitle{
	font-family: times new roman, verdana,sans-serif;
	color: #330066;
	font-size: 23px;
	font-weight: normal;
	line-height: 1.7;
	padding-bottom:2px;
	border-bottom: 1px solid #333366;
}	
.homepagenewstext{
	font-family:verdana, sans-serif;
	color:#330066;
	font-size:12px;
}
.eventdetails{
	table-layout:auto;
}
.question {
	font-family: verdana,sans-serif;
	color: #330066;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
}
.answer {
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 2;
}
.text {
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 2;
}
.pagecontent{
	font-family:verdana, sans-serif;
	font-size:12px;
	line-height: 2.4;
	padding-top:10px;
}
.italicspagecontent{
	font-family:verdana, sans-serif;
	font-style:italic;
	font-size:11px;
	line-height: 1;
	padding-top:10px;
}
.textBeforeQuote{
	float:left;
	width:480px;
	font-family:verdana, sans-serif;
	font-size:12px;
	line-height: 2.4;
	padding-top:25px;
	padding-right:0px;
	padding-bottom:10px;
}
.quote{
	float:left;
	width:165px;
	height:220px;
	font-family:times new roman, verdana, sans-serif;
	font-size:22px;
	font-weight:bold;
	color: #99cc33;
	text-align:right;
	padding-bottom:10px;
}
.textBelowQuote{
	clear:both;
}
.subtitle{
	font-family: times new roman, verdana,sans-serif;
	color: #330066;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
}
.videoplayer {
	width:780px;
	padding:10px;
	text-align:left;
}
.footer {
	width:891px; 
	height:60px; 
	clear:both; 
	margin:0; 
	padding-top:5px;
	padding-bottom:5px;
}
.footerlinks{
	color:#330066; 
	font-family:verdana, sans-serif;
	font-size:9px;
	padding-top:0px;
}
.footerlinks a{
	text-decoration:none;
}
.footerlinks a:hover{
	text-decoration:underline;
	color:330066;
}
.footeraddress{
	position:relative;
	color:#330066; 
	font-family:verdana, sans-serif;
	font-size:9px;
	line-height:2;
}
.right {
	float:right;
	border:1px solid black;
}
.left {
	float:left;
	border:1px solid black;
}
.center{
	width:200px;
	height:30px;
	margin:0 auto;
	
}
.staffbio{
	font-family:verdana, sans-serif;
	font-size:12px;
	line-height: 2.4;
	padding-top:10px;
	clear:both;
}
.staffemail{
	color:#99CC33;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height:2.1; 	
	text-decoration:underline;
	clear:both;
	float:left;
}
.green{
	color:#99cc33;
}
.voicenewsdate
{
	font-family:verdana, sans-serif;
	color:#999999;
	font-size:14px;
	font-weight:bold;
}

.voicenewsheadline
{
	font-family:verdana, sans-serif;
	color:#330066;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.voicenewstext
{
	font-family:verdana, sans-serif;
	font-size:12px;
	line-height:2;
}

.voicenewslocation
{
	font-family:verdana, sans-serif;
	font-size:12px;
}
.calendar {
	 width: 497px;
	 padding: 0;
	 margin: 1em 0 0 0;
	 border-left: 1px solid #330066;
	 color: #330066;
	 text-align: center;
}
.today {
	color: #fff;
	font-weight: bold;
	background: #99cc33;
}
.calendarth{
	color: #330066;
	background: #99cc33;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	text-align:center;
}
.calendartd {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 71px;
	height: 70px;
	text-align: center;
	padding:0;
	margin:0;
}
.calendarevent{
	color: #000;
	font-weight: bold;
	background: #d8e9cd;
	cursor: pointer;

}

a.tip {
	position:relative;
}

a.tip span {
	display: none; 
	position: absolute; 
	top: auto; 
	left: auto; 
	padding: 5px 5px 5px 5px; 
	z-index: 100; 
	background-color: #99cc33; 
	color: #330066; 
	border:0px solid #777; 
	width:200px; 
	height:auto; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
}

a:hover.tip {
	font-size: 99%;
	cursor:pointer;
}

a:hover.tip span {
	display: block;
	position: absolute;
	top:auto; 
	left:auto; 
	right:2px; 
	bottom:auto; 
	line-height:14px; 
	font-size:12px;
	font-weight:normal;
}

.taproot{
	border:1px dotted yellow;
	background-color:#ffc423;
	color:#ffffff;
	font-family:verdana;
	font-weight:bold;
	font-size:8px;
}
.horizontalstudentwork {
	text-align:center;
	padding:2px;
	border:1px solid #330066;
	margin:0 auto; 
	width:500px;
	height:400px;
	clear:both;
}

.verticalstudentwork {
	text-align:center;
	padding:2px;
	border:1px solid #330066;
	margin:0 auto; 
	width:400px;
	height:500px;
	clear:both;
}