body {margin: 0; padding-top: 0; }

p {margin: 1em 0;}

ul {margin-top: 0px; margin-bottom: 1em;}

td { }

a:link { }

a:visited { }

a:hover { }

a:active { }

/*-- container --*/
.container { 
background-image: url(body_bg.jpg); 
background-repeat: repeat-y;  
}


/*-- header --*/
#header { width: 760px; height: 140px; background-image: url(header.jpg)}

/*-- position topnav --*/
#highschool_topnav{ position: absolute; margin-top: 105px; margin-left: 185px; border-right: 1px solid #fff; }

#primaryschool_topnav{
position: absolute;
margin-top: 105px;
margin-left: 306px;
}

#preschool_topnav{
position: absolute;
margin-top: 105px;
margin-left: 427px;
}

#gallery_topnav{
position: absolute;
margin-top: 105px;
margin-left: 548px;
}


/*-- dropdown menu --*/
#dropmenudiv{ 
position:absolute; 
width: 120px; 
text-align: center; 
font:10px/16px Arial; 
text-decoration: none; 
color: white; 
z-index:100; 
border-color: #7a194e; 
border-style: solid; 
border-width: 1px 1px 0; 
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #7a194e;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: white;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #f8f8ff;
text-decoration: none;
color: #555;
}

/*-- left navigation --*/

#leftnav { position: absolute; width: 185px; padding: 0 0 3px; margin-bottom: 3px; font-family: Arial, Verdana, sans-serif; background-color: #23106c; color: #333; font-size: 10pt; text-align: right; }
	
#leftnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		width: 185px;
		}
		
#leftnav li { border-bottom: 1px solid white; margin: 0; }
		
#leftnav li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 40px solid #f2eeed;
		border-right: 10px solid #f2eeed;
		background-color: #ebe5e5;
		color: gray;
		text-decoration: none;
		width: 100%;
		}

html>body #leftnav li a {
		width: auto;
		}

#leftnav li a:hover {
		border-left: 40px solid #a79fc4;
		border-right: 10px solid #a79fc4;
		background-color: #23106c;
		color: #fff;
		}

#school_calendar {
		padding-left: 40px;
		margin-top: 215px;
		font:11px Arial; 
		color: #626262;
}

#nav_logo {text-align: center;}
#nav_logo img {margin: 5px;}

/*-- content --*/
#content_head {
margin-top: 5px;
padding-left: 5px; 
}

#content_body {
margin-top: 10px;
margin-left: 5px;
padding-right: 2px;
font:11px Arial; 
color: #555;
}

#content_body fieldset {
display: block;
float: right;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding: 10px;
border: 1px solid #eee;
width: 525px;
}

#content_body fieldset div{
margin: 5px;
}


#content_table {
font:11px Arial; 
color: #555;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-right: 1px solid #555;
}

#content_table2 td {
font:11px Arial; 
color: #555;
text-align: left;
padding-left: 30px;
padding-bottom: 5px;
}

#content_table tr {}

#content_table th { color: white; background-color: gray; text-align:center; border-bottom: 1px solid #555; border-top-style: none; border-top-width: 0;border-right-style: none; ;border-left-style: none; border-left-width: 0; border-right-width: 0; }

#content_table td {
text-align:center;
vertical-align: top;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #555;
border-left: 0;
padding: 3px;
}

#extramural_table {
font:11px Arial; 
color: #555;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
}

#extramural_table tr {
vertical-align: middle;
}

#extramural_table th { 
color: white; 
background-color: gray; 
text-align:center; 
border-top-width: 0; 
border-left-width: 0;
border-right-width: 0; 
border-bottom-width: 0; 
}

#extramural_table td {
text-align:center;
vertical-align: middle;
border-top: 1px solid #555;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #555;
padding: 3px;
}

#staff_table {
text-align: center;
padding: 0pt;
font:11px Arial; 
color: #555;
}

#staff_table td {
padding-left: 20px;
padding-right: 20px;
}

#staff_table img {
border: 1px solid #555;
}

#pmt_table {
font:11px Arial; 
color: #555;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
}

#pmt_table tr {
vertical-align: middle;
}

#pmt_table td {
padding: 3px;
}

#content_heading { color: maroon; font-size: 10pt; font-weight: bold; margin-bottom: 1em; }

#content_subheading { color: #474747; font-size: 8pt; font-weight: bold; margin-bottom: 1em; }

#content_events {
/* -- float:right; */
color: white; width: 555px; display:block; background-color: #717382; padding: 5px; margin-top: 5px; margin-bottom: 5px; }

#content_staff { 
color: #474747; 
font-size: 8pt; 
font-weight: bold;
margin-top: 10px; 
margin-bottom: 3px; 
}

#content_b1 { color: #ad213d; }
#content_b2 { color: #00078e; }

/*-- About links --*/
#about_lnk {}
#about_lnk a:link {font-weight: bold; text-decoration: none; color: #00078e;}
#about_lnk a:visited {font-weight: bold; text-decoration: none; color: #00078e;}
#about_lnk a:hover {font-weight: bold; text-decoration: underline; color: #00078e;}
#about_lnk a:active {font-weight: bold; text-decoration: none; color: #00078e;}


#bankdetails {
float: right;
background-color: #9a243c;
color: #fff;
padding: 5px;
margin: 3px;
}
#bankdetails div {
width: 250px;
}

#index_newsletters {
float: right;
background-color: #9a243c;
color: #fff;
padding: 5px;
margin-right: 3px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 5px;
}

#index_newsletters div {
width: 170px;
text-align: right;
}

#index_newsletters a:link {text-decoration: none; color: #fff;}
#index_newsletters a:visited {text-decoration: none; color: #fff;}
#index_newsletters a:hover {text-decoration: underline; color: #fff;}
#index_newsletters a:active {text-decoration: none; color: #fff;}

/*-- footer --*/
#footer {
width: 760px;
font:9px Arial; 
color: #fff;
}

#copyright {
background-color: #7c7c7c;
}

/*-- contact form --*/
#contact_txt {
font-size: 8pt;
color: #555;
width: 200px;
}

#contact_txtarea {
font-size: 8pt;
color: #555;
}

#contact_det {
height: 220px;
}

#map_small {
float: right;
margin-right: 10px;
margin-bottom: 25px;
padding: 2px;
border: solid 1px #eee;
}

#list_nospace {}
#list_nospace ul {margin: 0em;}

/* --- upcoming events --- */

#content_events2 {
/* -- float:right; */
color: white; 
width: 555px; 
display:block; 
background-color: 92875c; 
padding: 5px; 
margin-top: 5px; 
margin-bottom: 5px; 
}

#content_events2 a:link {text-decoration: none; color: #fff;}
#content_events2 a:visited {text-decoration: none; color: #fff;}
#content_events2 a:hover {text-decoration: underline; color: #fff;}
#content_events2 a:active {text-decoration: none; color: #fff;}

#content_events2 h2 {font-size: 11pt;}
#content_events2 h3 {font-size: 9pt;}
/* --- /upcoming events --- */

/* --- article_full --*/
#article_full a:link {text-decoration: none; color: #fff;}
#article_full a:visited {text-decoration: none; color: #fff;}
#article_full a:hover {text-decoration: underline; color: #fff;}
#article_full a:active {text-decoration: none; color: #fff;}

#article_full {

color: white; 
background-color: 92875c; 
margin-right: 3px;
font-size: 9pt;
padding: 3px;
}

#article_full h3 {font-size: 9pt;}
/* --- /article_full --*/

/* --- article_short --*/
#article_short a:link {text-decoration: none; color: #474747;}
#article_short a:visited {text-decoration: none; color: #474747;}
#article_short a:hover {text-decoration: underline; color: #474747;}
#article_short a:active {text-decoration: none; color: #474747;}

#article_short {
display:block;
color: #474747; 
background-color: fff; 
margin-right: 3px;
font-size: 8pt;
padding: 3px;
}

#article_short h2 {font-size: 10pt;}
#article_short h3 {font-size: 8pt;}
/* --- /article_short --*/

#dhtmltooltip {
position: absolute;
font:11px Arial; 
color: #555;
width: 150px;
border: 1px solid black;
padding: 5px;
margin: 5px;
background-color: #EFEFEF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}