/* CSS Document */
/* standard definitions */
html { margin:0; padding:0; height:100% }
body { margin:0; padding:0; color:#000000; background:#ffffff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; height:100%; width:100%; }
#pageContainer { background-color:#FFFFFF; margin:0 10px 0 10px; padding:0; max-width:1000px;
/* For Internet Explorer: */
	width: expression(Math.min(parseInt(this.offsetWidth), 1000 ) + "px");  }
table { width:100%; margin:0; padding-left:5px; }
table td { padding-left:5px; border-width:0; vertical-align:top; }
a { font-family:Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited { color:#660066; }
a:hover { color:#990033 }
ul h5 { padding-bottom:0; margin-bottom:2px; padding-top:0; margin-top:5px; }

h1 { font-family:"Times New Roman", Times, serif; font-style:italic; color:#660066; font-size:200%; }

/* page header */
#header { width:99%; height:140px; }
#header #logo { float:left; width:45%; margin:0 0 0 5px; padding:0; }
#header #animation{ float:right; width:233px; margin:0 5px 0 0; padding:0; }
#header #title { top:80px; position:absolute; left:130px; margin:0; padding:0 0 0 10px; }
#stuArt{ width:243px; padding:0; text-align:center; top:20px; float:right;  }
#stuArt #caption { font-size:80%; }
#stuArt img{ border:#e3d5e2 outset 5px; }

/* container for everything but the header and footer */
#container { width:100%; min-height:400px; }
/* for Internet Explorer */
/*\*/
* html #container {
height: 400px;
}
/**/

/* lavendar divider */
#divider { background:#e3d5e2; width:100%; }
#divider h2 { margin:5px 0 0 160px; font-size:120%; }
#divider #imageBanner { margin:2px 0px 0 160px; }
#divider #imageBanner a { margin-right:5px; }
#divider #imageBanner img {border-color:#660066;}
#divider #breadcrumbs { margin:5px 0 0 160px; font-size:90%; }
#divider #breadcrumbs a { color:#660066; text-decoration:underline; font-style:italic; }

/* horizontal links */
#horizMenu {
	/*padding-left:160px;*/
	margin:0;
	padding-right:0;
 	width:100%;
	background-color:#660066;
	height:1.5em;
}
#horizMenu ul {
	padding-left:160px;
	float: left;
	list-style: none;
	line-height: 1;
	/*background: white;
 	width:100%;*/
	font-weight: bold;
	margin: 0 0 .25em 0;
}

#horizMenu a {
	display: block;
	/*width: 10em;
	w\idth: 6em;*/
	color: #ffffff;
	text-decoration: none;
	padding: 0.25em 2em;
}

#horizMenu a.parent {
	background: url(../images/rightArrow.gif) center right no-repeat;
}

#horizMenu li.topRow {
	border-bottom:0;
}

#horizMenu li {
	float: left;
	padding: 0;
	border-bottom:1px solid #660066;
	/*width: 10em;*/
}


#horizMenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border: 1px solid #660066;
	border-bottom:0;
	margin: 0;
	padding:0;
	background:#ffffff;
}

#horizMenu li li {
	padding-right: 1em;
	width: 13em
}

#horizMenu li ul a {
	width: 13em;
	w\idth: 9em;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;	
}

#horizMenu li ul ul {
	margin: -1.75em 0 0 14em;
}

#horizMenu li:hover ul ul, #horizMenu li:hover ul ul ul, #horizMenu li.sfhover ul ul, #horizMenu li.sfhover ul ul ul {
	left: -999em;
}

#horizMenu li:hover ul, #horizMenu li li:hover ul, #horizMenu li li li:hover ul, #horizMenu li.sfhover ul, #horizMenu li li.sfhover ul, #horizMenu li li li.sfhover ul {
	left: auto;
}

#horizMenu li:hover, #horizMenu li.sfhover {
	background: #e3d5e2;
	border-right:1px solid #660066;
}

#horizMenu li ul .noShow { display:none; visibility:hidden; }

/* page content */
#content { width:75%; margin:8px 5px 5px 160px; }
#content h3 { font-size:115%; }

/* disclaimer info */
#disclaimer { background:#660066; color:#FFFFFF; font-size:x-small; text-align:center; padding:3px; }
#disclaimer a { color:#FFFFFF; }

/* page footer */
#footer { background:#e3d5e2; color:#660066; font-size:x-small; text-align:center; padding:3px; }
#footer a { color:#660066; }

/* vertical links */
#vertLinks { width:148px; top:150px; position:absolute; left:10px; }
#vertLinks h6 { background: url(../images/menuBkg.jpg) no-repeat center; vertical-align:top; margin:0; padding:0; text-align:center; color:#FFFFFF; width:148px; height:21px; vertical-align:middle; font-size:110%; }
#vertLinks a { border-bottom:#e3d5e2 solid 1px; border-left:#660066 solid thin; border-right:#660066 solid thin; display:block; background:#FFFFFF; margin-left:1px; padding:3px 0 3px 3px; font-size:100%; }
#vertLinks a#lastLink { border-bottom:#660066 solid thin; }
#vertLinks a:link, #vertLinks a:visited {  text-decoration:none; color:#660066; }
#vertLinks a:hover { text-decoration:underline; background:#e3d5e2; }

/* error message */
#errorMsg { margin:5px 0 5px 25px; }
#errorMsg blockquote { font-size:80%; color:#666666; }

/* front page news and events */
.news { margin-bottom:20px;  }
.news #eventHeader { padding:10px 0 0 0; margin-bottom:3px; }
.news h3 { font-weight:normal; font-style:italic; font-size:150%; margin-bottom:0; padding-bottom:0; color:#333333;  }
.news hr { margin-top:0; padding-top:0; color:#333333; }
.news h4 { font-weight:bold; color:#660066; font-size:110%; margin-bottom:0; padding-bottom:0; margin-top:2px; }
.news .newsTitle { font-weight:normal; font-style:italic; font-size:120%; margin-bottom:2px; padding-bottom:0; color:#333333; width:200px; float:left; }
.news p#newsArticle { margin-top:0; padding-top:0; }
.news #weekof { font-size:95%; text-align:right; float:right; margin-bottom:2px; }
.news #linkLeft { padding-right: 15px; font-size:120%; }
.news #linkRight {padding-left: 15px; font-size:120%; }
.news ul.weekDay { list-style:none; margin:5px 0 5px 15px; border-bottom:#CCCCCC groove 2px; }
.news ul.weekDay li { font-weight:bold; margin-bottom:5px; }
.news ul.eventSummary { list-style:none; }
.news ul.eventSummary li { font-weight:normal; }
.news .eventSmall { font-size:11px; }
.news .eventTitle { font-size:12px; padding-left:22px; padding-right:22px;}
.news blockquote { margin-top:2px; margin-bottom:2px; }
.news .monthLink { text-align:right; padding-right:5px; border-top:2px groove #cccccc; margin-top:25px; padding-top:3px; }
.news .eventSmall a { padding-left:10px; }
.news .today { background-color:#FFFF99; }
.news h4#allWeek { text-align:center; margin-top:5px; padding-top:0; margin-bottom:5px; padding-bottom:0; font-style:italic; background:#FFFF99 }
.emergencyBroadcast { border-bottom:#FF0000 2px solid; border-top:#FF0000 2px solid; padding-top:5px; padding-bottom:5px; }

/* long page */
.linktoTop { text-align:right; }
#pageNav { text-align:right; margin-bottom:5px; }

/* form */
.label { font-weight:bold; }
.instructions { color:#FF0000; font-weight:bold; font-size:75%;}
#submitForm { text-align:center; }

/* newcomer's guide */
.faq { font-weight:bold; margin-bottom:2px; }
.faq p { font-weight:normal; margin-left:10px; margin-top:2px; margin-bottom:8px; }
.faq ol li, .faq ul li { font-weight:normal; padding-top:3px; margin-left:15px; }

/* schoolboard tables */
.board th { border-bottom:#999999 thin solid; }
.board td { text-align:left; vertical-align:middle; border-bottom:#cccccc thin solid; }
.policies .policy { vertical-align:top; }
.policies .topLink { text-align:right; vertical-align:middle; border-bottom:#cccccc thin solid; padding-bottom:3px; padding-top:0; margin-top:0; }
#meetings td { padding:2px 0 5px 1px; font-size:90%; }
#meetings th { background-color:#CCCCCC; text-align:left; }

/* departments */
#deptDir { border:#666666 0px solid; }
#deptDir td#sup { border-width:0; }
#deptDir td { border:solid #666666; border-width:1px 1px 1px 1px; }
#deptDir h3 { text-align:center; font-size:120%; font-weight:bold; margin-bottom:0; background:#cccccc; margin-top:0; padding-left:0; }
#deptDir td#sup h3 { background:#ffffff; margin-top:10px; }
#deptDir h4 { font-size:110%; font-weight:normal; margin-top:0;  margin-bottom:0; font-weight:bold; padding-left:5px; }
#deptDir h5 { font-size:100%; font-weight:normal; margin-top:0;  margin-bottom:0; font-style:italic; margin-left:5px; padding-left:10px; }
#deptDir td#sup h5 { text-align:center; margin-bottom:5px; }
#deptDir .hasSite { font-weight:bold; font-size:90%; padding-left:12px; }
#deptDir .linktoTop { padding-bottom: 3px; }
#formList { border: 2px outset #cccccc; float:right; padding:0 5px 5px 5px;}
.directoryList { border:2px; float:left; padding:0 5px 5px 5px; }
h3#slogan {text-align:center; font-style:italic; }

/* page menu links */
#pageLinks { background:#ffffff; text-align:right; }
#pageLinks #pageMenu { display:inline; padding-right:0; }
#pageLinks #pageMenu a { padding: 0 3px 0 3px; font-size:100%; color:#660066; text-decoration:underline; }

/* submenus */
#pageLinks #pageMenu .anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 90% Verdana;
line-height: 18px;
z-index: 100;
background-color: #ffffff;
width: 175px;
text-align:left; 
margin-left:12px;
}

#pageLinks #pageMenu .anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight:normal;
color:#000000;
}

#pageLinks #pageMenu .anylinkcss a:hover{ /*hover background color*/
background-color: #e3d5e2;
color: #999999;
}

#pageLinks #pageMenu ul {
	list-style:none;
	padding-top:0;
	margin-top:0;
}

#menu1 { display:none; }

#mathTech { border:#999999 solid 1px; }
#mathTech td {border:#999999 solid 1px; vertical-align:top; width:50%; }
#mathTech th { background-color:#CCCCCC; }

#commTable td {vertical-align:top; width:50%; }
#commTable blockquote { padding-top:0; margin-top:0; padding-bottom:0; margin-bottom:0;}

#schoolTable td { vertical-align:top; border-bottom:#999999 solid 1px; font-size:90%; }

.webButton { margin-top:3px; margin-bottom:3px; }
.webButton a { border:2px solid #660066; background-color:#e3d5e2; padding:1px; text-decoration:none; font-size:90%; }

#studentPage td { width:50%; padding-right:5px; }
#studentPage h3 { margin-top:3px; margin-bottom:2px; padding-bottom:0; }
#studentPage ul { margin-top:0; padding-top:0; margin-left:15px; list-style:none; }

.trademark { font-size:75%; }

.extraPadding li { padding-bottom:5px; }

.warning { font-weight:bold; color:#FF0000; }

#employment h3 { margin-bottom:3px; padding-bottom:0 }
#employment table { border:2px outset #CCCCCC; }
#employment th { background-color:#e3d5e2; font-weight:bold; font-size:100%; border: 1px solid #cccccc; }
#employment td { border: 1px solid #cccccc; }
#employment td#jobNum { width:14%; }
#employment td.dates { width:10%; }
#empolyment td#fte { width:5%; }

.rightPanel { border:#660066 solid 1px; margin-bottom:5px; }
.rightPanel h5 { background-color:#660066; color:#FFFFFF; vertical-align:top; text-align:center; margin-top:0; margin-bottom:1px; display:block; }
.rightPanel a { text-decoration:none; border-bottom:#660066 1px solid; display:block; padding: 2px 3px 2px 3px; }
.rightPanel a:hover { background-color:#e3d5e2; }

#sitemap { font-size:80%; }
li .dir { list-style-image:url(../images/folder.jpg); }
li .page { list-style-image:url(../images/page.jpg); }

