body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13.5px;

	margin: 0px;

	padding: 0px;

	background:url(../images/linebkgrd.gif);

}



* {margin: 0px;padding: 0px;}



#container {

	margin: 0px auto;

	text-align: left;

	width: 795px;

}



#main {

	width: 805px;

	background-image:url(../images/border.jpg);

}



/*--------------------header--------------------*/

#header {

	width:750px;

	height:150px;

	margin-left:28px;

	background-image:url(../images/SchoolBanner.jpg);

	display:block;

}



/*--------------------navigation--------------------*/

#nav {

	width:750px;

	height:32px;

	margin: 0px 0px 0px 28px;

	background-color:#F5F5F8;

	padding: 3px 5px 3px 1px;

}



#nav ul {

}



#nav li {

	display:inline;

	background-image:url(../images/buttontemplate.jpg);

	width:120px;

	height:32px;

	float:left;

	margin-left:4px;

	text-align:center;

}



#nav a {

	width:120px;

	height:32px;

	padding-top:3px;

	text-decoration:none;

	color: #1E1EBE; 

	font-weight:800;

	display:block;

}



#nav a:hover {

	color:#F4D501;

	font-weight:800;

}



/*--------------------Content--------------------*/

p, h1, a, span{

	font-family: Arial, Helvetica, sans-serif;

}



#content {

	width:750px;

	margin-left:28px;

	background-color:#F5F5F8;

}



/*--------------------No Side Menu--------------------*/

#middle {

	float: right;

	width:700px;

	display:inline;

	margin: 40px 20px 20px 20px;

}



#middle p {

	font-size: 13.5px;

	color: #000000;

	padding: 5px 0px;	

}



#middle a{

	color: #1E1EBE; 

	font-weight:800;

	text-decoration: none;

}



#middle a:hover{

	color:#F4D501;

}



#middle h1{

	font-size: 18px;

	color: #000000;

	display:inline;

	font-weight:900;

}



#middle h2{

	font-size: 15px;

	color: #000000;

	display: inline;

	text-decoration: underline;

	font-weight:500;

}



#middle h3{

	font-size: 15px;

	color: #000000;

	display: inline;

	font-weight:700;

}



#middle span{

	font-size: 13.5px;

	color: #000000;

	font-weight: 900;

	display:inline;

	margin-left:8px;

}



#middle table {

	font-family: Arial, Helvetica, sans-serif;

	background-color: #F5F5F8;

	border-collapse: collapse;

}



#middle table td{

	padding: 2px 2px 2px 2px;

}



/*--------------------Right Side Menu--------------------*/

#right {

	float: right;

	width: 550px;

	display: inline;

	margin: 35px 10px 20px 0px;

}



#right p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13.5px;

	color: #000000;

	padding: 5px 0px;

}



#right a{

	color: #1E1EBE;  

	font-weight:800;

}



#right a:hover{

	color:#F4D501;

}



#right h1{

	font-size: 18px;

	color: #000000;

	display: inline;

	font-weight:900;

}



#right h2{

	font-size: 15px;

	color: #000000;

	display: inline;

	text-decoration: underline;

	font-weight:500;

}



#right h3{

	font-size: 15px;

	color: #000000;

	display: inline;

	font-weight:700;

}



#right span{

	font-size: 13.5px;

	color: #470782;

	font-weight: 900;

	display:inline;

	margin-right: 8px;

}



#right table {

	font-family: Arial, Helvetica, sans-serif;

	background-color: #F5F5F8;

	border-collapse: collapse;

	padding: 2px 2px 2px 2px;

}



#right table tr{

}



#right table td{

	vertical-align: top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding: 2px 2px 2px 2px;

}



/*--------------------Left Side Menu--------------------*/



#left {

	float: left;

	width: 150px;

	background-color: #E1E1E1;

	color: #000000;

	font-weight: 900;

	padding: 10px 10px;

	margin: 30px 10px 0px 6px;

	display: inline;

}



#left p{

	font-family: Arial, Helvetica, sans-serif;

	color: #1E1EBE;  

	margin: 10px 0px 10px 0px;

}



#left a{

	color: #000000;

	text-decoration: none;

	font-size: 18px;

	font-weight: 900;

}



#left a:hover{

	color:#F4D501;

}





/*-------------------- Left Side Menu Calendar ONLY --------------------*/



#leftcal {

	float: left;

	width: 150px;

	background-color: #F5F5F8;

	padding: 10px 10px;

	margin: 0px 0px 0px 2px;

	display: inline;

}



/*--------------------Post--------------------*/

#post {

	margin-top:20px;

}



.post a{

}



.post a:hover{

}



.post p{

}



/*--------------------button-first--------------------*/

#button {

	width: 150px;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #AFAFAF;

	color: #333;

	margin: 5px 0px 0px 0px;

	border-bottom: 1px, solid, #000000;

}



#button ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

		

#button li {

	margin: 0;

	border: .1pt solid #C8C8C8;

}



#button li a {

	display: block;

	font-size: 13px;

	padding: 5px 5px 5px 0.5em;

	border-left: 8px solid #646464;

	border-right: 8px solid #646464;

	background-color: #4B4B4B;

	color: #fff;

	text-decoration: none;

	width: 100%;

}



#button li a {

	width: auto;

}



#button li a:hover {

	display: block;

	padding: 5px 5px 5px 0.5em;

	border-left: 8px solid #F4D501;

	border-right: 8px solid #F4D501;

	background-color: #7D7D7D;

	color: #fff;

}

/*--------------------button-second--------------------*/

#button li ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}



#button li ul li{

	margin: 0px, 0px, 0px, 5px;

}



#button li ul li {

	margin: 0;

}



#button li ul li a {

	display: block;

	font-size: 12.5px;

	padding: 5px 5px 5px 1.25em;

	border-left: 8px solid #7D7D7D;

	border-right: 8px solid #7D7D7D;

	background-color: #646464;

	color: #fff;

	text-decoration: none;

	width: 100%;

}



#button li ul li a {

	width: auto;

}



#button li ul li a:hover {

	display: block;

	padding: 5px 5px 5px 1.25em;

	border-left: 8px solid #F4D501;

	border-right: 8px solid #F4D501;

	background-color: #969696;

	color: #fff;

}



/*--------------------button-third--------------------*/

#button li ul li ul{

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}



#button li ul li ul li{

	margin: 0px, 0px, 0px, 5px;

}



#button li ul li ul li{

	margin: 0;

}



#button li ul li ul li a {

	display: block;

	font-size: 12px;

	padding: 5px 5px 5px 2em;

	border-left: 8px solid #969696;

	border-right: 8px solid #969696;

	background-color: #7D7D7D;

	color: #fff;

	text-decoration: none;

	width: 100%;

}



#button li ul li ul li a {

	width: auto;

}



#button li ul li ul li a:hover {

	display: block;

	padding: 5px 5px 5px 2em;

	border-left: 8px solid #F4D501;

	border-right: 8px solid #F4D501;

	background-color: #AFAFAF;

	color: #fff;

}



/*--------------------Footer--------------------*/

#footer {

	width:800px;

	text-align:center;

	color:#FFFFFF;

	margin: 10px 0px;

}



#footer ul {

}



#footer li {

	display:inline;

	float:none;

	text-align:center;

}



#footer a {

	color:#FFFFFF;

	font-weight:900;

	text-decoration:none;

}



#footer a:hover {

	text-decoration:underline;

}



#footer span {

	display:block;

	clear:both;

	color:#FFFFFF;

	margin: 10px 0px;

}



.clear{

	clear:both;

}



dl, dt, dd, ul, li {

	margin: 0;

	padding: 0;

	list-style: none;

}



/*--------------------Navigation Menu--------------------*/

#menu {

	margin: 0px 0px 0px 0px;

	padding: 3px 5px 3px 1px;

	width: 750px;

}



#menu dl {

	float: left;

	width: 125px;

}



#menu dt {

	height:22px;

	background-image:url(../images/buttontemplate.jpg);

	margin-left:4px;	

	cursor: pointer;	

	color: #000000;

	font-weight:800;

}



#menu dd {

	display: none;

	border-left: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-right: 1px solid #000000;

	margin-left:5px;

	width: 118px;

}



#menu li {

	text-align: center;

	background: white;

}



#menu li a, #menu dt a {

	width:118px;  

	height:19px;

	padding-top:3px;

	text-decoration: none;

	color: #000000;

	font-weight:700;

	display:block;

}



#menu li a:hover, #menu li a:focus, #menu dt a:focus {

	background: #F4D501;

}



/*-----COLOURS-----*/

/* Off White - F5F5F8 */

/* LIGHT Gray - E1E1E1 */

/* Gold - F4D501 */

/* Rich Blue - 1E1EBE - LINKS*/

/* WHITE - FFFFFF */

/* PINK (for Pink Day) F376C4; */