/* CSS Document */

/* Header image ------------------------*/
.HeaderImage {
	position: absolute; top: 10px; left: 10px; }

/* School logo ------------------------*/
.Logo {
	position: absolute; top: 593px; left: 10px; }

.PopUpLogo {
	position: absolute; top: 148px; left: 10px; }

/* Body styles ------------------------*/

.Body{
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #0033cc; background: #ffffff; font-size: 12px; }

.Body a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #0033cc; text-decoration: underline; }
.Body a:visited {
	/* how links appear when they have been visited already */
	color: #0033cc; text-decoration: underline; }
.Body a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #0000ff; text-decoration:underline; }
.Body a:active {
	/* how links appear momentarily when you click on them */
	color: #0000ff; text-decoration:underline; }

/* Subheader styles ------------------------*/

.SubHeader{
	position: absolute; left: 10px; top: 112px; width: 800px; vertical-align: middle;
	background: #CC0033;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;
	color:#FFFFFF;
	z-index: 2 }

.SubHeaderLink{
	position: absolute; left: 10px; top: 115px; width: 400px; vertical-align: middle;
	z-index: 3;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background: none; font-size: 12px;}

.SubHeaderLink a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #ffffff; text-decoration: none; }
.SubHeaderLink a:visited {
	/* how links appear when they have been visited already */
	color: #ffffff; text-decoration: none; }
.SubHeaderLink a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #ffff99; text-decoration:none; }
.SubHeaderLink a:active {
	/* how links appear momentarily when you click on them */
	color: #ffff99; text-decoration:none; }


/* Page Title styles ------------------------*/

.PageTitle{
	position: absolute; left: 197px; top: 148px; font-size: x-large; font-weight: bold;
	color: #006699; width: 387px; }

.PopUpPageTitle{
	position: absolute; left: 181px; top: 148px; font-size: x-large; font-weight: bold;
	color: #006699; width: 630px; }
	
/* Left menu styles -------------------------------------- */

.LeftMenu{
	position: absolute;
	top: 148px;
	left: 10px;
	width: 170px;
	vertical-align: middle;
	z-index: 1; }

/* follow the LoVe/HAte order when defining link styling: */
.LeftMenu a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #ffffff; text-decoration: none; }
.LeftMenu a:visited {
	/* how links appear when they have been visited already */
	color: #ffffff; text-decoration: none; }
.LeftMenu a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #FFFF99; text-decoration: none; }	
.LeftMenu a:active {
	/* how links appear momentarily when you click on them */
	color: #FFFF99; text-decoration: none; }

/* Left menu item header -------------------------------------- */

.LeftMenuItemHeader {
	font-weight:bold; color:#ffffff; background:#000000; vertical-align: middle; }

/* Left menu item link -------------------------------------- */
	
.LeftMenuItemLink {
	background:#006699;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;
	width: 150px; vertical-align: middle }

/* Left menu spacer -------------------------------------- */
	
.LeftMenuSpacer {}

/* Inset Text styles ------------------------*/

.InsetText{
	position: absolute; top: 200px; left: 200px; 
	width: 383px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }

.InsetText a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #0033cc; text-decoration: underline; }
.InsetText a:visited {
	/* how links appear when they have been visited already */
	color: #0033cc; text-decoration: underline; }
.InsetText a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #0000ff; text-decoration:underline; }
.InsetText a:active {
	/* how links appear momentarily when you click on them */
	color: #0000ff; text-decoration:underline; }


.InsetTextNarrow{
	position: absolute; top: 200px; left: 200px; 
	width: 320px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }

.InsetTextNarrow a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #0033cc; text-decoration: underline; }
.InsetTextNarrow a:visited {
	/* how links appear when they have been visited already */
	color: #0033cc; text-decoration: underline; }
.InsetTextNarrow a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #0000ff; text-decoration:underline; }
.InsetTextNarrow a:active {
	/* how links appear momentarily when you click on them */
	color: #0000ff; text-decoration:underline; }
	

.InsetTextExtraNarrow{
	position: absolute; top: 200px; left: 200px; 
	width: 280px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }

.InsetTextExtraNarrow a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #0033cc; text-decoration: underline; }
.InsetTextExtraNarrow a:visited {
	/* how links appear when they have been visited already */
	color: #0033cc; text-decoration: underline; }
.InsetTextExtraNarrow a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #0000ff; text-decoration:underline; }
.InsetTextExtraNarrow a:active {
	/* how links appear momentarily when you click on them */
	color: #0000ff; text-decoration:underline; }
	
/* Lower Text styles ------------------------*/
	
.LowerText{
	position: absolute; top: 440px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }

.LowerText a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #0033cc; text-decoration: underline; }
.LowerText a:visited {
	/* how links appear when they have been visited already */
	color: #0033cc; text-decoration: underline; }
.LowerText a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #0000ff; text-decoration:underline; }
.LowerText a:active {
	/* how links appear momentarily when you click on them */
	color: #0000ff; text-decoration:underline; }
	
.LowerTextAcademic{
	position: absolute; top: 437px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }
			
.LowerTextFormStructure{
	position: absolute; top: 551px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }
	
.LowerTextCreativeArts{
	position: absolute; top: 484px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }
		
.LowerTextSports{
	position: absolute; top: 500px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }
		
.LowerTextParents{
	position: absolute; top: 497px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }
		
.LowerTextContactUs{
	position: absolute; top: 480px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }
		
.LowerTextIntroduction{
	position: absolute; top: 471px; left: 200px; 
	width: 610px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal;
	line-height: 1.4;
	color: #666666; }

.Announcement{
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; background: #ffffff; font-size: 14px; }

.PopUpText{
	position: absolute;
	top: 215px;
	left: 182px;
	width: 629px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
	color: #666666;
}

.PopUpText a:link {
	/* how links appear when the page is loaded, unless the link has been visited already */
	color: #0033cc; text-decoration: underline; }
.PopUpText a:visited {
	/* how links appear when they have been visited already */
	color: #0033cc; text-decoration: underline; }
.PopUpText a:hover {
	/* how links appear when the mouse hovers over them (BUT some browsers just show the Active color)*/
	color: #0000ff; text-decoration:underline; }
.PopUpText a:active {
	/* how links appear momentarily when you click on them */
	color: #0000ff; text-decoration:underline; }

/* Inset images -----------------------------*/

.InsetImage {
	position: absolute; top: 200px; left: 610px; }
	
.InsetImageIntroduction {
	position: absolute; top: 200px; left: 543px; }

.InsetImageAcademic {
	position: absolute; top: 200px; left: 565px; }

.InsetImageNarrow {
	position: absolute; top: 200px; left: 546px; }

.InsetImageFencing {
	position: absolute; top: 200px; left: 532px; }

.InsetImageFormStructure {
	position: absolute; top: 200px; left: 552px; }

.InsetImageSchoolDay {
	position: absolute; top: 200px; left: 549px; }
	
.InsetImageAdmissions {
	position: absolute; top: 200px; left: 539px; }
	
.InsetImageResources {
	position: absolute; top: 200px; left: 537px; }
	
.InsetImageExtraCurricular {
	position: absolute; top: 200px; left: 513px; }
	
.InsetImageFees {
	position: absolute; top: 200px; left: 558px; }
	
.InsetImageUniform {
	position: absolute; top: 200px; left: 630px; }
	
.InsetImageCalendar {
	position: absolute; top: 200px; left: 556px; }
	
.InsetImageMap {
	position: absolute; top: 220px; left: 248px; }
	
.InsetImageAnniversary {
	position: absolute; top: 148px; left: 610px; }
	
.BlueCurve {
	position: absolute; top: 134px; left: 10px; z-index: 1 }
		
.BlueCurve2 {
	position: absolute; top: 573px; left: 10px; }