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

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

#Form1{width: 100%;height: 100%; /*need this to vertically center in IE */}
#nfDescText{display: none;}

#container {
	width:100%;
	text-align: center;
	}
	#containerCenter{
		height: 850px; width:1086px;
		margin: 0 auto;
		text-align: left;
		}
		#banner{
			height: 35px; width: 1086px;
			float: left;
			}
			#tagline{
				font: bold 10px/16px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
				color: #bf102f;
				margin: 8px 0 0 18px;
				float: left;
				}
			#omniNav{
				float: right;
				margin-top: 8px;
				}
				#omni{
					margin: 0; padding: 0;
					list-style: none;
					}
					#omni li{display: inline;}
						#omni li a{
							float: left;
							font: 10px/16px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
							color: #000000;
							text-decoration: none;
							margin-right: 15px;
							text-transform: uppercase;
							}
							#omni li a:hover{text-decoration: underline;}
			#searchContainer{
				float: right;
				height: 19px; width: 146px;
				margin: 7px 16px 0 0;
				background: url(/images/searchBar.png) top right no-repeat;
				}
				#searchContainer .ac_input{
					background: none; 
					height: 18px; width: 120px;
					float: right;
					font: 10px/18px Verdana;
					color: #0c0c0c;
					padding: 0 4px 0 0; 
					border: 0; margin: 0
					}
				.searchButton{
					float: left;
					height: 19px; width: 22px;
					background: url(/images/searchBtn.png) no-repeat;
					margin: 0; padding: 0;border: 0;
					}
		#content{
			width: 1086px;
			float: left;
			}
			#leftSide{
				width: 702px;
				float: left;
				margin-left: 18px;
				}
				#topLinks{
					height: 287px; width: 702px;
					overflow: hidden;
					}
					.tLink{
						height: 287px; width: 702px;
						display: block;
						position: relative;
						text-decoration: none;
						}
						.topOverlay{
							height: 90px; width: 240px;
							background: url(/images/topOverlay.png) no-repeat;
							position: absolute;
							bottom: 0; right: 0;
							color: #ffffff;
							}
							.tlTitle{
								height: 49px; width: 216px;
								float: left;
								font: 15px/18px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #ffffff;
								text-transform: uppercase;
								margin: 15px 12px 0 12px;
								}
							.tlDesc{
								float: left;
								font: 11px/13px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #ffffff;
								text-transform: uppercase;
								margin: 5px 38px 0 12px;
								}
				#pagerLinks{
					height: 180px; width: 345px;
					float: left;
					position: relative;
					overflow: hidden;
					margin-top: 13px;
					}
					#pagerContainer{
						height: 18px; width: 345px;
						background: url(/images/pagerBG.png) top left repeat-x;
						position: absolute;
						z-index: 300;
						top: 0; left: 0;
						}
						#pager{float: right;}
							#pager a{
								height: 8px; width: 8px;
								float: left;
								background: url(/images/pagerOff.png) top left no-repeat;
								margin: 5px 2px 0 0;
								text-indent: -9999px;
								}
								#pager a.activeSlide{background-image:url(/images/pagerOn.png);}
					#pLinks{
						height: 180px; width: 345px;
						overflow: hidden;
						}
						.pLink{
							height: 180px; width: 345px;
							display: block;
							text-decoration: none;
							position: relative;
							}
						#pLinks span{
							position: absolute;
							bottom: -4px; right: 0;
							padding-right: 34px;
							background: url(/images/linkArrow.png) center right no-repeat;
							font-size: 36px;
							line-height:38px;
							font-family:'Arial Black','Futura-CondensedExtraBold';
							color: #e8e8e8;
							text-transform: uppercase;
							z-index: 200;
							text-decoration: none;
							}
				#refreshLinks{
					height: 180px; width: 345px;
					float: left;
					margin: 13px 0 0 12px;
					}
				#news{
					height: 155px; width: 702px;
					float: left;
					background: url(/images/newsBG.png) no-repeat;
					margin-top: 18px
					}
					#stories{
						margin: 0 10px 0 38px; 
						padding: 0;
						list-style: none;
						position: relative;
						}
						.story{
							width: 310px;
							position: absolute;
							}
							#story_0{top: 16px; left: 0;}
							#story_1{top: 85px; left: 0;}
							#story_2{top: 16px; left: 325px;}
							#story_3{top: 85px; left: 325px;}
							.newsTitle{
								font: bold 14px/18px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #232323;
								}
							.newsDetail{
								font: 11px/15px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #232323;
								overflow: hidden;
								}
							.readMoreNews a{
								font: 10px/14px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #c40d2f;
								text-transform: uppercase;
								text-decoration: none;
								}
								.readMoreNews a:hover{text-decoration:underline;}
							.newsArchive a{
								font: 10px/14px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #c40d2f;
								text-transform: uppercase;
								text-decoration: none;
								margin-left: 240px;
								}
								.newsArchive a:hover{text-decoration:underline;}
						#logoText{
							margin: 32px 15px 0px 20px;
							float: left;
							font: bold 10px/12px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
							color: #232323;
							}
						#logoButtons{
							margin-top: 5px;
							float: left;
							}
							#logoLinks{
								margin: 0; padding: 0;
								list-style: none;
								}
								#logoLinks li{
									float: left;
									padding-right: 20px;
									}
									#logoLinks li:first-child{margin-top: 17px;}
			#rightSide{
				max-height: 850px;
				width: 339px;
				float: left;
				margin-left: 10px;
				background: url(/images/todayEventsBG.png) no-repeat;
				}
				#events{
					/*was sdb20140414 height: 228px; width: 339px;*/
					height: 129px; width: 339px;
					overflow: auto;/*added sdb20140414*/
					float: left;
					}
					.eventsContainer{
						/*was sdb20140414 height: 175px; width: 271px;*/
						height: auto; width: 271px;
						overflow: auto;
						margin: 22px 0 0 42px;
						}
						.eventInfo{
							width: 255px;
							background: url(/images/eventCalendar.png) top left no-repeat;
							margin-bottom: 10px;
							}
							.eventTitle a{
								font: bold 12px/16px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #c40d2f;
								margin-left: 33px;
								text-decoration: none;
								display: block;
								}
								.eventTitle a:hover{text-decoration: underline;}
							.eventTime{
								font: 11px/16px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #000000;
								margin-left: 33px;
								}
							.eventDetail{
								font: italic 10px/16px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #2f2f2f;
								margin-left: 33px;
								}
					#fullCalendar{
						height: 15px; width: 126px;
						display: block;
						background: url(/images/fullCalendar.png) no-repeat;
						margin: 3px 0 0 74px;
						text-indent: -9999px;
						}
				#feeds{
					/*height: 252px; width: 322px;*/
					height: 352px; width: 322px;
					float: left;
					background: url(/images/feedsBG.png) repeat-y;
					margin-left: 17px;
					overflow:auto;
					}
					#feedsContainer{
						height: 225px; width: 270px;
						margin: 15px 26px 0 26px;
						float: left;
						}
						#smDivider{
							height: 1px; width: 264px;
							font-size: 0; line-height: 0;
							background-color: #e1e1e1;
							margin-bottom: 12px;
							}
						.wallpost{
							background: url(/images/facebookFeedImagebig.gif) top left no-repeat;
							padding: 0px 7px 10px 0;
							}
						.tweet{
							background: url(/images/twittericon6.png) top left no-repeat;
							padding: 0px 7px 10px 0;
							}
							.fbLink, .twLink{
								height: 42px; width: 38px;
								float: left;
								text-indent: -9999px;
								}
							.wallText, .tweetText{
								font: 11px/13px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #000000;
								padding-left: 30px;
								}
								.wallText a, .tweetText a{
									font: 11px/13px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
									color: #000000;
									text-decoration: underline;
									}
									.wallText a:hover, .tweetText a:hover{text-decoration: none;}
							.wallDate, .tweetDate{padding-left: 30px;}
							.wallDate, .tweetDate, .wallDate a, .tweetDate a{
								font: 10px/12px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
								color: #444444;
								}
								.wallDate a, .tweetDate a{text-decoration: none;}
				#mediaGallery{
					height: 155px; width: 339px;
					float: left;
					margin-top: 18px;
					}
					#videoGallery{
						height: 155px; width: 339px;
						float: left;
						background: url(/images/videoBG.png) no-repeat;
						}
						#videoPlayer{
							height: 155px; width: 316px;
							float: right;
							}
					#photoGallery{
						height: 155px; width: 339px;
						float: left;
						background: url(/images/galleryBG.png) no-repeat;
						}
						#topRow{
							height: 155px; width: 320px;
							float: right;
							}
							#topRow a{
								height: 75px; width: 75px;
								margin-left: 5px;
								margin-bottom: 5px;
								float: left;
								}
				#socialMedia{
					float: right;
					margin-top: 13px;
					}
					#smLinks{
						margin: 0; padding: 0;
						list-style: none;
						}
						#smLinks li{float: left; padding-left: 4px;}
							#smLinks li a{
								float: left;
								font: 10px/24px Verdana;
								color: #4c4c4c;
								text-decoration: underline;
								}
								#smLinks li a:hover{text-decoration: none;}
								#omni_148335{margin: 3px 15px 0 0;}
#stickyFooter{
	height: 115px; width: 100%;
	background: url(/images/footerBG.png) top left repeat-x;
	position: fixed; 
	bottom: 0;
	text-align: center;
	z-index: 800;
	min-width: 1086px; /*added because background wasn't filling entire footer on iPad/iPod */
	}
	#footer{
		height: 115px; width: 1086px;
		background: url(/images/footer.png) top left no-repeat;
		margin: 0 auto;
		text-align: left;
		}
		#footer h1{display: none;}
			#nav1{
				height: 63px; width: 637px;
				float: right;
				clear: both;
				margin-top: 22px;
				position: relative;
				}
				#L1{
					height: 63px; width: 637px;
					margin: 0; padding: 0;
					list-style: none;
					}
					#L1 li{display:inline;}
						#L1 li a{
							height: 63px;
							float: left;
							background: url(/images/nav1.png) no-repeat;
							text-indent: -9999px;
							}
							
							#L1 li a#L1_148328{background-position:    0px 0px; width: 126px;}
							#L1 li a#L1_148329{background-position: -126px 0px; width: 112px;}
							#L1 li a#L1_148330{background-position: -238px 0px; width: 130px;}
							#L1 li a#L1_148331{background-position: -368px 0px; width: 147px;}	
							#L1 li a#L1_148332{background-position: -515px 0px; width: 122px;}
							
							#L1 li a#L1_148328:hover, #L1 li a#L1_148328.hover{background-position:    0px -63px;}
							#L1 li a#L1_148329:hover, #L1 li a#L1_148329.hover{background-position: -126px -63px;}
							#L1 li a#L1_148330:hover, #L1 li a#L1_148330.hover{background-position: -238px -63px;}
							#L1 li a#L1_148331:hover, #L1 li a#L1_148331.hover{background-position: -368px -63px;}
							#L1 li a#L1_148332:hover, #L1 li a#L1_148332.hover{background-position: -515px -63px;}
							
							.submenuup{
								/*these styles are required*/
								position: absolute;
								/*these styles are required*/
								width: 160px;
								}
								.link-holder{
									background: url(/images/flyupBG.gif) top left repeat-y #f3f3f3;
									border: 1px solid #a5a5a5;
									padding-bottom: 2px;
									}
								.subMenuItemsup{
									width: 158px;
									display: block;
									font: 12px/14px 'Lucida Grande','Trebuchet MS',Tahoma,Verdana,Arial;
									color: #393939;
									text-decoration: none;
									text-align: left;
									}
									.subMenuItemsup span{
										display: block;
										padding: 6px 8px;
										cursor: pointer;
										}
								.subMenuItemsup:hover,a.subMenuItemsup.on{
									background-color: #e7e7e7;
									text-decoration: underline;
									}
								#menu-header{}
								#menu-footer{
									height: 0; width: 0;
									border-color:  transparent transparent #c40d2f transparent;
									border-width: 4px;
									border-style: solid;
									position: absolute;
									bottom: 0;
									}
									#L20_148329 #menu-footer{left: 31px;}
									#L20_148328 #menu-footer{left: 38px;}
									#L20_148330 #menu-footer{left: 48px;}
									#L20_148331 #menu-footer{left: 56px;}
									#L20_148332 #menu-footer{left: 41px;}
							
			#lmSchool{
				clear: right;
				float: left;
				margin: 8px 60px 0 11px;
				}
			#hSchool{
				float: left;
				margin-top: 8px;
				}
			#phone{
				float: right;
				margin-top: 8px;
				margin-right: 20px;
				}
				.schoolType{
					font: bold 10px/12px Verdana;
					color: #e8e8e8;
					float: left;
					margin-right: 2px;
					}
				#lmSchool address, #hSchool address, #phone address{
					font: 10px/12px Verdana;
					color: #e8e8e8;
					float: left;
					}