*{margin: 0; padding: 0;}
a{outline: none;}
body{
background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/siteBG.png) repeat-x #000000;
height: 100%; 
width: 100%;
}
#flashResize{
	width: 100%;
	height: 100%;
}
#Form1{
	width: 100%;
	height: 100%; /*need this to vertically center in IE */
}
	#container {
		width:100%;
		text-align: center;
		}
		#containerCenter{
			width:1192px;
			margin: 0 auto;
			text-align: left;
			}
			#banner{width: 1192px; margin: 0 auto; text-align: left;}
			#banner a{outline: none;}
			#logo{
				float: left;
			}
				#schoolName{
					background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/schoolName.png) no-repeat;
					height: 71px;
					width: 648px;
					margin: 0;
					padding: 0;
					text-indent: -9999px;
				}
				#tagLine{
					background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/tagLine.png) no-repeat;
					height: 28px;
					width: 648px;
					margin: 0;
					padding: 0;
					text-indent: -9999px;
				}
			#utilities{
				float: right;
				padding-right: 14px;
			}
				#searchWrap{
					background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/search.png) no-repeat;
					width: 285px;
					height: 29px;
					margin-top: 13px;
					float: right;
				}
					#searchWrap .ac_input{		
						color: #000000;
						font: 14px/29px Arial;
						outline: none;
						background: none;
						border: 0;
						padding: 0 0 0 13px;
						width: 252px;
						float: left;
						height: 29px;
					}
					.searchSubmit{
						width: 30px;
						height: 29px;
						background: none;
						border: 0;
						float: left;
					}
				#translateWrap{
				background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/googleBG175x45.png) no-repeat;
				width: 175px;
				height: 45px;
				margin: 11px 0 3px 0;
				float: right;
				}
				#google_translate_element{padding-left: 4px;}
				.hpPhoto{
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
				}
			#L1{
				margin: 0px;
				padding: 0px;
				list-style: none;
				background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/hp_L1.png) top left no-repeat;
				height: 59px;
				width: 1191px;
				clear: both;
				}
				#L1 li {
					float: left;
					margin: 0px;
					padding: 10px 0px;
					}
					#L1 li.firstL1{padding-left: 68px;}
					#L1 li a{
						background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/hp_L1.png) top left no-repeat;
						display: block;
						padding: 0px;
						margin: 0px;
						height: 39px;
						line-height: 1px;
						font-size: 1px;
						text-indent: -9999px;
						}
						#L1 li a#L1_136620{background-position: -68px -10px; width:113px;}
						#L1 li a#L1_136621{background-position: -181px -10px; width:135px;}
						#L1 li a#L1_136622{background-position: -316px -10px; width:132px;}
						#L1 li a#L1_136623{background-position: -448px -10px; width:176px;}
						#L1 li a#L1_136624{background-position: -624px -10px; width:148px;}
						#L1 li a#L1_136625{background-position: -772px -10px; width:106px;}
						#L1 li a#L1_136626{background-position: -878px -10px; width:167px;}
						#L1 li a#L1_136627{background-position: -1045px -10px; width:136px;}
						
						#L1 li a#L1_136620:hover,#L1 li a#L1_136620.hover,#L1 li a#L1_136620.on{background-position: -68px -59px;}
						#L1 li a#L1_136621:hover,#L1 li a#L1_136621.hover,#L1 li a#L1_136621.on{background-position: -181px -59px;}
						#L1 li a#L1_136622:hover,#L1 li a#L1_136622.hover,#L1 li a#L1_136622.on{background-position: -316px -59px;}
						#L1 li a#L1_136623:hover,#L1 li a#L1_136623.hover,#L1 li a#L1_136623.on{background-position: -448px -59px;}
						#L1 li a#L1_136624:hover,#L1 li a#L1_136624.hover,#L1 li a#L1_136624.on{background-position: -624px -59px;}
						#L1 li a#L1_136625:hover,#L1 li a#L1_136625.hover,#L1 li a#L1_136625.on{background-position: -772px -59px;}
						#L1 li a#L1_136626:hover,#L1 li a#L1_136626.hover,#L1 li a#L1_136626.on{background-position: -878px -59px;}
						#L1 li a#L1_136627:hover,#L1 li a#L1_136627.hover,#L1 li a#L1_136627.on{background-position: -1045px -59px;}

			#selfManagedContent{
				position: relative; 
				height: 786px; 
				width: 1180px;
				overflow: hidden;
			}
				#photoContainer{position: absolute; z-index: 50;}
				.hpPhoto{}
				#contentArea{
					background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/HPcontentBG.png) no-repeat;
					width: 1180px;
					height: 348px;
					position: absolute;
					z-index: 100;
					top: 438px;
				}
					.leftButtons{
						float: left;						
						width: 410px;
						margin: 39px 0 0 0;
						list-style: none;
					}
					.leftButtons li {padding: 0 0 0px 32px;}
					.buttonText{
						background: #ffffff;
						padding: 7px;
						color: #de7a1c;
						font: bold 14px/21px Arial;
					}
					.leftButtons .buttonText{width: 306px;}
					.rightButtons{
						float: left;
						margin: 39px 0 0 0;
						padding: 0;
						list-style: none;
						width: 390px;
					}
					.rightButtons li {float: left; padding: 0 10px 10px 0;}
					.rightButtons .buttonText{width: 161px;}
					#multiContentArea{
						float: left;
						margin-top: 39px;
						width: 380px;						
					}
						#tabs{
							background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/HPcontentTabs.png) no-repeat;
							width: 360px;
							height: 28px;
							list-style: none;
						}
							#tabs li{float: left;}
								#tabs li a{
									background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/HPcontentTabs.png) no-repeat;
									display: block;
									height: 28px;
									text-indent: -9999px;
								}
								#tabs li a#newsTab{width: 56px; background-position: 0 0;}
								#tabs li a#scoreTab{width: 94px; background-position: -56px 0;}
								#tabs li a#calendarTab{width: 78px; background-position: -150px 0;}
								#tabs li a#mediaTab{width: 106px; background-position: -228px 0;}
								
								#tabs li a#newsTab:hover, #tabs li a#newsTab.tabOn{width: 56px; background-position: 0 -28px;}
								#tabs li a#scoreTab:hover, #tabs li a#scoreTab.tabOn{width: 94px; background-position: -56px -28px;}
								#tabs li a#calendarTab:hover, #tabs li a#calendarTab.tabOn{width: 78px; background-position: -150px -28px;}
								#tabs li a#mediaTab:hover, #tabs li a#mediaTab.tabOn{width: 106px; background-position: -228px -28px;}
						#multiContent{
							background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/HPmultiBG.png) no-repeat;
							height: 261px;
							width: 360px;
							overflow: auto;
						}
						#news, #scoreboard, #calendar, #media{list-style: none; padding: 15px 15px 0 15px}
							#news li, #scoreboard li, #calendar li, #media li{padding-bottom: 15px;}
							.titleLink, .titleLink a{
								color: #de7a1c;
								font: bold 14px/21px Arial;								
							}
								.titleLink:hover, .titleLink a:hover{text-decoration: none;}
							.content{
								color: #000000;
								font: 14px/21px Arial;
							}
							.bold{font-weight: bold;}
							.scoreResult{text-transform: capitalize; font-weight: bold;}
							.thumbWrap{								
								float: left;
								margin-right: 8px;
							}
								.thumbBG{
								background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/hpMediaThumbBG.png) no-repeat;
								width: 81px;
								height: 81px;
								position: relative;
								}
								.mediaThumb{
									z-index: 200;
									position: absolute;
									top: 11px;
									left: 2px;
								}
								.mediaIcon{
									z-index: 210; 
									position: absolute; 
									bottom: 5px; 
									left: 2px;
								}
							.mediaInfo{
								float: left;
								width: 224px;
							}
			#footer{
				background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/footerBG.gif) repeat-x #000000;
				width: 100%;
				text-align: center;
			}	
			#footer a{outline: none;}	
				#footerCenter{
					width: 1142px;
					text-align: left;
					padding: 12px 0 10px 0;
					margin: 0 auto;
				}
					#footerCenter address{
						background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/footerAddress.png) no-repeat;
						float: left;
						height: 79px;
						width: 382px;
						text-indent: -9999px;
					}	
					#assocInfo{float: left;width: 412px;}
						#associations{
							list-style: none;
							padding: 0;
							margin: 8px 0 27px 26px;
							height: 33px;
						}
							#associations li{float: left; padding-right: 10px;}
								#associations li a{
									display: block;
									text-indent: -9999px;
								}
								#associations li a#assoc_NAIS{
									background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/NAIS.png) no-repeat;
									width: 76px;
									height: 33px;
								}
								#associations li a#assoc_CIS{
									background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/CIS.png) no-repeat;
									width: 48px;
									height: 31px;
								}
								#associations li a#assoc_CAIS{
									background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/CAIS.png) no-repeat;
									width: 33px;
									height: 33px;
								}
								/*#associations li a#assoc_TABS{
									background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/TABS.png) no-repeat;
									width: 167px;
									height: 28px;
								} - replaced with smaller logo to add HMC logo - 07/13/2011 - NRM */
								#associations li a#assoc_TABS{
									background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/tabs_logo.png) no-repeat;
									width: 57px;
									height: 33px;
								}
								#associations li a#assoc_HMC{
									background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/HMC_logo.png) center center no-repeat;
									width: 61px;
									height: 33px;
								}
						#schoolInfo{
							background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/footer_schoolInfo.png) no-repeat;
							width: 412px;
							height: 42px;
							text-indent: -9999px;
							margin: 0;
						}
					#phoneLinks{float: right; padding-top: 3px; width: 314px;}
						#phoneFax{
							background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/footerContactInfo.png) no-repeat;
							width: 314px;
							height: 19px;
							text-indent: -9999px;
						}
						#footContact{
							display: block;
							background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/footerContactInfo.png) -182px -19px no-repeat;
							width: 76px;
							height: 15px;
							text-indent: -9999px;
							margin-left: 181px;
							float: left;
						}
						#footSiteMap{
							display: block;
							background: url(//cdn.media910.whipplehill.net/ftpimages/180/podium/style781/images/footerContactInfo.png) -258px -19px no-repeat;
							width: 57px;
							height: 15px;
							text-indent: -9999px;
							float: left;
						}
				#socialMedia{
					list-style: none;
					margin: 8px 0 0 0;
					padding: 0;
					float: right;
				}
					#socialMedia li{float: left; padding-right: 3px;}
				#footerNav{
					margin: 0;
					padding: 0;
					list-style: none;
				}
					.footL1li{float: left; padding: 0;}
					#footL1li_136620{width: 135px;}
					#footL1li_136621{width: 140px;}
					#footL1li_136622{width: 138px;}
					#footL1li_136623{width: 176px;}
					#footL1li_136624{width: 149px;}
					#footL1li_136625{width: 128px;}
					#footL1li_136626{width: 171px;}
					#footL1li_136627{width:105px;}
						.footL1a{
							color: #ffffff;
							font: 16px/18px Arial;
							text-decoration: none;
						}
						.footL1a:hover{text-decoration: underline;}
						.footerL2{
							margin: 0;
							padding: 10px 5px 0 0;
							list-style: none;
						}
							.footerL2 li{padding-bottom: 10px;}
								.footerL2 li a{
									color: #bababa;
									font: 13px/15px Arial;
									text-decoration: none;
								}
								.footerL2 li a:hover{text-decoration: underline;}
						
.hideItem{display: none;}
.showItem{display: block;}

.clear{clear: both;}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}