@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFF url(../Images/MainTemplateImages/body_03.jpg) repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColAbsHdr #container { 
	top:10px;
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 990px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left;
} 

.thrColAbsHdr #header { 
	height: 105px; 
	background: #fff url(../Images/MainTemplateImages/body_03.jpg) repeat-x; 
	padding: 0px 0px 0px 0px;  
} 
.thrColAbsHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}
.thrColAbsHdr #topmenu {
	height:30px;
    background: url(../Images/MainTemplateImages/topmenubar.png) no-repeat    ;
	font: bold 100%/140% Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0px;
	margin-bottom:10px;
}

/* -------------------- Home ----------------------------*/

	#topmenu div.home{
		position:absolute;
		left:15px;
		width:50px;
		text-align:center;
}
	#topmenu a.home {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.home:visited {
		color:#FFF;
		text-decoration: none;
}
	#topmenu a.home:hover {
		color:#FFF;
		text-decoration:underline;
}


/* -------------------- About The School ----------------------------*/

	#topmenu div.aboutus{
		position: absolute;
		z-index:5;
		left:125px;
		width:80px;
		text-align:center;
}
	#topmenu a.aboutus {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.aboutus:visited {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.aboutus:hover {
		color:#FFF;
		text-decoration:underline;
}
	.thrColAbsHdr	#aboutmenu {
		position: absolute;
		top:30px;
		left:-55px;
		color:#fff;
		font: bold 85%/180% Arial, Helvetica, sans-serif;
		visibility:hidden;
		text-align:left;
		background:url(../Images/MainTemplateImages/topmenu180px.png);
		padding-top:35px;
		padding-left:10px;
		height:275px;
		
}

/* -------------------- Subjects  ----------------------------*/

	#topmenu div.subjects{
		position: absolute;
		z-index:5;
		left:265px;
		width:170px;
		text-align:center;
}
	#topmenu a.subjects {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.subjects:visited {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.subjects:hover {
		color:#FFF;
		text-decoration:underline;
}
	.thrColAbsHdr	#subjmenu {
		position: absolute;
		top:30px;
		left:-110px;
		padding:5px;
		color:#fff;
		font: bold 85%/180% Arial, Helvetica, sans-serif;
		visibility:hidden;
		text-align:left;
		background:url(../Images/MainTemplateImages/topmenu360px.png);
		padding-top:35px;
		padding-left:15px;
		height:275px;
}


/* -------------------- Students ----------------------------*/

	#topmenu div.students{
		position: absolute;
		z-index:5;
		left:495px;
		width:160px;
		text-align:center;
}
	#topmenu a.students {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.students:visited {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.students:hover {
		color:#FFF;
		text-decoration:underline;
}
	.thrColAbsHdr	#studentsmenu {
		position: absolute;
		top:30px;
		left:-20px;
		color:#fff;
		font: bold 85%/180% Arial, Helvetica, sans-serif;
		visibility:hidden;
		text-align:left;
		background:url(../Images/MainTemplateImages/topmenu180px.png);
		padding-top:35px;
		padding-left:10px;
		height:275px;
}


/* -------------------- Contact Us ----------------------------*/
#topmenu div.contactus{
		position: absolute;
		z-index:5;
		left:715px;
 		width:100px;
		text-align:center;
}
	#topmenu a.contactus {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.contactus:visited {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.contactus:hover {
		color:#FFF;
		text-decoration:underline;
}

	.thrColAbsHdr	#contactusmenu {
		position: absolute;
		top:30px;
		left:-45px;
		color:#fff;
		font: bold 85%/180% Arial, Helvetica, sans-serif;
		visibility:hidden;
		text-align:left;
		background:url(../Images/MainTemplateImages/topmenu180px.png);
		padding-top:35px;
		padding-left:10px;
		height:275px;
}


/* -------------------- Staff ----------------------------*/
	#topmenu div.staff{
		position: absolute;
		z-index:5;
		left:840px;
 		width:150px;
		text-align:center;
}
	#topmenu a.staff {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.staff:visited {
		color:#FFF;
		text-decoration:none;
}
	#topmenu a.staff:hover {
		color:#FFF;
		text-decoration:underline;
}
	.thrColAbsHdr	#staffmenu {
		position: absolute;
		top:30px;
		left:-40px;
		color:#fff;
		font: bold 85%/180% Arial, Helvetica, sans-serif;
		visibility:hidden;
		text-align:left;
		background:url(../Images/MainTemplateImages/topmenu180px.png);
		padding-top:35px;
		padding-left:10px;
		height:275px;
}
/*---------------------------------------------------------------------------*/

/*--------------------------- SideBar1 --------------------------------------*/

	.thrColAbsHdr #sidebar1 {
		position: absolute;
		z-index:0;
		top: 145px;
		left: 0;
		width: 160px;
		padding: 0px 0px 0px 0px; 
}
	#sidebar1 div.heading {
		background:  url(../Images/MainTemplateImages/topleftmenulg.png); 
		font: bold 100%/220% Arial, Helvetica, sans-serif;
		color:#fff;
		text-align: center;
}

	#sidebar1 a.heading {
		color: #ffffff;
		text-decoration: none;	
}
	#sidebar1 a.heading:hover {
		color: #ffffff;
		text-decoration: underline;
	
}
	#sidebar1 a.heading:visited {
		color: #ffffff;
		text-decoration: none;
	
}
	#sidebar1 div.menu {
		background-image: url(../Images/MainTemplateImages/leftmenuslice.png);
		background-repeat: repeat-y;
		color: #006600;
		font: 85%/180% Arial, Helvetica, sans-serif;
		padding:0 0 0 7px;
		text-align:left;
		text-decoration: none;
}
	#sidebar1 a.menu {
		color: #006600;
		text-decoration: none;	

}
	#sidebar1 a.menu:visited {
		color: #006600;
		text-decoration: none;
}
	#sidebar1 a.menu:hover {
		color: #006600;
		text-decoration: underline;
}

	#sidebar1 div.menu ul {
		list-style:none;
		text-align:left;
		padding-left:0px;

}
	#sidebar1 div.bottomleft {
		background:  url(../Images/MainTemplateImages/bottomleftmenu.png); 
		font: bold 100%/100% Arial, Helvetica, sans-serif;
		height:40px;
		color:#fff;
		text-align: center;
}

	
/*--------------------------- SideBar2 --------------------------------------*/
	

	.thrColAbsHdr #sidebar2 {
		position: absolute;
		z-index:0;
		top: 145px;
		left:830px;
		/* right: 0; */
		width: 160px;
		padding: 0px 0px 0px 0px; 
		text-align: center;
		
}
	#sidebar2 div.heading {
		background: url(../Images/MainTemplateImages/toprightmenulg.png); 
		font: bold 100%/220% Arial, Helvetica, sans-serif;
		color:#003903;
		text-align: center;
}

	#sidebar2 a.heading {
		color: #ffffff;
		text-decoration: none;	
}
	#sidebar2 a.heading:visited {
		color: #ffffff;
		text-decoration: none;
}
	#sidebar2 a.heading:hover {
		color: #ffffff;
		text-decoration: underline;	
}
	#sidebar2 div.menu {
		
		background-image: url(../Images/MainTemplateImages/leftmenuslice.png);
		background-repeat: repeat-y;
		color: #006600;
		font: 85%/180% Arial, Helvetica, sans-serif;
		/* padding:0 0 0 0px; */
		text-align:left;
		text-decoration: none;
}
	.textmenu {
		color: #006600;
		text-align:center;
		text-decoration: none;
}
	a.textmenu:visited {
		color: #006600;
		text-align:center;
		text-decoration: none;
}
	a.textmenu:hover {
		color: #006600;
		text-align:center;
		text-decoration: underline;
}


	#sidebar2 a.menu {
		color: #006600;
		text-decoration: none;	
}
	#sidebar2 a.menu:visited {
		color: #006600;
		text-decoration: none;
}
	#sidebar2 a.menu:hover {
		color: #006600;
		text-decoration: underline;
}
	#sidebar2 div.menu ul {
		list-style:none;
		text-align:left;
		/* padding-left:0px; */
}



	#sidebar2 div.bottomright {
		background:url(../Images/MainTemplateImages/bottomrightmenu.png); 
		font: bold 100%/100% Arial, Helvetica, sans-serif;
		height:40px;
		color:#fff;
		text-align: center;
}

/*------------------------------------------------------------------------------*/


.thrColAbsHdr #maintop {
	margin: 0px 170px 0px 170px;
	height:40px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: center;
	background: url(../Images/MainTemplateImages/maintop.png);
}
.thrColAbsHdr #mainbottom {
	margin: 0px 170px 0px 170px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: center;
	height:20px;
	background: url(../Images/MainTemplateImages/mainbottom.png);
}

.thrColAbsHdr #imageframe {
	margin: 0px 170px 0px 170px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	background-color:#dfa00a;
	text-align: left;
	padding-top:0px;
	padding-left:5px;
	padding-bottom:5px;
}

.thrColAbsHdr #mainContent { 
	margin: 0px 170px 0px 170px; 
	background-color: #FFF;
	padding: 0px 10px 0px 10px; 
	border-top:#dfa00a  1px solid;
	border-left:#dfa00a  1px solid;
	border-right:#dfa00a  1px solid;
	border-bottom:#fff  1px solid;
}
	#maincontent div.heading {
		/*font: bold 100%/220% Arial, Helvetica, sans-serif;*/
		text-align: center;
}

.thrColAbsHdr #footer {
	height: 100px; 
	background: url(../Images/MainTemplateImages/footerbg.png) no-repeat    ;
	padding: 15px 0px 0px 140px;  
	margin-top:20px;	
	font: 14px Arial, Helvetica, sans-serif;
	
} 
.thrColAbsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


.thrColAbsHdr #largelandscape {
	position:absolute;
	left:-572px;
	top:50px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	background:url(../Images/RightSidebarImages/largelandscapebg.png);
	text-align: center;
	height:344px;
	width:472px;
	visibility:hidden;
	padding-top:20px;
}
.thrColAbsHdr #largelandscape1 {
	position:absolute;
	left:-570px;
	top:50px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	background:url(../Images/RightSidebarImages/largelandscapebg.png);
	text-align: center;
	height:344px;
	width:472px;
	visibility:hidden;
	padding-top:20px;
}
.thrColAbsHdr #largelandscape2 {
	position:absolute;
	left:-570px;
	top:150px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	background:url(../Images/RightSidebarImages/largelandscapebg.png);
	text-align: center;
	height:344px;
	width:472px;
	visibility:hidden;
	padding-top:20px;
}
.thrColAbsHdr #largelandscape3 {
	position:absolute;
	left:-570px;
	top:50px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	background:url(../Images/RightSidebarImages/largelandscapebg.png);
	text-align: center;
	height:344px;
	width:472px;
	visibility:hidden;
	padding-top:20px;
}
.thrColAbsHdr #largelandscape4 {
	position:absolute;
	left:-570px;
	top:50px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	background:url(../Images/RightSidebarImages/largelandscapebg.png);
	text-align: center;
	height:344px;
	width:472px;
	visibility:hidden;
	padding-top:20px;
}

.thrColAbsHdr #largeportrait {
	position:absolute;
	left:-520px;
	top:300px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	background:url(../Images/RightSidebarImages/largeportraitbg.png);
	text-align: center;
	height:452px;
	width:364px;
	visibility:hidden;
	padding-top:20px;
}
.thrColAbsHdr #tnlandscapebg {
	background: url(../Images/RightSidebarImages/tnLandscapebg.png);
	text-align:center;
	height:85px;
	width:120px;
	margin-left:20px;
	padding-top:10px;
}
.thrColAbsHdr #tnportraitbg {
	background:url(../Images/RightSidebarImages/tnPortraitbg.png);
	text-align:center;
	height:110px;
	width:95px;
	margin-left:32px;
	padding-top:10px;
}