* {margin:0;padding:0}
body {
	padding:0px 0 0 0;
	color: #000000;
	min-width:770px;
	background: #003366;/* body color*/
	text-align:center;
	FONT-SIZE: medium;
	FONT-FAMILY: Comic Sans MS, Verdana, sans-serif;
}
A{	
	text-decoration:none;
}
A:hover{	
	text-decoration:underline;
}
H1{
	font-size:20pt;
}
H3{
	FONT-SIZE: 14pt;
}
H5{
	text-align:center;
	font-size:small;
}
P {
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
}



/*navmenu top */
#navmenu {
	position:absolute;
	z-index:9999;
	top:83px;
	left:0px;
	TEXT-ALIGN:CENTER;
	width:100%;
	line-height:25px;	
	border-bottom:1px solid #000;
	overflow:visible;
	/*BACKGROUND-COLOR: #8BA1688*/
	background: #305AAB url('../images/navbg.jpg') top left repeat-x;
}

#subnav {
	margin: 0;
	PADDING: 0px;  
	FONT-FAMILY: Comic Sans MS, Verdana, sans-serif; LIST-STYLE-TYPE: none; TEXT-ALIGN: center;
}

#subnav a {
	text-decoration: none;
	COLOR: #fff;border-left: 1px solid #d1d8de;
	FONT-SIZE: 11pt;
	padding: 0.25em 1em;
}
#subnav A:hover {
	background: white url('../images/navhoverbg.jpg') top left repeat-x;
height:25px;	color:white;
}

#subnav li li a {
	display: block;
	FONT-SIZE: 10pt;
	color:#fff;
	width:7em;
}


#subnav li {
	float:left;
	position: relative;
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	Text-align:center;
}



#subnav li ul {
	top: 100%;
	left: 0;
	background-color: #577BBB;
	list-style:none;
	position:absolute;
	display: none;
}

#subnav li>ul {
	top: auto;
	left: auto;

}

#subnav li li {
	display: block;
	float: none;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#subnav li:hover ul, #subnav li.over ul {
	display: block;
}


* html #subnav{ border-left:0px solid black;margin-left:180px; }

html>body #subnav {margin-left:180px;}/*moz needs this*/



/* end of top menu */


.comic{
	FONT-FAMILY: Comic Sans MS, Verdana, sans-serif;
}

#wrapper{
	background: #d1d8de; /*#cde7a8;left and right side color*/
	width:auto;
	border:1px solid #d1d8de;
	min-width:770px;
	max-width:1024px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#outer{
	margin-left:180px;
	margin-right:215px;
	background:white;/* main content color*/
	border-left:1px solid #d1d8de;
	border-right:1px solid #d1d8de;
	color: #000000;
}
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:104px;
	border-bottom:1px solid #d1d8de;
	overflow:hidden;
	color: #003399;
	FONT-SIZE: 16pt;
	background:#FFBD2B;  /* #FBDE4A;header color Gold*/
}


#logon{
	width:45px;
	cursor:pointer;
}



#leftbox {
	z-index:1000;
	height:560px;
	position:relative;/*ie needs this to show float */
	width:179px;
	float:left;
	margin-left:-179px;/*must be 1px less than width otherwise won't push footer down */
	margin-bottom: 1em;
}

* html #leftbox {margin-right:-3px;}/* 3px jog*/

#nav {
	FONT-SIZE: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	width:179px;
}
#nav li {
	position: relative;
	width:178px;
	border-bottom: 1px solid #90bade;
}

* html #nav ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
* html #nav li {float:left;/* hide float from ie5*/}
* html #nav ul {
	width:180px;	
	w\idth:178px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
* html #nav ul {margin-left:0;/* hide margin from ie5*/}

#nav li ul {
	BORDER-left: #90bade 1px solid;
	BORDER-top: #90bade 1px solid;
	BORDER-right: #90bade 1px solid;
	position: absolute;
	top: 0;
	left:-999em;
	list-style:none;
}
/* Styles for Menu Items */
#nav li a {
	display:block;
	text-decoration: none;
	color: #000;
	line-height:2em;
	height:2em;	
	padding:0 5px;
}

/* this sets all hovered lists to red */
#nav li:hover a, li.over a,
#nav li:hover li a:hover, #nav li.over li a:hover {
   color: #fff;
   background-color: #577BBB;
}

/* set dropdown to default */
#nav li:hover li a, #nav li.over li a {
    color: #000;
   background-color:#d1d8de;
}

#nav li ul li a {  } /* Sub Menu Styles */
#nav li:hover ul, #nav li.over ul { 	left:179px;  } /* The magic */




* html #outer{/* 3px jog*/
	margin-left:177px;
	margin-right:212px;
}

#rightbox {
	position:relative;/*ie needs this to show float */
	width:215px;
	float:right;
	margin-right:-214px;/*must be 1px less than width otherwise won't push footer down */
	left:1px;
}
* html #rightbox {margin-right:-215px;margin-left:3px}/* stop float drop in ie + 3px jog */

#footer {
	width:100%;
	clear:both;
	line-height:20px;
	border-top:0px solid #000;
	background-color:#003366; /*577BBB;footer color blue*/
	color:#80A6FF;
	text-align:left;
	position:relative;
	font-size:8pt;
}
#clearheader{height:110px;}/*needed to make room for header*/
#centrecontent {float:right;
		width:100%;
		position:relative; 
		border:0px solid red;}

html>body #centrecontent {margin: 0 -0.1%}/*moz needs this*/
.outerwrap {
	border:0px solid red;
	float: left;
	width: 99%;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

STRONG {
	FONT-WEIGHT: bold; COLOR: #233622
}
.decoration {
	MARGIN: 0.5em 0.5em;
}
#demotext {
	BORDER: #FFBD2B 2px solid;
	BACKGROUND: #fff;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 5px;
	COLOR: #233622;
}
* html #demotext {margin-right:1px;}/* 1px jog*/
* html #leftdiv {height:225px;}

.left {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP:5px;
	position:relative; float:left;  MARGIN-LEFT: 0px; WIDTH: 43%;vertical-align:middle;
	border:#233622 1px solid; MARGIN-bottom: 5px;margin-top:13px; margin-right:5px;
}
.right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
	WIDTH: 50%;  position:relative; float:right; 
	border:#233622 0px solid; MARGIN-RIGHT: 0px; MARGIN-left: 0px; MARGIN-bottom: 5px; 
}
#contents {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px;
	border-top:#233622 1px solid; bottom:0px;
	COLOR: #eef7e2; BACKGROUND-COLOR: #304B8A; TEXT-ALIGN:center;
	Margin-left: 0px; margin-right:0px; width:100%; MARGIN-bottom: 0px;
}
html>body .right {margin: 0 0.5%;}/*moz needs this first number denotes top & bottom second number denotes right & left*/
html>body #contents {margin: -0.0% -0.0%;}/*moz needs this first number denotes top & bottom second number denotes right & left*/
* html #contents {margin-left:-2px;margin-right:-3px;margin-bottom:-0px;}/* 1px jog*/
/* mac hide\*/
* html #outer, * html #wrapper,* html #centrecontent {height:1%}
 /* end hide */

.title {
   font-size: 13pt;
   font-weight: bold;
   color: black;
}

.subtitle {
   font-size: xx-small;
   color: #788EED
}

ol.decimal {
	list-style-type: decimal;
	margin-left:30px;
}

/**** calendar object id ***********/
#calendar TABLE {
	FONT-SIZE: 12px;
	BACKGROUND: #e5e5e5; WIDTH: 100%;
	/* from caltable
	border-left:1px solid #6a91b9;
	border-bottom:1px solid #6a91b9;
	border-right:1px solid #6a91b9;
	border-top:1px solid #6a91b9;
	background: #9090b0;
	*/
}

#calendar TABLE TH {
	FONT-SIZE: 11px;
	BACKGROUND: #305AAB; /* #06639e; --blue*/
	MARGIN: 0px;
	COLOR: #ffffff;
	TEXT-ALIGN: right; /*-- by default it is center aligned */

	border-left:1px solid #305AAB; /*#D4D0C8;*/
	border-bottom:1px solid #305AAB;
	border-right:1px solid #305AAB; /* #9090b0;*/
}

#calendar TABLE TH SELECT {
	BACKGROUND: #305AAB;
	BORDER-TOP: #b0b0b0 1px solid; BORDER-RIGHT: #b0b0b0 1px solid;
	BORDER-BOTTOM: #b0b0b0 1px solid; BORDER-LEFT: #b0b0b0 1px solid;
	PADDING-TOP: 3px; PADDING-BOTTOM: 3px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
}
#calendar TABLE TH INPUT {
	COLOR: #ffffff;
	BACKGROUND: #305AAB;width:75px;
	BORDER-TOP: #305AAB 1px solid; BORDER-RIGHT: #305AAB 1px solid;
	BORDER-BOTTOM: #305AAB 1px solid; BORDER-LEFT: #305AAB 1px solid;
	PADDING-TOP: 3px; PADDING-BOTTOM: 3px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
}

#calendar TABLE TD {
	border-left:1px solid #D4D0C8;
	border-bottom:1px solid #D4D0C8;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	TEXT-ALIGN: center;
	/*
	BORDER-TOP: #edf2f2 1px solid;
	BORDER-RIGHT: #edf2f2 1px solid;
	BORDER-BOTTOM: #edf2f2 1px solid
	BORDER-LEFT: #edf2f2 1px solid;
	*/
	/* from calcell
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	*/
}

#calendar TABLE TD A {
	COLOR: black;
}

#calendar TABLE TD A:HOVER {
	display: block;
	COLOR: #000;
	/*font-weight: bold;*/
	background-color: #d1d8de;
}

#calendar TABLE TD INPUT {
	MARGIN: 0px;
	PADDING-RIGHT: 3px;
	PADDING-LEFT:3px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	BORDER-RIGHT: #b0b0b0 1px solid;
	BORDER-TOP: #b0b0b0 1px solid;
	BORDER-LEFT: #b0b0b0 1px solid;
	BORDER-BOTTOM: #b0b0b0 1px solid;
	FONT-SIZE: 8px;
	BACKGROUND: #ececec;
	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif
}
/* to make the current page active */
#home #nhome a,
#about #nabout a,
#downloads #ndownloads a,
#fundraiser #nfundraiser,
#parkinglot #nparking a,
#cal #ncal a,
#month #ncal,
#prospect #nprospect,
#programs #nprograms,
#bowlathon #nbowlathon,
#homecoming #nhomecoming a,
#prayer #nprayer a,
#summercamp #nsummercamp a,
#contact #ncontact a {
	background:#577BBB;
	color:#fff;
	text-shadow:none;
}
#sonhome #nsonhome a,
#weecare #nweecare a,
#two #k2 a,
#nightout #nnightout a,
#soncontact #nsoncontact a,
#sondownload #nsondownload a,
#three #k3 a {
	background:#577BBB;
	color:#fff;
	text-shadow:none;
}


#kindergarten #nkinder ,
#elementary #nelem  {
	background: white url('../images/navhoverbg.jpg') top left repeat-x;
	color:white;
}
#highschool #nhigh  {
	background: white url('../images/navhoverbg.jpg') top left repeat-x;
	color:white;
}


.goldbg {
	background:#FFBD2B; /*#FFDB8A; FFD67C;*/
}

.header A {
	text-decoration: none;
	color: #003399;
	FONT-SIZE: 11pt;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.header A:hover {
	text-decoration: underline;
	color: #003399;
	FONT-SIZE: 11pt;
	margin: 0px;
}

.graylink{
	FONT-SIZE:8pt;
	COLOR: #808080
}

.urgent{
	color:red;
	margin-top:50px;
}

.indent{
	margin-left:15px;
}

.active{
	background:#fff;
	color:#000;
}

.sublevel{
	position:absolute;
	right:0px;
	top:40%;
}

.topsublink{
	background-color: #d1d8de;
	FONT-SIZE: 14px;
}

/*-------------------------Google Map styles-------------------*/
div.tabbody {
	width: 290px;
	height: 80px;
	overflow: auto;
}
#facts
{
	width: 302px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	background-color: #E0EDF3;
	border: 1px dashed #858584;
}
#map
{
	padding: 0;
	margin: 0;
}
#map_container
{
	width: 405px;
	height: 437px;
	padding-top: 1px;
	padding-bottom: 0;
	margin: 0px;
	padding-left: 5px;
}

div.tabbody p {
	font: 12px Verdana;
}
.turnbyturn
{
	background-color: #DFEEF3; 
	padding-left: 15px;
	width: 220px;
	border: 1px dashed #66C6B8;
	overflow: hidden;
}
.turnbyturn p
{
	font: 12px Verdana;
	padding: 0;
	margin: 0;
}
.turnbyturn form
{
	margin: 0;
	padding: 0;
	font: 12px Verdana;
}
#map
{
	border: 1px solid #000;
	margin: 15px 0 0 8px;
}
/*-----------------------------------------End Google Map styles----------------------------*/

/*------Styles for the class page ------*/

#homework #nhomework a,
#tests #ntests a,
#events #nevents,
#classroompolicy #npolicies a,
#fieldtrips #nfieldtrips a,
#reference #nreference a,
#classcalendar #nclasscalendar,
#supplylist #nsupplylist a,
#classschedule #nclassschedule a,
#aboutus #naboutus a,
#albums #nalbums a,
#contact #ncontact a {
	background:#577BBB;
	color:#fff;
	text-shadow:none;
}

#teacherhome #nteacherhome a,
#classes #nclasses {
	background:#577BBB;
	color:#fff;
	text-shadow:none;
}

#regsch #nsch a,
#reguser #nuser ,
#setpages #npages ,
#regclass #nclass ,
#scheduling #nschedule a {
	background:#577BBB;
	color:#fff;
	text-shadow:none;
}


.ppg {
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-spacing:0;
	width:100%;
}
.ppg td {
	padding:3px;
	font-size:12px;
	border-top:1px solid black;
	border-right:1px solid black;
	border-spacing:0;
}

.input input{
	border:1px solid #06639E;
	margin:0;
	padding-left:2px;
	font-size:8pt;
}
.input {
	padding-top:0px;
	padding-bottom:2px;
	text-align:center;
}

.input p{
	padding-top:2px;
}

#LoginTxt{
	text-align:center;
	font-family:Verdana;
	font-size:small;
}
.altrow{
	background-color:#EEE;
}