a{outline: none;}
.clear{clear: both;}

body{margin: 0; height: 100%; width: 100%; background-color: #e4edf0;}

#Form1{
	width: 100%;
	height: 100%; /*need this to vertically center in IE */
}
#container {
	margin: 0 auto;
	height: 1110px;
	width: 100%;
	text-align: center;
	background: url(/images/background.png) repeat-x;
	}
	#containerCenter{
		width:980px;
		margin: 0 auto;
		text-align: left;
		}
		#schoolLogo{
			background: url(/images/schoolLogo.png) no-repeat;
			height: 79px;
			width: 377px;
			float: left;
			margin: 44px 0 0 30px;
			}
			#schoolLogo h1{text-indent: -9999px; margin: 0; font-size: 2px; line-height: 2px;}
			#schoolLogo h2{text-indent: -9999px; margin: 0; font-size: 2px; line-height: 2px;}
			#schoolLogo h3{text-indent: -9999px; margin: 0; font-size: 2px; line-height: 2px;}
		#omniNav{
			float: left;
			width: 490px;
			margin: 86px 0 0 65px;
			}
			#oNav{
				list-style: none;
				height: 13px;
				width: 490px;
				margin: 0;
				padding: 0;
				}
				#oNav li{
					display: inline;
					font-size: 0;
					line-height: 0;
					}
					#oNav li a{
						background: url(/images/omniNav.png) no-repeat;
						height: 13px;
						float: left;
						text-indent: -9999px;
						}
						#oNav li a#L1_120875	{background-position:    0px 0px; width: 110px;} 
						#oNav li a#L1_students	{background-position: -110px 0px; width: 116px;}
						#oNav li a#L1_120877	{background-position: -226px 0px; width: 62px;}
						#oNav li a#L1_staff	{background-position: -288px 0px; width: 91px;}
						#oNav li a#L1_120879	{background-position: -379px 0px; width: 111px;}
						
						#oNav li a#L1_120875:hover		{background-position:    0px -13px; width: 110px;} 
						#oNav li a#L1_students:hover	{background-position: -110px -13px; width: 116px;}
						#oNav li a#L1_120877:hover		{background-position: -226px -13px; width: 62px;}
						#oNav li a#L1_staff:hover		{background-position: -288px -13px; width: 91px;}
						#oNav li a#L1_120879:hover		{background-position: -379px -13px; width: 111px;}
						
		#quickLinks{
			background: url(/images/quickLinks.gif) no-repeat;
			float: left;
			position: relative;
			height: 13px;
			width: 86px;
			margin: 19px 0 0 238px;
			z-index: 10;
			}
			#qLinks{
				position: absolute;
				padding: 0;
				margin: 0;
				list-style: none; 
				top: 20px;
				left: -35px;
				display: none;
				}
				#qLinks li{
					line-height: 0;
					font-size: 0;
					}
					#qLinks li a{
						background: url(/images/qLinksBG_off.png) repeat-y;
						display: block;
						width: 156px;
						font-family: Arial;
						font-size: 11px;
						line-height: 13px;
						color: #000000;
						font-weight: bold;
						text-decoration: none;
						}
						#qLinks li a span{
							padding: 14px 13px;
							display: block;
							}
						#qLinks li a:hover{
							background: url(/images/qLinksBG_on.png) repeat-y;
							color: #ffffff
							}
					#qLinksHeader{
						background: url(/images/qLinksHeader.png) no-repeat;
						height: 8px;
						width: 156px;
						}
					#qLinksFooter{
						background: url(/images/qLinksFooter.png) no-repeat;
						height: 8px;
						width: 156px;
						}
		#searchContainer{
			height: 19px; width: 205px;
			float: left;
			margin: 16px 0 0 27px;
			background: url(/images/searchBar.png) top left no-repeat;			
			}
			#search{
				background: none; 
				height: 19px; width: 173px;
				float: left;			
				font: 12px/19px Arial;
				color: #692648;
				margin: 0; border: 0;
				padding: 0 0 0 28px;
				}
			.searchButton{
				float: left;
				height: 16px; width: 29px;
				background: url(/images/searchButton.png) no-repeat;
				margin: 1px 0 0 0;
				padding: 0; border: 0;
				}
		.navBorder{
			float: left;
			margin-top: 10px;
			}
		#nav1{
			height: 36px;
			width: 978px;
			float: left;
			margin-top: 10px;
			}
			#L1{
				list-style: none;
				height: 36px;
				width: 978px;
				margin: 0;
				padding: 0;
				}
				#L1 li{
					display: inline;
					}
					#L1 li a{
						background: url(/images/nav1.png) no-repeat;
						float: left;
						height: 36px;
						text-indent: -9999px;
						}
						#L1 li a#L1_120457{background-position:    0px 0px; width: 122px;}
						#L1 li a#L1_120458{background-position: -122px 0px; width: 122px;}
						#L1 li a#L1_120459{background-position: -244px 0px; width: 123px;}
						#L1 li a#L1_120460{background-position: -367px 0px; width: 122px;}
						#L1 li a#L1_120461{background-position: -489px 0px; width: 122px;}
						#L1 li a#L1_120462{background-position: -611px 0px; width: 123px;}
						#L1 li a#L1_120463{background-position: -734px 0px; width: 122px;}
						#L1 li a#L1_120464{background-position: -856px 0px; width: 122px;}
						
						#L1 li a#L1_120457:hover, #L1 li a#L1_120457.hover{background-position:   0px  -36px; width: 122px;}
						#L1 li a#L1_120458:hover, #L1 li a#L1_120458.hover{background-position: -122px -36px; width: 122px;}
						#L1 li a#L1_120459:hover, #L1 li a#L1_120459.hover{background-position: -244px -36px; width: 123px;}
						#L1 li a#L1_120460:hover, #L1 li a#L1_120460.hover{background-position: -367px -36px; width: 122px;}
						#L1 li a#L1_120461:hover, #L1 li a#L1_120461.hover{background-position: -489px -36px; width: 122px;}
						#L1 li a#L1_120462:hover, #L1 li a#L1_120462.hover{background-position: -611px -36px; width: 123px;}
						#L1 li a#L1_120463:hover, #L1 li a#L1_120463.hover{background-position: -734px -36px; width: 122px;}				
						#L1 li a#L1_120464:hover, #L1 li a#L1_120464.hover{background-position: -856px -36px; width: 122px;}
						
						.submenudown {
							/*these styles are required*/
							position:absolute;
							/*these styles are required*/
							width: 152px;
							}
						.link-holder{
							border: 2px solid #ffffff
							}
						.subMenuItemsdown{
							display:block;
							background: url(/images/dropdownOff.png) repeat;
							color: #ffffff;
							font-family: Arial;
							font-size: 11px;
							line-height: 13px;
							width: 148px;
							text-decoration: none;
							text-align: left;
							font-weight: bold;
							}
							.subMenuItemsdown span{
								display:block;
								padding: 12px 12px;
								cursor: pointer;
								}
							a.subMenuItemsdown:hover span{
								background: url(/images/dropdownOn.png) repeat;
								padding-top: 10px;
								padding-bottom: 10px;
								border-top: 2px solid #ffffff;
								border-bottom:2px  solid #ffffff;
								}
						#menu-header{
							height: 2px;
							}
						#menu-footer{
							}
		#photoArea{
			background: url(/images/photoBG.png) no-repeat;
			height: 505px;
			width: 980px;
			float: left;
			}
			#photoPosition{
				float: left;
				height: 494px;
				width: 966px;
				margin: 5px 0 0 7px;
				}
				#photoPosition img{
					height: 494px;
					width: 966px;
					}
					#photoPosition .selfManaged img{
						display: none;
						}
		#contentArea{
			width: 980px;
			float: left;
			background: #ffffff;
			}
			#leftColumn{
				float: left;
				width: 212px;
				}
				#spotlight{
					width: 212px;
					background: url(/images/spotlightBG.gif) repeat-x #b2b6b9;
					float: left;
					}
					#spotlightLeft{
						background: #b8bfc2;
						float: left;
						}
					#spotlightRight{
						background: #d8dadb;
						float: left;
						}
					#spotlightMiddle{
						float: left;
						width: 210px;
						}
						#spotlightMiddle img{
							margin: 10px 0 0 21px;
							}
						#slHeader{
							background: url(/images/spotlight.png) no-repeat;
							height: 13px;
							width: 96px;
							text-indent: -9999px;
							margin: 21px 0 0 18px;
							}
						.spotlightDetail{
							margin: 10px 21px;
							font-family: Arial;
							color: #ffffff;
							font-size: 11px;
							line-height: 13px;
							}
							.spotlightDetail a{
								font-family: Arial;
								color: #ffffff;
								font-size: 11px;
								line-height: 13px;
								}
								.spotlightDetail a:hover{
									text-decoration: none;
									}
				#leftLinks{
					width: 212px;
					min-height: 180px;
					}
					#leftLinksLeft{
						background: #eeeff1;
						float: left;
						}
					#leftLinksRight{
						background: #f5f6f6;
						float: left;
						}
					#leftLinksMiddle{
						background: url(/images/leftLinksBG.gif) repeat-x #ecedee;
						float: left;
						width: 210px;
						min-height: 180px;
						font-size: 0; line-height: 0;
						}
						#leftLinksMiddle a{
							font-family: Arial;
							font-size: 12px;
							line-height: 14px;
							color: #000000;
							}
			#middleColumn{
				float: left;
				width: 508px;
				height: inherit;				
				}
				#newsContainer{
					margin: 22px 43px;
					float: left;
					}
					#newsHeader{
						background: url(/images/newsHeader.png) no-repeat;
						height: 13px;
						width: 57px;
						margin-bottom: 23px;
						text-indent: -9999px;
						font-size: 5px;
						}
						#stories{
							list-style: none;
							margin: 0;
							padding: 0;
							}
							.story{
								font-size: 0;
								line-height: 0;
								margin-bottom: 20px;
								}
								.story img{
									float: left;
									margin: 0 11px 11px 0;
									}
								.newsTitle{
									font-family: Georgia;
									font-size: 12px;
									line-height: 14px;
									color: #da1a35;
									font-weight: bold;
									}
								.newsDetail{
									font-family: Arial;
									font-size: 12px;
									line-height: 14px;
									color: #000000;
									}
									.newsDetail a{
										font: 12px/14px Arial;
										color: #106470;
										text-decoration: none;
										border-bottom: 1px dotted #c7c9cc;
										}
										.newsDetail a:hover{
											border-bottom: 0;
											}
								.readMoreNews{
									width: 300px;
									margin-left: 89px;
									}
									.readMoreNews a{
										font: 13px/15px Georgia;
										color: #106470;
										border-bottom: 1px dotted #c7c9cc;
										text-decoration: none;
										}
				#allNews{
					float: left;
					margin-left: 332px;
					}
					#allNews a{
						background: url(/images/allNews.png) no-repeat;
						height: 13px;
						width: 81px;
						text-indent: -9999px;
						float: left;
						}
			#rightColumn{
				float: left;
				width: 260px;
				position:relative;
				}
				#social_links{
					text-align: center;
					width: 257px;
					padding-top:5px;
					z-index: 50;
				}
				#eventsLeftRule,#eventsRightRule{
					float: left;
					}
				#eventsRightRule2{
					background: #f1f5f7;
					float: left;
					}
				#eventsMiddle{
					float: left;
					width: 257px;
					background: url(/images/eventsBG.gif) repeat-x;
					}
					#eventsContainer{
						float: left;
						margin: 21px 0 21px 24px;
						}
						#eventsHeader{
							background: url(/images/eventsHeader.png) no-repeat;
							height: 13px;
							width: 156px;
							margin-bottom: 18px;
							text-indent: -9999px;
							font-size: 5px;
							}
						#events{
							list-style: none;
							margin: 0 10px 0 0;
							padding: 0;
							}
							#events li{
								float: left;
								margin-bottom: 20px;
								}
								.eventDate{
									float: left;
									border-right: 1px solid #bab8b0;
									padding-right: 8px;
									margin-right: 10px;
									}
									.eventMonth{
										font-family: Georgia;
										font-size: 12px;
										line-height: 14px;
										color: #000000;
										text-transform: uppercase;
										font-weight: bold;
										}
									.eventDay{
										font-family: Georgia;
										font-size: 30px;
										line-height: 32px;
										color: #006171;
										width: 35px;
										}
								.eventTitle{
									display: inline;
									font-family: Arial;
									font-size: 12px;
									line-height: 14px;
									color: #8d8c87;
									width: 165px;
									}
								.eventTime{
									font-family: Arial;
									font-size: 12px;
									line-height: 14px;
									color: #da1a35;
									}
					#fullCalendar{
						float: left;
						margin-left: 43px;
						margin-bottom: 45px;
						}
						#fullCalendar a{
							background: url(/images/fullCalendar.png) no-repeat;
							height: 13px;
							width: 152px;
							text-indent: -9999px;
							float: left;
							}
					#rightLinks{
						float: left;
						/*margin-left: 24px;*/
						}
						#rightLinks a{
							float: left;
							width:257px;
							font-family: Arial;
							font-size: 12px;
							line-height: 14px;
							color: #000000;
							}
		#footer{
			background: url(/images/footerBackground.png) repeat-x;
			height: 91px;
			width: 100%;
			text-align: center;
			float: left;
			}
			#address{
				margin: 43 auto 0 auto;
				background: url(/images/address.png) no-repeat;
				height: 12px;
				width: 586px;
				font-size: 5px;
				text-indent: -9999px;
				}