html {}

body {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	background:#fff url(../images/bg_body.gif) repeat-x left top;
	color:#000;
}

	button {
		border: solid 1px black;
		background-color: #FFFFFF;
		vertical-align: middle;
		text-align: center;
		padding: 5px;
	}


a {
	outline:none;
	color:#003999;
}	a:hover {
	color:#3686d6
}

#header {
	height:128px;
	width:100%;
	background:transparent url(../images/header.jpg) no-repeat center top;
}

#menu {
	display:block;
	list-style:none;
	width:845px;
	height:40px;
	padding:88px 0 0 161px;
	margin:0 auto;
	overflow:hidden;
}

	#menu li {
		display:block;
		float:left;
		height:40px;
		width:120px;
		margin:0 0 0 3px;
	}
		#menu li a {
			display:block;
			width:120px;
			height:0;
			padding:40px 0 0;
			overflow:hidden;
		}
	
		#home {
			width:98px !important;
			margin:0 0 0 0;
		}   #home a {
			width:98px !important;
			background:transparent url(../images/main_menu.gif) 0 0;
		}   #home a:hover {
			background:transparent url(../images/main_menu.gif) 0 -40px;
		}   #home.selected a {
			background:transparent url(../images/main_menu.gif) 0 -80px;
		}
		
		#about a {
			background:transparent url(../images/main_menu.gif) -101px 0;
		}	#about a:hover {
			background:transparent url(../images/main_menu.gif) -101px -40px;
		}	#about.selected a {
			background:transparent url(../images/main_menu.gif) -101px -80px;
		}
		
		#faculty_staff a {
			background:transparent url(../images/main_menu.gif) -224px 0;
		}	#faculty_staff a:hover {
			background:transparent url(../images/main_menu.gif) -224px -40px;
		}	#faculty_staff.selected a {
			background:transparent url(../images/main_menu.gif) -224px -80px;
		}
		
		#get_involved a {
			background:transparent url(../images/main_menu.gif) -347px 0;
		}	#get_involved a:hover {
			background:transparent url(../images/main_menu.gif) -347px -40px;
		}	#get_involved.selected a {
			background:transparent url(../images/main_menu.gif) -347px -80px;
		}
		
		#calendars a {
			background:transparent url(../images/main_menu.gif) -469px 0;
		}	#calendars a:hover {
			background:transparent url(../images/main_menu.gif) -469px -40px;
		}	#calendars.selected a {
			background:transparent url(../images/main_menu.gif) -469px -80px;
		}
		
		#employment a {
			background:transparent url(../images/main_menu.gif) -592px 0;
		}	#employment a:hover {
			background:transparent url(../images/main_menu.gif) -592px -40px;
		}	#employment.selected a {
			background:transparent url(../images/main_menu.gif) -592px -80px;
		}
		
		#contact a {
			background:transparent url(../images/main_menu.gif) -715px 0;
		}	#contact a:hover {
			background:transparent url(../images/main_menu.gif) -715px -40px;
		}	#contact.selected a {
			background:transparent url(../images/main_menu.gif) -715px -80px;
		}

#t1 {
	background:transparent url(../images/bg_t1.jpg) no-repeat center top;
}

#t2 {
	background:transparent url(../images/bg_t2.gif) no-repeat center 523px;
}

#splash {
	width:996px;
	height:463px;
	position:relative;
	margin:0 auto;
	background:#132f63 url(../images/bg_splash.jpg) no-repeat left top;
}
	#splash img {
		width:589px;
		height:450px;
		border:none;
		position:absolute;
		left:401px;
		top:7px;
	}
	
#t3 {
	width:996px;
	min-height:463px;
	position:relative;
	margin:0 auto;
	background:#fff url(../images/bg_content.gif) repeat-y left top;
}	#t3:after {
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	clear:left;
}

	#secondary_menu {
		display:block;
		width:216px;
		list-style:none;
		padding:10px;
		margin:0;
		float:left;
	}
		#secondary_menu li {
			display:block;
			width:216px;
			height:35px;
			margin-bottom:5px;
		}
			#secondary_menu li a {
				display:block;
				width:196px;
				height:35px;
				padding:0 10px;
				line-height:35px;
				white-space:nowrap;
				overflow:hidden;
				font-size:.5em;
				background:#fff url(../images/secondary_menu.gif) no-repeat left top;
				color:#2862cc;
				text-decoration:none;
			}	#secondary_menu li a:hover {
				background:#fff url(../images/secondary_menu.gif) no-repeat left -35px;
			}	#secondary_menu li.selected a {
				background:#fff url(../images/secondary_menu.gif) no-repeat left -70px;
			}

	#page_content {
		width:700px;
		font-size:.5em;
		margin:0 0 0 236px;
		padding:25px 30px;
	}

	#full_page_content {
		width:976px;
		font-size:.5em;
		padding:25px 10px;
		min-height:463px;
		position:relative;
		margin:0 auto;
		background:#fff;
	}

#announcement_box {
	width:383px;
	height:219px;
	background:#fff url(../images/bg_announcements.jpg) no-repeat left top;
	position:absolute;
	top:7px;
	left:6px;
}

	#announcement_box_content {
		width:369px;
		height:163px;
		background:#fff;
		overflow-x:hidden;
		overflow-y:scroll;
		position:absolute;
		top:45px;
		left:7px;
		font-size:.5em;
		font-family:Verdana, Geneva, sans-serif;
		line-height:1.5em;
	}

		#announcement_box_content span {
			display:block;
			padding:12px 0 12px 53px;
			min-height:26px;
		}	#announcement_box_content span.light {
			background:#fff url(../images/bg_announce_light.gif) no-repeat left top;
		}	#announcement_box_content span.dark {
			background:#f3f3f3 url(../images/bg_announce_dark.gif) no-repeat left top;	
		}
		
			#announcement_box_content span em {
				padding-right:10px;
				color:#132f63;
				text-transform:uppercase;
				font-style:normal;
				font-size:.75em;
			}



#quick_links {
	width:383px;
	height:219px;
	background:#fff url(../images/bg_quick_links.jpg) no-repeat left top;
	position:absolute;
	top:238px;
	left:6px;
}

	#quick_links_content {
		width:369px;
		height:163px;
		overflow:hidden;
		position:absolute;
		top:100%;
		left:7px;
		margin-top:-174px;
		overflow-x:hidden;
		overflow-y:scroll;
		font-size:.5em;
		font-family:Verdana, Geneva, sans-serif;
		line-height:1.5em;
	}
		#quick_links_content a {
			display:block;
			padding:12px 0 12px 53px;
			min-height:26px;
		}	#quick_links_content a.light {
			background:#fff url(../images/bg_quick_links_light.gif) no-repeat left top;			
		}	#quick_links_content a.dark {
			background:#f3f3f3 url(../images/bg_quick_links_dark.gif) no-repeat left top;
		}

#footer {
	width:968px;
	height:60px;
	padding:0 14px;
	margin:0 auto;
	line-height:60px;
	background:transparent url(../images/bg_footer.jpg) no-repeat center top;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.45em
}

	#footer span {
		display:block;
		float:right;
	}

#trim {
	height:11px;
	width:100%;
	overflow:hidden;
	margin:0 0 20px;
	background:transparent url(../images/bg_trim.gif) no-repeat center top;
}



h1 {
	font-size:1.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	color:#001f57;
}	h1 span {
    display:block;
	color:#2862cc;
	font-size:.8em;
	margin-left:20px;
	font-weight:normal;
}


h2 {
	color:#2862cc;
	font-size:1.2em;
	margin:0;
}	h2 span {
	color:#001f57;
}

h3 {
	color:#001f57;
	font-size:1.2em;
	text-decoration:underline;
	margin:0;
}

h4 {
	color:#82b3ff;
	font-size:1.1em;
	font-style:italic;
	padding:10px 50px;
	text-align:center;
}

h5 {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	color:#001f57;
}


p {
	line-height:1.8em;
	text-indent:15px;
	margin:0 0 15px;
}

#page_content ul {
	padding:10px 15px 15px;
	margin:0 0 20px;
}

#page_content ul li {
	margin-bottom:10px;	
	color:#001f57;
	background:transparent;
}

.staff_box_light {
	width:700px;
	height:158px;
	background:url(../images/staff_box_light.jpg) no-repeat left top;
	margin-bottom:10px;
	position:relative;
}

.staff_box_dark {
	width:700px;
	height:158px;
	background:url(../images/staff_box_dark.jpg) no-repeat left top;
	margin-bottom:10px;
	position:relative;
}

.staff_box_light img, .staff_box_dark img {
	position:absolute;
	top:11px;
	left:11px;
	width:103px;
	height:136px;
}

.staff_box_light h2, .staff_box_dark h2  {
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	font-size:1.5em;
	margin:0;
	padding:0;
	width:570px;
	height:41px;
	overflow:hidden;
	line-height:41px;
	text-indent:15px;
	position:absolute;
	top:7px;
	left:122px;
}

.staff_box_light p, .staff_box_dark p {
	display:block;
	text-indent:0px;
	margin:0;
	padding:10px;
	width:550px;
	height:62px;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:1em;
	line-height:1.5em;
	position:absolute;
	top:48px;
	left:122px;
}

.staff_box_light a.link, .staff_box_dark a.link {
	display:block;
	height:20px;
	padding:0 10px;
	width:550px;
	line-height:20px;
	color:#2862cc;
	text-decoration:underline;
	position:absolute;
	top:130px;
	left:122px;
	font-size:.8em;
}

ul#get_involved_menu {
	width:976px;
	height:211px;
	display:block;
	list-style:none;
	margin:20px 0 0;
	padding:0;
	position:relative;
	background:url(../images/get_involved_menu.jpg) no-repeat left top;
}
	ul#get_involved_menu li {
		display:block;
		width:318px;
		height:211px;
		position:absolute;
	}	ul#get_involved_menu li a {
		display:block;
		width:318px;
		height:211px;
	}	ul#get_involved_menu li a:hover {
		width:312px;
		height:205px;
		border:solid 3px #84a7de
	}
	
	#reagan_families {
		left:0;
	}

	#community_partners {
		left:329px;
	}

	#adopt_a_program {
		left:658px;
	}


ul#get_involved_menu_alt {
	width:976px;
	height:41px;
	display:block;
	list-style:none;
	margin:0 0 20px;
	padding:0;
	position:relative;
	background:url(../images/get_involved_menu.jpg) no-repeat left top;
}
	ul#get_involved_menu_alt li {
		display:block;
		width:318px;
		height:41px;
		position:absolute;
	}	ul#get_involved_menu_alt li a {
		display:block;
		width:318px;
		height:41px;
		z-index:100;
	}	ul#get_involved_menu_alt li a:hover, ul#get_involved_menu_alt li.selected a {
		width:312px;
		height:35px;
		border:solid 3px #84a7de
	}
	
	#reagan_families {
		left:0;
	}

	#community_partners {
		left:329px;
	}

	#adopt_a_program {
		left:658px;
	}


.table_type {
	display:table;
	*padding-right:270px;
}

#sponsors {
	width:220px;
	float:right;
	margin:15px 15px 0px 50px;
}

#sponsors h4 {
	margin:0 !important;
	font-style:normal !important;
}

#sponsors p {
	line-height:1.35em;
	font-weight:bold;
	color:#333;
	text-indent:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:0;
}

#sponsors a {
	display:block;
	height:41px;
	line-height:41px;
	width:220px;
	text-align:center;
	margin:0 0 5px 0;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	font-size:1.2em;
}	#sponsors a.light {
	background:url(../images/sponser_link_light.gif) no-repeat left top;
}	#sponsors a.light:hover {
	background:url(../images/sponser_link_light.gif) no-repeat left -41px;
}	#sponsors a.dark {
	background:url(../images/sponser_link_dark.gif) no-repeat left top;
}	#sponsors a.dark:hover {
	background:url(../images/sponser_link_dark.gif) no-repeat left -41px;
}




#calendar_header {
	width:973px;
	height:40px;
	line-height:35px;
	font-size:1.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	color:#001f57;
	text-align:right;
	background:url(../images/bg_cal_header.gif) repeat-x left bottom;
	position:relative;
}

#lunch_calendar_header {
	width:970px;
	height:40px;
	line-height:35px;
	font-size:1.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	color:#001f57;
	text-align:right;
	background:url(../images/bg_cal_header.gif) repeat-x left bottom;
	position:relative;
}


#cal_button_right {
	display:block;
	float:right;
	width:32px;
	height:32px;
	margin-left:5px;
	background:url(../images/cal_button_right.gif) no-repeat left top;
}	#cal_button_right:hover {
	background:url(../images/cal_button_right.gif) no-repeat left -32px;
}

#cal_button_left {
	display:block;
	float:right;
	width:32px;
	height:32px;
	margin-left:20px;
	background:url(../images/cal_button_left.gif) no-repeat left top;
}	#cal_button_left:hover {
	background:url(../images/cal_button_left.gif) no-repeat left -32px;
}

#calendar_header ul, #lunch_calendar_header ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	height:40px;
	width:243px;
	position:absolute;
	top:0;
	left:0;
}

#calendar_header ul li#events, #lunch_calendar_header ul li#events {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:40px;
	width:120px;
	background:url(../images/cal_menu.gif) no-repeat left top;
}

#calendar_header ul li#events a, #lunch_calendar_header ul li#events a {
	display:block;
	width:120px;
	padding-top:40px;
	height:0;
	overflow:hidden;
	background:url(../images/cal_menu.gif) no-repeat left top;
}	#calendar_header ul li#events a:hover, #lunch_calendar_header ul li#events a:hover {
	background:url(../images/cal_menu.gif) no-repeat left -40px;
}	#calendar_header ul li#events.selected a, #lunch_calendar_header ul li#events.selected a {
	background:url(../images/cal_menu.gif) no-repeat left -80px;
}

#calendar_header ul li#lunch_menu, #lunch_calendar_header ul li#lunch_menu {
	display:block;
	position:absolute;
	top:0;
	left:123px;
	height:40px;
	width:120px;
}

#calendar_header ul li#lunch_menu a, #lunch_calendar_header ul li#lunch_menu a {
	display:block;
	width:120px;
	padding-top:40px;
	height:0;
	overflow:hidden;
	background:url(../images/cal_menu.gif) no-repeat -123px top;
}	#calendar_header ul li#lunch_menu a:hover, #lunch_calendar_header ul li#lunch_menu a:hover {
	background:url(../images/cal_menu.gif) no-repeat -123px -40px;
}	#calendar_header ul li#lunch_menu.selected a, #lunch_calendar_header ul li#lunch_menu.selected a {
	background:url(../images/cal_menu.gif) no-repeat -123px -80px;
}	

#calendar_school {
	width:973px;
	margin:0 auto;
	font-size:11px;
}

#calendar_school_header {
	width:973px;
	background:url(../images/bg_cal_days.gif) no-repeat left top;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
}	#calendar_school_header div {
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	width:139px;
}

#calendar_school_body {
	width:973px;
}	#calendar_school_body:after {
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	clear:left;
	}	#calendar_school_body div {
		width:139px;
		height:149px;
		background:url(../images/cal_day_used.gif) no-repeat left top;
		position:relative;
		float:left;
		overflow:hidden;
	}	#calendar_school_body .unused_day {
		background:url(../images/cal_day_unused.gif) no-repeat left top;
		}	#calendar_school_body em {
			display:block;
			position:absolute;
			top:0;
			left:100%;
			margin-left:-20px;
			width:20px;
			height:20px;
			line-height:20px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
			font-weight:bold;
			color:#333;
		}	#calendar_school_body a.event_day {
			display:block;
			width:139px;
			height:137px;
			padding-top:12px;
			background:transparent url(../images/cal_day_event.gif) no-repeat left top;
			color:#2862cc;
			text-decoration:none;
			overflow:hidden;
			font-size:.8em;
			}	#calendar_school_body a.event_day span {
				display:block;
				padding:0px 5px 5px 10px;
				}	#calendar_school_body a.event_day span strong {
					display:block;
					width:100%;
					overflow:hidden;
					color:#039;
				}
				
#calendar_lunch {
	width:970px;
	margin:0 auto;
	font-size:11px;
}

#calendar_lunch_header {
	width:970px;
	background:url(../images/bg_cal_days.gif) no-repeat center top;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
}	#calendar_lunch_header div {
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	width:194px;
}

#calendar_lunch_body {
	width:970px;
}	#calendar_lunch_body:after {
	content:".";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	clear:left;
	}	#calendar_lunch_body div {
		width:194px;
		height:219px;
		padding-top:30px;
		background:url(../images/lunch_day_used.gif) no-repeat left top;
		position:relative;
		float:left;
		overflow:hidden;
	}	#calendar_lunch_body .unused_day {
		background:url(../images/lunch_day_unused.gif) no-repeat left top;
		}	#calendar_lunch_body em {
			display:block;
			position:absolute;
			top:0;
			left:100%;
			margin-left:-20px;
			width:20px;
			height:20px;
			line-height:20px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
			font-weight:bold;
			color:#333;
		}	#calendar_lunch_body span {
				line-height:11px;
				display:block;
				padding:0px 5px 0px 10px;
				text-align:center;
				font-size:.9em;
				margin:5px 0 2px;
                color:#2862cc;
				}

#secondary_menu li#meals {
	display:block;
	width:212px;
	border:solid 2px #82b3ff;
	background:#fff;
	font-size:.6em;
	height:auto;
	padding-bottom:15px;
}

#secondary_menu li#meals div {
	padding:10px 10px 10px;
}

#secondary_menu li#meals strong {
	display:block;
	text-align:center;
	width:100%;
	color:#132f62;
}

#secondary_menu li#meals span {
	display:block;
	text-align:center;
	font-size:.8em;
}

#daily_schedule {
	width:290px;
	float:right;
	margin:15px 15px 15px 30px;
	line-height:1.5em;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
}

#daily_schedule ul {
	font-size:.9em;
}
