* {
	margin:0;
	padding:0;
}
body {
	background:#421367 url(/assets/images/layouts/sgsbg.png) top center no-repeat;
	display: block;
	font-size: 14px;
	color: #000000;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	color:#fff;
	font-size:14pt;
	font-family:Lucida Sans;	
}

h2 {
	color:#000;
	font-size:12pt;
	font-family:Lucida Sans;	
}




#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:100%;
}

#header {
	position:relative;
	height:107px;
	width:100%;
	background:url(/assets/images/layouts/header.png);
	background-repeat:x-repeat;
}

#headercontent {
	height:107px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:850px;
}

#logo {
	background:url(/assets/images/layouts/logo.png);
	height:107px;
	width:120px;
	float:left;
}

#topnavbar {
	color:#fff;	
	position:absolute;
	top:0px;
	left:110px;
	width:740px;
	height:65px;
	font-size:22px;
	background:url(/assets/images/layouts/logotext.png);
	background-repeat:no-repeat;
	font-family: "Lucida Sans", Lucida Sans;
	text-align:right;
}
#bottomnavbar { 
	font-family:"Lucida Sans",Lucida Sans;
	font-size:8px;
	left:108px;
	position:absolute;
	top:67px;
}

#menubar1 {
	left:290px;
	position:absolute;
}

.navbutton {
	width: 100px;
	float:left;	
}



#topnavbar a {
	color:#fff;	
	text-decoration: none;
	font-size:14px;	
	font-weight:bold;
}

#bottomnavbar a:hover {
	color:#3f285f;	
}

#topnavbar a:hover {
	color:#c81e92;	
}


.schooldescription {
	font-size:12px;	
	font-weight:bold;
}

#mainbody {
position:relative;
width:100%;
}

#mainbody_repeat {
float:left;
left:0;
position:absolute;
top:0;
width:100%;	
}


#mainbody_left {
	float:left;
	height:696px;
	width:125px;	
	position: relative;
	z-index: 1px;
}

#content {
	float:left;
	width: 850px;
	position: relative;
	z-index: 1px;
	background-color:#fff;
}
#content_centered {	
	margin : 0 auto;
	position:relative;
	width:1100px;
}
#mainbody_right {
	float:left;
	height:696px;
	width:125px;
	position: relative;
	z-index: 1px;
}

#homeimage {
	height: 300px;
	width: 850px;	
}

#pageimage {
	height: 200px;
	width: 850px;	
}

#pagetopcontent {
	width: 800px;	
	background:url(/assets/images/layouts/innertop.png) black repeat-x;	
	height:275px;
	padding:25px;
	color:#fff;
	font-family: Lucida Sans;
	font-size: 10pt;
	line-height:18px;
}
#pagemaincontent span, #pagetopcontent span {
	font-size: 10pt;	
}
#pagemaincontent p, #pagetopcontent p {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10pt !important;
}
#pagemaincontent strong span, #pagetopcontent strong span {
	font-family: "Myriad Pro", "Lucida Sans" !important;
	font-size:14pt !important;
	font-weight:bold !important;
}

#pagetopcontent img {
	margin-left:10px;
}

#pagecontent {
	width: 800px;	
	min-height:325px;
	padding:25px;
	color:#000000; !changed from #767676 to #000000;
	font-size:12pt;
	font-family:Lucida Sans;	
	line-height: 16pt;
}

#pagemaincontent {
	width: 500px;	
	float:left;
}

#pagemaincontent table {
	width:100%;
}

#pagemaincontent table thead {
	background:url(/assets/images/layouts/thead.png) repeat-x;	
	height: 23px;
	margin-left:15px;
	font-weight:bold;
	font-size:11pt;
}

#pagemaincontent table thead td {
	padding-left:15px;
}

#pagemaincontent table tbody td {
	color:#000;
	border-bottom:1px solid #a6a6a6;
}

#pagemaincontent table tbody td {
	padding-top: 5px;
	padding-left:15px;
	padding-bottom:5px;
}

#calendarcontent {
	width: 800px;	
	min-height:125px;
	padding:25px;
	font-size:10pt; !changed from 12pt to 10pt;
	line-height:16pt; 
	background:url(/assets/images/layouts/whiteshade.png) repeat-x;
	font-family: Lucida Sans;
}

#morelinks {
	font-family: Lucida Sans;	
}

#morelinks #heading {
	background:url(/assets/images/layouts/morelinks.png);	
	height: 35px;
	width:249px;
	padding:10px;
	padding-top:13px;
	padding-left:15px;
	font-size:10pt;
	color:#434343;	
}

#morelinks #links {
	padding:15px;
	padding-top:10px;
	width:244px;	
}

#morelinks #links #link {
	border-bottom: 1px solid #aeaeae;
	background:url(/assets/images/layouts/arrow_grey.png) no-repeat;
	background-position: center right;
	height:25px;
	line-height:25px;	
	width:100%;	
}

#morelinks #links #link a {
	color:#4e4e4e;
	text-decoration:none;
	font-size:11px;
}

#morelinks #links #link a:hover {
	color:#c81e92;
	text-decoration:none;
	font-size:11px;
}

#photoalbumheading {
	background:transparent url(/assets/images/layouts/photoalbum.png) no-repeat scroll 0 0;
	color:#434343;
	font-size:10pt;
	height:55px;
	line-height:17px;
	padding:3px 10px 11px 15px;
	width:257px;	
}

.photo {
	height:64px;
	width:64px;
	padding:8px;
	border: 1px solid #d5d5d5;	
}


#sidebar {
	width:275px;
	float:right;
	padding-left:25px;	
}

#homecontent {
	width: 850px;	
	background:url(/assets/images/layouts/blackbg.png) black repeat-x;	
	min-height:330px;
}

#read-more {
	position:relative;
	top:20px;
	left:25px;
	color:#fff;		
}

#read-more a {
	color:#fff;		
	text-decoration:none;
}

#maincontent {
	position:relative;
	top:20px;
	left:25px;
	color:#fff;	
	width:505px;
	font-family: "Lucida Sans";
	overflow: hidden;
}
#maincontent p {
	font-size:10pt;
}

#maincontent a {
	color:#fff;	
}

#read-more a:hover {
	text-decoration:none;
	color:#c81e92;
}

.grey {
	color: #bebebe;	
}

#homecontent #downloads {
	position:relative;
	top:40px;
	left:25px;
	color:#fff;	
	width:585px;
	font-family: Lucida Sans;
}

#homecontent #downloads #download1 {
	float:left;
	width:500px;
}

#homecontent #downloads #download1 #image {
	width:86px;
	height:115px;
	float:left;
}

#homecontent #downloads #download1 #text {
	
	float:left;
	font-size:12px;
	left:5px;
	position:relative;
	top:15px;
	width:380px;
}
#homecontent #downloads #download1 #text a:hover {
	color:#C81E92;
}
#homecontent #downloads #download1 #text a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#quicklinks {
background:transparent url(/assets/images/layouts/quicklinks.png) repeat scroll 0 0;
height:377px;
left:555px;
position:absolute;
top:242px;
width:283px;
z-index:100;
}

#quicklinks #title {
	color:#fff;
	line-height:40px;
	width:100px;
	position:relative;
	left:15px;
	font-weight:bold;
}

#quicklinks #links {
	width:250px;
	position:relative;
	left:15px;
	top:10px;
}

#quicklinks #links .link {
	color:#444444;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom:7px;
	background:url(/assets/images/layouts/arrow.png);
	background-position: right center;
	background-repeat:no-repeat;	
	width:250px;
	height:30px;
	line-height:35px;
	cursor:pointer;
	margin-bottom:7px;
}

#quicklinks #links .linktext {
	position:absolute;
	left:50px;
	width:180px;
	height:30px;
	line-height:35px;	
	font-family: Lucida Sans;
}

#quicklinks #links .linktext a {
	text-decoration:none;
	font-weight:bold;	
	font-family: Lucida Sans;
	color:#444;
}

#quicklinks #links .linktext a:hover {
	color:#c81e92;
}

#quicklinks #links .link .image {
	float:left;
	padding-right:10px;
}

#btmbar {
	background:transparent url(/assets/images/layouts/btmbar.png) repeat scroll 0 0;
	color:#FFFFFF;
	font-size:16px;
	height:66px;
	line-height:66px;
	padding-left:25px;
	padding-right:15px;
	width:810px;
}

#footer {
	width: 1100px;	
		
	height: 45px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-color: #26253d;

}

#footercontent {
	background: transparent url(/assets/images/layouts/bottombg.png) repeat scroll center center;
	width: 850px;	
	height: 45px;
	text-align:left;
	color:#fff;
	line-height: 45px;
	margin:auto;
	font-size:12px;
}
#footercontent a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

#footercontent a:hover {
	color:#c81e92;	
}

.pink {
	color:#c81e92;	
}

#calendar {
font-family:Lucida Sans;
font-size:12px; 
left:75px;
margin-bottom:-85px;
position:relative;
text-align:center;
top:-95px;
width:708px;
z-index:1;
}


#calendar_body {
background:transparent url(/assets/images/layouts/calendar.png) repeat scroll 0 0;
height:auto;
width:708px;
}
#reflection {
	background:url(/assets/images/layouts/reflection.png);		
	width:705px;
	height:86px;
	margin: 0 auto;
}

#months {
	height:46px;
	width:100%;
	color:#fff;
	font-size:12px;
}

#months table td {
	height:46px;
	width:82px;
	font-weight:bold;
	font-size:11px;
	letter-spacing:-0.5pt;
	cusror:pointer;
}

#months table td a {
	text-decoration:none;
	color:#fff;
}

#months table td a:hover {
	text-decoration:none;
	color:#c81e92;
}

#selectedmonth {
	background:	url(/assets/images/layouts/selectedmonth.png);	
	width:81px;
	height:25px;
	line-height:26px;
}

#month table th {
	font-weight:normal;
	height:30px;
}

#month table td {
background-color:white;
border-right:1px solid #C3C3C3;
border-top:1px solid #C3C3C3;
font-weight:normal;
height:64px;
vertical-align:top;
width:82px;
}

.cell {
background-color:white;
min-height:64px;
padding-bottom:5px;
text-align:right;
width:100px;
}

.booked {
	/*background:url(/assets/images/layouts/eventmark.png);*/
	cursor:pointer;
}

.endcell {
	text-align:right;
	min-height:64px;	
	width:100px;
	padding-bottom:5px;
	background-color:white;
}

.barplaceholder {
	float:left;
	height:17px;
	position:relative;
	width: 80px;
}
.bar {
background:transparent url(/assets/images/layouts/bar-middle.jpg) repeat-x scroll 0 0;
float:left;
height:17px;
position:relative;
left:2px;
}
.bar .start {
background:transparent url(/assets/images/layouts/bar-left.jpg) no-repeat scroll left center;
height:17px;
left:0;
position:absolute;
top:0;
width:17px;
}
.bar .start .arrow {
	background:url(/assets/images/layouts/arw_right.png) center right;
}
.bar .text {
font-size:8pt;
padding-left:6px;
padding-top:1px;
text-align:left;
}
.bar .textarrow {
	background:transparent url(/assets/images/layouts/arw_left.png) no-repeat scroll 3px 4px;
	float:left;
	font-size:8pt;
	padding-left:15px;
	padding-top:1px;
	position:relative;
	text-align:left;	
	height:16px;
	overflow: hidden;
}
.bar .end {
background:transparent url(/assets/images/layouts/bar-right.jpg) repeat scroll right center;
height:17px;
position:absolute;
right:0;
top:0;
width:4px;
}
.bar .end .arrow {
background:transparent url(/assets/images/layouts/arw_right.png) repeat scroll right center;
height:9px;
position:relative;
right:5px;
top:4px;
width:6px;
}
.dayevent {
float:left;
font-size:8pt;
padding-bottom:5px;
padding-left:5px;
padding-top:5px;
position:relative;
text-align:left;
width:90px;
}
.upcomingevent {
border-bottom:1px solid grey;
margin-bottom:10px;
padding-bottom:5px;
position:relative;
width:100%;
}
.upcomingevent .text {
float:left;
position:relative;
width:636px;
}
.upcomingevent .link {
background:transparent url(/assets/images/layouts/showevent.png) repeat scroll 0 0;
cursor:pointer;
float:left;
font-size:10pt;
height:30px;
padding-left:23px;
padding-top:11px;
position:relative;
top:25px;
width:130px;
}
#calendar_year_container {
	background:url(/assets/images/layouts/year.png);		
	width:165px;
	height:33px;
	margin: 0 auto;
	line-height:33px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
} 

#calendar_previous {
	float:left;
	width:20px;
	height:33px;	
	cursor:pointer;
}

#calendar_year {
	float:left;
	width:125px;
	height:33px;	
}

#calendar_next {
	float:left;
	width:20px;
	height:33px;	
	cursor:pointer;
}

.popup {
	width:265px;
	position:absolute;
	z-index:1;
}
.popuptop {
	width:265px;
	height:12px;
	background:url(/assets/images/layouts/popup_top.png);		
}
.popupbody {
	background:url(/assets/images/layouts/popup.png);
	background-repeat:x-repeat;
	color:#fff;
	text-align:left;
	padding-left:15px;
	padding-right:15px;		
	width:235px;
}
.popupbottom {
	width:265px;
	height:53px;
	color:#fff;
	background:url(/assets/images/layouts/popup_bottom.png);
}

#horsecalendar {
	background:url(/assets/images/layouts/horsecalendar.png);
	width:128px;
	height:108px;
	position:absolute;
	top:632px;
	left:712px;
	z-index:100;
}

#piccontainer {
	background:url(/assets/images/layouts/piccontainer.png);
	width:268px;
	height:268px;
	padding:4px;
	float:right;
}

#piccontainer img {
	width:268px;
	height:268px;
	margin-left:0;
}

#calendarcontent table td {
	border-bottom: 1px solid #bababa;
}


#pagetopcontent a, #pagemaincontent a {
	color:#8c227d;
	text-decoration:none;
	font-weight:bold;
}

#pagetopcontent a:hover, #pagemaincontent a:hover {
	text-decoration:underline;
}

#pagemaincontent ul  {
	list-style: disc;
	text-indent: 15px;
}


#pagemaincontent ul li ul {
	text-indent: 30px;
	list-style: none;
}

#pagemaincontent ul li ul li ul {
	text-indent:45px;
	list-style: none;
}

#pagemaincontent ul li ul li ul li ul {
	text-indent: 60px;
	list-style: none;
}

#subimagecaption {
	clear:right;
	float:right;
	font-size:8pt !important;
	margin-bottom:0;
	margin-top:2px;
	position:relative;
	text-align:center;
	width:275px;
}

.mceEditor a {
	color: black !important;
}

.newsbarbackground {
	position: absolute; 
	left: 0;
	top: 0;
	behavior: url(/inc/pngfix/iepngfix.htc);
	background:url(/assets/images/layouts/newsbar.png);
	width:850px;
	height:25px;
}

#newsbar {
	height:25px;
	left:0;
	position:absolute;
	top:0;
	width:850px;
}

#newsbar .title {
	color:white;
	float:left;
	font-size:9pt;
	font-weight:bold;
	padding:4px 4px 4px 15px;
	position:relative;
	width:100px;
}
#newsbar .line {
	background-color:white;
	float:left;
	height:16px;
	position:relative;
	top:4px;
	width:1px;
}
#newsbar .news {
	float:left;
	height:25px;
	position:relative;
	width:720px;
}

#newsbar .news a, #newsbar .news p {
	color:white;
	font-size:9pt;
	text-decoration:none;
}
#newsbar .news a:hover {	
	text-decoration: underline;
}

#newsbar .news .sliderwrapper {
	height: 25px;
	overflow:hidden;
	position:relative;
	width:720px;
}

#newsbar .news .sliderwrapper .contentdiv {
	background: 0;
	height:16px;
	left:0;
	opacity:1;
	padding:4px;
	position:absolute;
	top:0;
	
	width:auto;
}

#newsbar .news .pagination {
	background: 0;
	height:0;
	padding:0;
	width:0;
}

.icons {
	position: relative;
	float: right;
	bottom: 0px;
	padding-left: 10px;
}
.clear {
	clear: both;
}