/* Global Styles */
body {
	background-color: #22264b;
	text-align: center;
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-family: arial;
}

#wrapper {
	min-width: 795px;
	max-width: 795px;
	width: auto !important;
	width: 795px;
	margin: 0 auto;
	text-align: left;
}

img {
	border: none;
}

hr 	{
	height: 1px; 
	border: 0px; 
	background-color: #c7d1e2
	}
h1 {
	font-size: 22px;
	color: #22264b;
	margin: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #22264b;
}

h2 {
	margin: 10px;
	}

h3 {
	padding: 0;
	margin: 0;
}

p {
	margin: 10px 10px 20px 10px;
	padding: 0;
	line-height: 1.3em;
}

a {
	color: #2c35b0;
	text-decoration: underline;
	outline: none;
	
}

a:hover {
	color: #9999CC;
	text-decoration: none;
}

.clearboth {
	clear: both;
}

#spacing {
	height: 1px;
}

.align-r {
	float: right;
}

.align-l {
	float: left;
}




/* Heading Style */
#heading a {
	color: #fff;
	text-decoration: underline;
}

#heading a:hover {
	text-decoration: none;
}

#logo {
	float: left;
}

#logo {
	width: 442px;
}

#sign-in {
	float: right;
	padding-top: 0px;
	width: 285px;
}
#sign-in span	{
	font-size: 11px;
	font-weight: normal;
	}
	
#sign-in p {
	margin: 0;
	padding: 0;
}

#log-in {
	float: right;
	border: 1px solid #fff;
	background-color: #545775;
	padding: 8px;
}

#log-in ul {
	margin: 0;
	padding:0;
}

#log-in li {
	list-style: none;
	float: left;
	
}

#log-in textarea, input[type='text'], select {
	border: 1px solid #ccc; 
	background: #fff;
	height: 16px;
	width: 100px;
	font-size: 12px;
	margin-right: 8px;
}

#log-in textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #aaa;
}

#log-in textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	border-color: #888;
	outline: 2px solid #ccc;
}

#log-in input, select {
	cursor: pointer;
}

#log-in input[type='text'] {
	cursor: text;
}

#log-in button {
	border:0px solid #22264b;
	background-color: #545775;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	padding: 1px;
}








/* //////// */
/* Leftside */
#leftside, #rightside {
	min-height: 464px;
	float: left;
	overflow: hidden;
}

#leftside {
	width: 200px;
	margin: 2px 5px 5px 2px;
	padding-top: 13px;
	padding-left: 15px;
}

#leftside h1 {
	border: none;
	margin: 10px 0 0 0;
}

#leftside h1 a {
	text-decoration: none;
	color: #367121;
}

/* ////////////////// */
/* Main SubNav Styles */
.subNav {
	margin:0; 
	padding:1px 0 0px 1px; 
	width:200px; 
	list-style:none;
	background: #d3dcea;
}

.subNav ul {
	margin: 0;
	padding: 0;
}

.subNav li {
	padding:0 0 1px 0; 
	margin:0 10px 0 0;
	display:block; 
}

.subNav li a {
	text-align:left;
	padding:5px 5px 5px 10px; 
	font-size:16px; 
	color:#22264b; 
	display:block; 
	background:#eff2f7; 
	text-decoration:none;
}
.subNav li a:hover {
	background:#d3dcea;
	color: #22264b !important;
}

/* Sub Nav Plus */
.sub, .sub a, .sub a:hover {
	color: #22264b !important;
	font-size: 18px;
}

/* Event Sub */
.eventsSub {
	margin:0; 
	padding:1px 0 0px 1px; 
	width:200px; 
	list-style:none;
	background: #367121;
}

.eventsSub ul {
	margin: 0;
	padding: 0;
}

.eventsSub li {
	padding:0 0 1px 0; 
	margin:0 10px 0 0;
	display:block; 
}

.eventsSub li a {
	text-align:left;
	padding:5px 5px 5px 10px; 
	font-size:16px; 
	color:#fff; 
	display:block; 
	background:#5d8a4a; 
	text-decoration:none;
}
.eventsSub li a:hover {
	background:#367121;
	color: #fff !important;
}

/* Forms Sub */
.formsSub {
	margin:0; 
	padding:1px 0 0px 1px; 
	width:200px; 
	list-style:none;
	background: #e9e9e9;
}

.formsSub ul {
	margin: 0;
	padding: 0;
}

.formsSub li {
	padding:0 0 1px 0; 
	margin:0 10px 0 0;
	display:block; 
}

.formsSub li a {
	text-align:left;
	padding:5px 5px 5px 10px; 
	font-size:16px; 
	color:#22264b; 
	display:block; 
	background:#fff; 
	text-decoration:none;
}
.formsSub li a:hover {
	background:#e9e9e9;
	color: #22264b !important;
}



/* ///////// */
/* Rightside */
#rightside {
	background-color:#FFFFFF;
	margin:2px 2px 15px 10px;
	padding:13px 13px 0 0;
	width:543px;
}

#rightside ul {
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
}

#rightside li {
	line-height: 1.6em;
	padding-bottom: 5px;
}

#rightside li ul {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}

#rightside li ul li {
	list-style: disc;
	line-height: 1.6em;
}

#rightside h2 {
	font-size: 18px;
}


/* /////////////////// */
/* Main Content Styles */
#content {
	width: 797px;
	min-height: 464px;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, san serif;
}

#content p {
	line-height: 1.4em;
}

#content fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#content a:hover {
	color: #367121;
}

#content #intro {
	float: left;
	width: 422px;			
}

#content #intro img {
	float: left;
}

#content #intro h1 {
	color: #22264b;
	font-size: 18px;
	padding: 10px 0 0 10px;
	border: none;
	clear: both;
}

#content #intro p {
	width: 380px;
	padding: 0 10px 0px 10px;
}

#content #intro a {
/*	margin: 0 0 0 20px;*/
}



/* //////////////// */
/* Newsflash Styles */
#newsflash {
	width: 797px;
	min-height: 10px;
	background-color: #367121;
	border-top: 2px solid #22264b;
	clear: both;
	font-size: 12px;
}

#newsflash .inside {
	padding: 10px;
}

#calendar, #forms, #announcements {
	float: left;
	margin: 10px;
}

#calendar img, #forms img {
	margin-right: 10px;
}

#calendar h3, #forms h3 {
	font-size: 18px;
	padding: 10px 0 30px 0;
	margin: 0;
	color: #fff;
}

#announcements {
	float: right;
	border: 2px solid #5d8a4a;
	background-color: #50813b;
}
#announcements a {
	color: #ffffff;
	}

#announcements a:hover {
	color: #ffffff;
	text-decoration: none;
	}	
#announcements h3 {
	font-size: 18px;
	padding:10px;
	margin: 0;
	border-bottom: 2px solid #5d8a4a;
	color: #fff;
}

#announcements p {
	width: 270px;
	margin: 10px;
	color: #fff;
	font-size: 14px;
}

#calendar ul, #forms ul {
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	color: #fff;			
}

#calendar ul li, #forms ul li {
	list-style: none;
	
}

#calendar ul li a, #forms ul li a {
	color: #fff;
	font-size: 14px;
}

#calendar ul li a:hover, #forms ul li a:hover {
	color: #fff;
	text-decoration: none;
}

/* Footer Styles */
#footer {
	width: 797px;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
}

#footer p {
	font-size: 14px;
}

#footer {
	margin-top: .2em;
	font-weight: normal;
	line-height: 1.5em;
}

#footer a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}

#footer a:hover {
	text-decoration: underline;
}

#divider {
	margin: 10px 0;
}




/* ////////////////////////// */
/* // Contact Page Styles /// */
#contact {
	width: 493px;
	margin: 15px 0 20px 10px;
	padding: 15px;
	border-top: 1px solid #22264b;
	border-bottom: 1px solid #22264b;
}

#contact h2 {
	color: #22264b;
	font-size: 18px;
	padding: 0;
	margin: 0 0 20px 0;
}

#contact ul {
	margin: 0;
	padding: 0;
}

#contact ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contact textarea, #contact input[type="text"], #contact input[type="password"], #contact select {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #666666;
	font-size:15px;
}

#contact input[type="text"], #contact input[type="password"] {
	padding:2px;
	width:200px;
}

#contact select {
	padding:2px;
}
	
#contact label {
	padding:2px;
}
	
#contact textarea:hover, #contact input[type="text"]:hover, #contact input[type="password"]:hover, #contact select:hover, #contact input[type="password"]:hover {
	border-color:#AAAAAA;
}
	
#contact textarea:focus, #contact input[type="text"]:focus, #contact input[type="password"]:focus, #contact select:focus, #contact input[type="password"]:focus {
	border-color:#888888;
	outline-color:#d3dcea;
	outline-style:solid;
	outline-width:2px;
}

#contact fieldset span {
	font-weight:bold;
}


#insideform {
	padding:20px;
	width:100%;
}

#contact button {
	border: 1px solid #22264b;
	font-size: 15px;
	outline: none;
}

#map {
	width: 425px;
	margin: 15px 0 20px 10px;
	padding: 25px;
	border-top: 1px solid #22264b;
}




/* ////////// */
/* Dress Code */
#boys, #girls {
	color: #fff;
	background-color: #22264b;
	margin: 15px 10px 15px 10px;
}

#boys h2, #girls h2 {
	margin-left: 5px !Important;
}



.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform
	{
	margin:0 auto;
	width:440px;
	padding:14px;
	}

/* ----------- stylized ----------- */
#fancyForm
	{
	border:solid 2px white;
	background: white;
	}

#fancyForm p
	{
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
	}

#fancyForm label
	{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	}
	
#fancyForm .small
	{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
	}

#fancyForm input, #fancyForm z
	{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
	}

#fancyForm select
	{
	float:left;
	padding:4px 2px;
	width:200px;
	margin:2px 0 20px 10px;
	height: 30px;
	}

#fancyForm button
	{
	clear:both;
	margin-left:150px;
/*	width:135px; */
	height:31px;
	text-align:center;
	line-height:31px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	}

#columnLeft	{
	float: left;
	width: 300px;
	margin-right: 15px;
	}
	
#columnRight	{
	width: 200px;
	float: left;
	}
.messageBox	{
	padding: 15px;
	background-color: #d4d6e7;
	}

#dashboard {
	padding: 20px;
}

.dash-inside {
	padding: 10px;
}

#dashboard #left, #dashboard #right {
	float: left;
}

#dashboard #left {
	margin-right: 20px;
	background: #eff2f7;
	width: 485px;
	min-height: 500px;
}

#dashboard #left h3 a {
	font-size: 14px;
	font-weight: normal;
}

#dashboard #announcments h3 {
	/*padding: 2px 5px;*/
}

#dashboard .teachers {
	padding: 10px 5px;
}

#dashboard .teachers p {
	margin: 0;
	padding: 0;
}

#dashboard .teachers ul {
	margin: 0 20px;
	padding: 0;
}

#dashboard .teachers li {
	list-style: none;
	margin: 5px 0 5px 0;
}

#dashboard .teachers li li {
	list-style: disc;
	margin: 5px 0 5px 0;
}

#dashboard .teachers li a {
	margin: 0 10px 0 0;
}

.entryDate {
	margin: 0;
	font-size: 12px;
}

.entryBody, .entryBody p
	{
	margin-bottom: 10px !important;
	font-size: 14px !important;
	line-height: normal !important;
	}
#dashboard .teachers2 {
	padding: 10px 0;
	background: #d3dcea;
}

#dashboard .teachers2 ul {
	margin: 0 20px;
	padding: 0;
}

#dashboard .teachers2 li {
	list-style: none;
}

#dashboard .teachers2 ul span {
	margin: 0;
	font-size: 12px;
	font-style: italic;
}

#dashboard .teachers2 hr {
	margin: 0;
	padding: 0;
	background: #999;
	border: none;
}

#dashboard .teachers2 hr {
	margin: 0;
	padding: 0;
	background: #999;
	border: none;
}


#dashboard #right {
	/*border: 1px solid #000;*/
	background: #fff;
	width: 250px;
	min-height: 500px;
}

#dashboard #right h3 {
	padding: 7px 5px 6px 55px;
	background: url('images/subHeadingsImg_01.jpg') no-repeat 10px 0;
	
}

#dashboard #right .dash-inside {
	border: 1px solid #000;
}

#dashboard #right .dash-inside div {
	border-top: 1px solid #000;
	margin-top: 10px;
}


#dashboard #right .dash-inside div ul {
	margin: 10px; 
	padding: 0 0 0 25px;
}

#dashboard #right .dash-inside div ul li {
	margin: 0 0 5px 0;
}

/* Parent Preferences */

#preferences table {
	margin: 0 0 0 10px;
}

#preferences textarea, #prereferences input[type="text"], #preferenceds input[type="password"], #preferences select {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #666666;
	font-size:15px;
}

#preferences input[type="text"], #preferences input[type="password"] {
	padding: 4px;
	width: 200px;
}

#preferences select {
	padding: 4px;
}
	
#preferences label {
	padding: 2px;
	width: 50px;
}
	
#preferences textarea:hover, #preferences input[type="text"]:hover, #preferences input[type="password"]:hover, #preferences select:hover, #preferences input[type="password"]:hover {
	border-color:#AAAAAA;
}
	
#preferences textarea:focus, #preferences input[type="text"]:focus, #preferences input[type="password"]:focus, #preferences select:focus, #preferences input[type="password"]:focus {
	border-color:#888888;
	outline-color:#d3dcea;
	outline-style:solid;
	outline-width:2px;
	padding: 4px;
}

#preferences fieldset span {
	font-weight:bold;
	}
#preferences fieldset	{
	padding: 20px;
	}
#preferences 	{
	width: 400px;
	float: left;
	}
/* end */

.siteForm
	{
	padding: 14px;
	}

.siteForm form
	{
	
	}


/*
*/

/* Main Menu Styles */
#mainMenu {
	float:left;
	width:100%;
	height: 34px;
	background: url('images/navBg.jpg') #fff;
	border: 1px solid #fff;
	position:relative;
}

/* hack to correct IE5.5 faulty box model */
* html #mainMenu {
}

#mainMenu ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
   left: 20px;
   z-index: 9999;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainMenu li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

/* style the links for the top level */
#mainMenu li a {
	display:block;
	padding: 6px 10px 6px;
	background: url('images/navLinkBorderBg.jpg') no-repeat right;
	font-size: 14px;
	color:#fff;
	text-decoration:none;
	line-height:1.4em;
}

#mainMenu li a:hover {
	display:block;
	color: #22264b;
	background:url('images/navLinkBorderBg.jpg') no-repeat right #729960;
}

/* style the second level hover */
#mainMenu ul ul a:hover {
	border: none;
}

#mainMenu ul ul li {
	/*padding: 1px 0 0 0;*/
	background-color: /*#367121*/#fff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:34px;
	left:0; 
	width:200px;
	border-top: 1px solid #fff;
}

/* another hack for IE5.5 */
* html #mainMenu ul ul {
	top:33px;
}


/* style the second level links */
#mainMenu ul ul a{
	background-color: #729960;/* Controls the background color for the 2nd level links */
	color: #22264b; 
	height:auto;
	line-height:1em;
	margin: 0; 
	padding: 7px 0 7px 15px;
	display: block;
	font-weight: normal;
	width:175px;
	font-size: 16px;
	text-align: left;
	background-image: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	outline: none;
}

#mainMenu ul ul a:hover {
	background-color: #367121;
	font-weight: normal;
	color: #fff;
	background-image: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#mainMenu :hover > a {
	color: #22264b;
	background:url('images/navLinkBorderBg.jpg') no-repeat right #729960;
}

#mainMenu ul ul :hover > a {
	background-image: none;
}

/* make the second level visible when hover on first level list OR link */
#mainMenu ul li:hover ul, #mainMenu ul a:hover ul{
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#mainMenu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#mainMenu ul :hover ul :hover ul{
	visibility:visible;
}

#mainMenu li
	{
	height: 34px;
	}

#mainMenu li li
	{
	height: 31px;
	}

.parentLogin   {
	 padding: 5px 5px; 
	 background-color: #545775; 
	 border: 2px solid #ffffff !important; 
	 width: 150px;
	 float: right;
	 text-align: center;
	 margin-top: 15px;
	 }
.parentLogin:hover	{
	background-color: #85879f;
	}
.parentLogin a:link, .parentLogin a:visited, .parentLogin a:active	{
	text-decoration: none !important;
	}
.small	{
	font-size: 13px;
	}
	
#home-rotate
	{
	float: right;
	}
.divider	{
	border-top: 1px solid #22264b;
	margin: 5px 0px
	}
.imgRight	{
	border: 1px solid #22264b;
	float: right;
	margin: 0px 10px 5px 5px;
	}


#announcments h3
	{
	background: url('images/chalkboard.jpg') no-repeat 0px 0; 
	padding: 7px 5px 8px 55px;
	}

.teachers h3
	{
	background: url('images/apple.jpg') no-repeat 0px 0; 
	padding: 7px 5px 8px 55px;
	}
	
.main	{
	font-weight: bold;
	}
li.subhead a {
	font-size: 12px; 
	padding-left: 20px
	}
#help h2	{
	color: #367121;
	text-transform: uppercase
	}
#help h3	{
	margin-left: 10px;
	}
	}