@charset "UTF-8";

body {
	margin:0px;
	text-align:center;
	background-color:#393e4b;
	color:#00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}


a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #d10a95;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

.pageIndentMagent a:link, .pageIndentMagent a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #d10a95;
}

.pageIndentMagent a:hover {
	text-decoration:underline;
}

/*DIVS*/
#wrapper {
	display:block;
	margin:0px auto;
	width:760px;
	height:auto;
	position:relative;
	overflow: visible;
	text-align:left;
}

#header {
	display:block;
	margin:0px auto;
	width:760px;
	height:275px;
	position:relative;
	overflow:visible;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#FlBg {
	display:block;
	margin:0px auto;
	width:760px;
	height:200px;
	position:relative;
	overflow:hidden;
	text-align:right;
	background-image:url(../images/header_BG.jpg);
	background-repeat:no-repeat;
}

#flashText {
	position:absolute;
	top:50px;
	left:0px;
	width:760;
	display: block;
	text-align:left;
}

#headerLinks {
	padding-top:175px;
	padding-right:12px;
	font-size:1.4em;
}

#navBar {
	width:189px;
	height:auto;
	position:relative;
	overflow:hidden;
	text-align:left;
	float:left;
	background-color:#b3cc02;
	border-right:1px solid #FFFFFF;
}

#menu { 
	padding:0; 
	margin:0; 
} 
#menu li { 
	list-style-type:none;
} 

#menu a, #menu a:visited {
	display:block;
	width:189px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.45em;
	color:#FFFFFF;
	background-color:#b3cc02;
	padding:.85em 0 .85em .85em;
	border-bottom:dotted 1px #FFFFFF;
}

#menu a:hover {
	display:block;
	width:189px;
	text-decoration:none;
	background-color:#9db207;
	padding:.85em 0 .85em 1.25em; 
}

#contentArea {
	display:block;
	width:570px;
	height:auto;
	float:right;
}

#contentAreaEvent {
	display:block;
	width:570px;
	height:691px;
	float:right;
	background-image:url(../images/SchoolBG.jpg);
	background-repeat:no-repeat;
}

#liveArea {
	padding:2.85em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2.5em;
	background-color:#FFFFFF;
}

#moreInfo{
	width: 160px;
	height: 50px;
	position:relative;
	left:50px;
	top:609px;
}

#comment {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #393e4b;
	font-style:italic;
	padding-left:1em;
}

#commentName {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #393e4b;
	padding-left:2em;
}

#footer {
	display:block;
	width:570px;
	height:auto;
	float:right;
	background-color:#393e4b;
	text-align:center;
	padding-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}


/*STYLES*/
.pageBody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #00aeef;
}

.pageSection {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #393e4b;
	line-height:1.8em;
}

.pageHead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.75em;
	font-weight:bold;
	color: #393e4b;
}

.pageSub {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color: #393e4b;
}

.pageSubMagent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #d10a95;
	font-weight: bold;
}

.pageIndentMagent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding-left:1em;
	color: #d10a95;
}

.pageIndentMagent a:link, .pageIndentMagent a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #d10a95;
}

.pageIndentMagent a:hover {
	text-decoration:underline;
}

.photoThumb {
	margin-right:1em;
	margin-bottom:.5em;
	margin-top:.5em;
	border:4px solid #d7d7d7;
}

.photoThumb a:hover {
	border:4px solid #000066;
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color: #FFFFFF;
	line-height:1.5em;
}

.footer a:link, .footer a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #FFFFFF;
}

.footer a:hover {
	text-decoration:underline;
}

#headerLinks a:link, #headerLinks a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #393e4b;
}

#headerLinks a:hover {
	text-decoration:underline;
}