@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFF url(../Images/MainTemplateImages/body_04.png) repeat;
	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 {
	z-index:100;
	height: 280px; 
	background: #fff url(../Images/MainTemplateImages/body_04.png) repeat; 
	padding: 0px 0px 0px 0px;  
} 
.thrColAbsHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}
.thrColAbsHdr #topmenu {
	height:50px;
	z-index:10;
    background: url(../Images/MainTemplateImages/topmenubar.png) no-repeat    ;
	font: bold 80%/140% Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0px;
	margin-bottom:10px;
	margin-left:245px;
	padding-top:5px;
}

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

	#topmenu div.home{
		position:absolute;
		left:260px;
		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:330px;
		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 100%/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:420px;
		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 100%/180% Arial, Helvetica, sans-serif;
		visibility:hidden;
		text-align:left;
		background:url(../Images/MainTemplateImages/topmenu360px.png);
		padding-top:35px;
		padding-left:15px;
		height:270px;
}


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

	#topmenu div.students{
		position: absolute;
		z-index:5;
		left:580px;
		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 100%/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:740px;
 		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 100%/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 100%/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: 345px;
		left: 0px;
		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: #fff;
		font: bold 80%/180% Arial, Helvetica, sans-serif;
		padding:0 0 0 7px;
		text-align:left;
		text-decoration: none;
}
	#sidebar1 a.menu {
		color: #fff;
		text-decoration: none;	

}
	#sidebar1 a.menu:visited {
		color: #fff;
		text-decoration: none;
}
	#sidebar1 a.menu:hover {
		color: #fff;
		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:relative;*/
		margin: 0px 0px 0px 170px;
		text-align: center;
		background-color:#fedc00; 
		border-left:#dfa00a  1px solid;
		border-right:#dfa00a  1px solid;
}
	#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: #000;
		background-color:/*#06F;*/#fedc00;
		font: 80%/180% Arial, Helvetica, sans-serif;
		padding:1px;
		text-align:center;
		text-decoration: none;
		height:160px;
				
}
	.sb2table {
		/*float:left;*/
		text-align:center;
		/*border:1px solid;*/
	}
	
	.textmenu {
		font-size:92%;
		color: #003903;
		font-weight:bold;
		text-align:center;
		text-decoration: none;
		height:10px;
}
	.tdside2 {
		height:125px;
		margin-left:10px;
		padding-left:-10px;
		/*padding:0px;
		margin:0px;*/
		vertical-align:middle;
}

	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;
}

/*--------------------------- SideBar3 --------------------------------------*/

	.thrColAbsHdr #sidebar3 {
		position: absolute;
		z-index:0;
		top: 710px;
		left: 0px;
		width: 160px;
		padding: 0px 0px 0px 0px;
}
	#sidebar3 div.heading {
		background:  url(../Images/MainTemplateImages/topleftmenulg.png); 
		font: bold 100%/220% Arial, Helvetica, sans-serif;
		color:#fff;
		text-align: center;
}
	#sidebar3 div.menu {
		background-image: url(../Images/MainTemplateImages/leftmenuslice.png);
		background-repeat: repeat-y;
		color: #fff;
		font: bold 80%/180% Arial, Helvetica, sans-serif;
		padding: 0px 0px 0px 0px;
		text-align:center;
		text-decoration: none;
}
	#sidebar3 a.menu {
		color: #fff;
		text-decoration: none;	
}
	#sidebar3 a.menu:visited {
		color: #fff;
		text-decoration: none;
}
	#sidebar3 a.menu:hover {
		color: #fff;
		text-decoration: underline;
}

	#sidebar3 div.menu ul {
		list-style:none;
		text-align:left;
		padding-left:0px;
}
	#sidebar3 div.bottomleft {
		background:  url(../Images/MainTemplateImages/bottomleftmenu.png); 
		font: bold 100%/100% Arial, Helvetica, sans-serif;
		height:40px;
		color:#fff;
		text-align: center;
}

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


.thrColAbsHdr #maintop {
	margin: 0px 0px 0px 170px;
	height:20px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: center;
	background: url(../Images/MainTemplateImages/maintop.png);
}
.thrColAbsHdr #mainbottom {
	margin: 0px 0px 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 {
	position:absolute;
	top:73px;
	height:150px;
	width:700px;
	left:245px;
	font: bold 100%/220% Arial, Helvetica, sans-serif;
	/*background-color:#09F;*/
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	text-align:center;
}

.thrColAbsHdr #mainContent { 
	margin: 0px 0px 0px 170px; 
	background-color: #FFF;
	padding: 0px 20px 10px 20px; 
	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 110px;  
	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;
	z-index:500;
	left:340px;
	top:5px;
	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;
	z-index:500;
	left:340px;
	top:5px;
	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;
	z-index:500;
	left:340px;
	top:5px;
	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;
	z-index:500;
	left:340px;
	top:5px;
	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;
	z-index:500;
	left:340px;
	top:5px;
	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;
	z-index:500;
	left:380px;
	top:5px;
	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:10px;
	padding-top:10px;
}
.thrColAbsHdr #tnportraitbg {
	background:url(../Images/RightSidebarImages/tnPortraitbg.png);
	text-align:center;
	height:110px;
	width:95px;
	margin-left:10px;
	padding-top:10px;
}