/* ---------------------------------------
		MAIN BODY CONTROL
------------------------------------------ */
body {
	background-color: #23274F;			
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
			
			
/* ---------------------------------------
	GENERAL LINKS AND BUTTONS
------------------------------------------ */	
	
A:link {
	text-decoration:underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight:bold;}
				
A:visited {
	text-decoration:underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight:bold;}
			
A:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B41C0B;
	text-decoration:none;
	font-weight:bold;
			}				


A.sub-nav-top:link {
	text-decoration:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}
			
A.sub-nav-top:visited {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}
		
A.sub-nav-top:hover {
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b41c0b;
	font-weight: bold;
}

/* ---------------------------------------
	GENERAL TEXT FORMATTING
------------------------------------------ */

.text-header {
	font-size:22px;
	color: #B41C0B;
	font-weight:bold;
}
		
			
.spacer {
	clear: both;
}

.spacer-padded {
	clear: both;
	padding: 0 0 20px 0;
}
			

/* ---------------------------------------
	MAIN DIVS AND HEADER
------------------------------------------ */

div.main-container {
	background-color:#111431;
	width:875px; 
	margin: 0 auto; 
	text-align:left;
	padding: 0 5px 0 5px;
	border:1px #ffffff dotted;
}	

div.header {
	width:875px;
	height:143px;
	position: relative;}
	
div.header-homepage {
	width:875px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	position: relative;}
			

div.header-left {
	float:left;
	position: absolute;
	width:258px;
	z-index: 4
}	

div.header-right {
	color: #ffffff;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*padding: 50px 0 0 258px;*/
	padding-top: 50px;
	/*position: absolute;*/
	/*width:625px;*/
	width: 295px;
	z-index: 1;
}

div.header-right-nav {
	float:right;
	padding: 10px 5px 0 550px;
	text-decoration:none;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	z-index: 2;
}

div.header-right-nav-home {
	float:right;
	padding: 10px 5px 0 550px;
	margin: 110px 0 0 0;
	text-decoration:none;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	z-index: 2;
}

div.nav-holder {
	padding: 0 0 0 25px;
	height: 35px;
}

/* ---------------------------------------
	HEADER EMEGENCY ANNOUNCEMENTS DIVS
------------------------------------------ */	

div.header-emergency {
	color:#fff;
	float:left;
	top:60px;
	left:270px;
	position: absolute;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	z-index:3;
	height: 40px;
}

span.title-emergency {
	color:#f00;
	font-size:16px;
	height: 40px;
}

/* ---------------------------------------
	HEADER FLASH DIVS
------------------------------------------ */			
	
.flash {
	width:854px;
	border-bottom:#ffffff 1px dotted;
	border-top:#ffffff 1px dotted;
	margin: 0 auto;
}
		
	
/* ---------------------------------------
	BODY CONTENT DIVS
------------------------------------------ */
	
	.main-content {
			width:854px;
			background-color:#ffffff;
			margin: 0 auto;
			border:#004080 1px dotted;	
			}
			
	.main-content-home {
			width:854px;
			margin: 0 auto;	
			color:#ffffff;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			text-align:left;
			}
			
	.main-left {
			color:#000000;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			background-color:#ffffff;
			float:left;
			width:600px;
			text-align:left;
			padding:10px;
			}
	
	.side-pics {
			background-color:#ffffff;
			float:right;
			width:190px;
			padding-right:30px;
			padding-top:10px;
			}
			
div.homepage-news-bg {
	width: 300px;
	color: #ffffff;
}

div.homepage-news {
	z-index: 3;
	width: 300px;
}

div.homepage-news-content {
	width: 300px;
	height: 0;
}


.whats-new-title {
	font: Verdana, Geneva, sans-serif 11px bold #fff;
}



div.alumni_year {
	background-color: #23274F;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 2px;
	width: 100%;
}
	
div.calendar {
	padding-top: 3px;
	text-align: center;
	width: 588px;
}

div.calendar span {
	border: 1px solid #000000;
	float: left;
	padding: 0px;
	text-align: center;
	width: 82px;
}

div.calendar, .sun {
	clear: left;
}

div.calendar span.empty {
	background-color: #E7FFFF;
}

div.calendar_header {
	background-color: #23274F;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0px;
	padding: 3px;
	width: 95%;
}

div.calendar_full_header {
	color: #B41C0B;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	width: 401px;
}
			
/* ---------------------------------------
	FOOTER DIVS AND LINKS
------------------------------------------ */

	.footer {
			width:875px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:bold;
			color:#FFFFFF;
			margin: 0 auto;
			padding-top:10px;
			}

	.footer-left {
			float:left;
			width:400px;
			padding-left:10px;
			}
	
	.footer-right {
			float:right;
			width:400px;
			padding-right:10px;
			}
			
			
	.footer A:link {
			font-size:10px;
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
			}
			
	.footer A:visited {
			font-size:10px;
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
			}
			
	.footer A:hover {
			font-size:10px;
			font-weight:bold;
			color:#B41C0B;
			text-decoration:none;
			}
	
	

/* ---------------------------------------
	annoucnemnts
------------------------------------------ */

	.ann {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FFFFFF;
			}	
			
	.ann A:link {
			font-size:10px;
			color:#FFFFFF;
			text-decoration:underline;
			}
			
	.ann A:visited {
			font-size:10px;
			color:#FFFFFF;
			text-decoration:underline;
			}
			
	.ann A:hover {
			font-size:10px;
			color:#B41C0B;
			text-decoration:none;
			}
	
	
/* ---------------------------------------
	CALENDAR TABLE
------------------------------------------ */
table.calendar {
	border: 0px;
	padding: 6px;
	width: 100%;
}

tr.calendar_row_header {
	background-color: #CCCCCC;
	height: 60px;
	vertical-align: middle;
}

tr.calendar_row_days {
	background-color: #CCCCCC;
	height: 45px;
	vertical-align: middle;
}

tr.calendar_row_events {
	height: 80px;
}

td.calendar_cell {
	background-color: #D0D0D0;
	text-align: left;
	vertical-align: top;
	width: 14%;
}

td.calendar_today {
	background-color: #C6D5D7;
}

td.calendar_header_cell {
	text-align: center;
	width: 14%;
}

td.calendar_header_middle {
	font-weight: bold;
	text-align: center;
	width: 72%;
}

td.calenday_empty {
	background-color: #F0F0F0;
}

input.calendar_button {
	background-color: #A0A0A0; 
	color: #000000;
	height: 60px;
	width: 100%;
}

/* ---------------------------------------
	LOGIN TEXT
------------------------------------------ */

.login-text a {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	text-align: right;
        text-decoration: none;
}

.login-text a:hover {
	color: #B41C0B;
}

.announcement-text {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight:bold;
}

.login-form {
	border: 1px solid #b41c0b;
	width: 100px;
	font-size: 11px;
	color: #000;
	padding: 2px;
	background-color: #fff;
	margin: 3px 3px 0 0;
}

.login-remember {
	border: 1px solid #b41c0b;
	font-size: 11px;
	color: #000;
	background-color: #fff;
}

.login-button {
	border: 1px solid #000;
	font-size: 11px;
	color: #fff;
	background-color: #b41c0b;
	padding: 2px;
	margin-top: 3px;
	font-weight: bold;
}

.login-success {
	width: 250px;
	float: right;
	font-size:11px;
	color:#FFFFFF;
}
	

A.login:link  {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
			}
			
A.login:visited {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
			}
			
A.login:hover {
	font-size:11px;
	color:#B41C0B;
	text-decoration:none;
			}
			


/* ---------------------------------------
	LANDING PAGE LIST
------------------------------------------ */
			
.iconlist {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:10px;
	padding-top:-15px;
}


li.htm {
	background-image: url(../images/school.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 9px 0 25px 90px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	padding-left:35px;
	margin: 10px 0 20 0;
}


A.htma:link  {
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	text-decoration:none;
			}
			
A.htma:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;;
	text-decoration:none;
			}
			
A.htma:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	text-decoration:none;
			}
			
	
/* ---------------------------------------
	PAGE SUBHEADER
------------------------------------------ */

div.subheader {
	background-image: url(../images/school.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 9px 0 25px 90px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	padding-left:35px;
	margin: 10px 0 20 0;
	color:#000066;
	font-weight:bold;
}

/* Student Lunches */
.input-box { float:left; width:275px; }
.required { color: #ff0000; }
.clear { clear:both; }

/* Messaage Box */
#message { position:absolute; color:#000; text-align:left; z-index:90001; }
#message-content { position:fixed; top:45%; left:50%; width:580px; margin-left:-320px; padding:15px 30px; background: #fff; color: #B41C0B; font-weight:bold; border:2px solid #111431; text-align:left; z-index:90002; }

/* Screen Overlay */
#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .70; filter: alpha(opacity = 70); background: #7F7F7F; z-index: 90000; }