body{background: url(/images/bodyBG.gif); margin: 0;}
#flashResize{
	width: 930px;
	height: 544px;
}
#form1{
	width: 100%;
	height: 100%; /*need this to vertically center in IE */
}
	#container {
		margin:0 auto;
		width:100%;
		text-align: center;
		background: url(/images/pageBG.png) top repeat-x;
		}
		#containerCenter{
			width:930px;
			margin: 0 auto;
			text-align: left;
			font-family: Arial;
			}
			#non_flash_content{
				background: url(/images/non-flash-area.jpg) no-repeat;
				width: 930px;
				height: 544px;
			}
				#login{
					display: block;					
					width: 110px;
					height: 37px;
					float: right;
					text-indent: -9999px;
					margin: 53px 53px 0 0;
				}
				#schoolName{
					margin: 0px;
					padding: 0px;
					text-indent: -9999px;
					height: 245px;
				}
				#tagLine{
					margin: 0px;
					padding: 0px;
					text-indent: -9999px;
					height: 111px;
				}
				#L1{
					margin: 0;
					padding: 0 0 0 428px;
					list-style: none;
				}
					#L1 li{
						margin: 0;
						padding: 0;
						float: left;
					}
						#L1 li a{
							background: url(/images/non-flash-area.jpg) no-repeat;
							display: block;
							height: 42px;
							text-indent: -9999px;
						}
							#L1 li a#L1_131074{width: 84px; background-position: -428px -356px;}
							#L1 li a#L1_131077{width: 97px; background-position: -512px -356px;}
							#L1 li a#L1_131078{width: 91px; background-position: -609px -356px;}
							#L1 li a#L1_131080{width: 114px; background-position: -700px -356px;}
							#L1 li a#L1_131081{width: 69px; background-position: -814px -356px;}
							
							#L1 li a#L1_131074:hover{background-position: -428px -544px;}
							#L1 li a#L1_131077:hover{background-position: -512px -544px;}
							#L1 li a#L1_131078:hover{background-position: -609px -544px;}
							#L1 li a#L1_131080:hover{background-position: -700px -544px;}
							#L1 li a#L1_131081:hover{background-position: -814px -544px;}
				#getFlash{
					clear: both;
					padding: 29px 0 0;
					margin-left: 247px;
					font: 11px/13px Arial;
					color: #ffffff;
					width: 155px;
				}
					#getFlash p{margin: 0;}
					#downloadFlash{
						display: block;
						background: url(/images/flashIcon.png) no-repeat;
						width: 154px;
						height: 39px;
						text-indent: -9999px;
						margin-top: 7px;
					}
					
				#contentArea{
					background: url(/images/contentArea.jpg) no-repeat;
					width: 930px;
					height: 269px;
				}
					
					#newsArea{
						float: left;
						height: 200px;
						width: 245px;
						margin: 33px 0 0 52px;
					}
					#eventArea{
						float: left;
						height: 200px;
						width: 245px;
						margin: 33px 0 0 51px;
					}
					#admissionArea{
						float: left;
						height: 200px;
						width: 245px;
						margin: 33px 0 0 49px;
					}
						.contentPosition{
							width: 245px;
							height: 200px;
							position: relative;
						}
						.newsPhoto{
							position: absolute;
							top: 0;
							left: 0;
							width: 245px;
							height: 200px;
						}
						.textArea{
							background: url(/images/textAreaBG.png) repeat-y;
							position: absolute;
							bottom: 0;
							left: 0;
							width: 245px;
						}
							.headline{
								margin: 0; 
								padding: 10px 5px 10px 10px;
								font: bold 16px/18px Arial;
								color: #7f0118;
							}
							.brief{								
								margin: 0px;
								color: #000;
								padding-left: 10px;
								}
							
							.readMore{								
								display: block;
								color: #fff;
								background: #99091b;
								padding: 0 3px 1px 3px;								
								text-decoration: none;	
								margin-left: 10px;
								}
							/* these styles are for browsers other than IE that can expand the textArea on hover; IE changes this using javascript*/
							div.textArea:hover{height: 200px;}
								div.textArea:hover .brief{
									visibility: visible; 
									line-height: 14px; 
									font-size: 11px; 
									height: auto; 
									padding-bottom: 10px;
									}
								div.textArea:hover .readMore{
									visibility: visible; 
									line-height: 12px; 
									font-size: 10px; 
									height: auto; 
									display: inline;
									}
							/*end on hover styles*/
							.textOn{height: 200px;}
							.textOff{height: auto;}								
								.briefOff{
									visibility: hidden; 
									line-height: 1px; 
									font-size: 1px; 
									height: 0px;
								}
								.briefOn{
									visibility: visible; 
									line-height: 14px; 
									font-size: 11px; 
									height: auto; 
									padding-bottom: 10px;
									}								
								.readOn{
									visibility: visible; 
									line-height: 12px; 
									font-size: 10px; 
									height: auto;
									display: inline;
									}
								.readOff{
									visibility: hidden; 
									line-height: 1px; 
									font-size: 1px;								
									height: 0px;								
									display: block;
								}
														
								
			#footer{}
				#footer_tagLine{
					font: 11px/15px Arial;
					color: #000000;
					float: left;
					padding: 0 50px 0 31px;
					margin: 11px 0;					
				}
				#addressPhone{
					float: right; 
					padding-right: 28px;
				}
					.address{
						background: url(/images/square_separator.gif) right center no-repeat;
						font: 11px/15px Arial;
						color: #3a3939;
						float: left;
						padding: 0 9px 0 8px;
						margin: 11px 0;
					}
					.phone{
						font: 11px/15px Arial;
						color: #3a3939;
						float: left;
						padding-left: 8px;
						margin: 11px 0;
					}
a{outline: none;}