body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000033;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	background-image:none;
	
}
body a{
text-decoration:none;
color: #999966;
}
body a:hover{
text-decoration:underline;
color: #999966;

}
#topnav{
	/*background-image: url(images/topnavbg.png);*/
	background-color:#999999;
	background-repeat: repeat-x;
	height: 22px;
	border-top:2px #FFFFFF solid;
}
#topnavmenu{
	/*background-image: url(images/topnavbg.png);*/
	background-color:#999999;
	height: 22px;
	padding-top: 3px;
	}

#topnavmenu a{
	text-decoration:none;
	color:#D2E382;
	padding-top: 3px;
	font-weight:bold;
	font-size: 9pt;
	height:22px;
	display:block;
}
#topnavmenu a:hover{
background-color:#BAD139;
text-decoration:none;
	color:#FFFFFF;
	padding-top: 3px;
	font-size: 9pt;
	font-weight:bold;
	display:block;

}
#button{
	background-color:#EDEEF1;
	background-repeat:repeat-x;
	padding:1px;
	text-align:center;
	color:#003300;
	height: 25px;



}
#update{
	font-size:9pt;
	color: #003366;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	margin-bottom: 1px;

}
#update a{
color: #5A637C;
}
#introduction{
	padding-left:10px;
	height: 27px;


}
#text{
color: #FF0000;
font-size:8pt;
}
.text{
color: #999966;
font-size:8pt;
}

#updateimg{
	background-color:#000000;
	color: #FDFDFD;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#student{
	background-color:#F4D09B;
	color: #000000;
	padding: 2px;
	width:25%;
}
#studentlist{
	background-color:#F7F7F7;
	color: #000000;
	padding: 2px;
	border-bottom:#000066 solid 1px;
	width:25%;
}
#labler{
	padding: 5px;
	background-color:#DCE0E7;
	color: #330066;
	font-weight: bold;
}
#news{
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 6px;
	background-color: #99B300;
	border-right:#FFFFFF solid 1px;
	color:#FFFFFF;
	font-weight:bold;
}
#homeimg{
padding:6px;
}
#welcome{
	background-color:#EEEEF9;
	padding:6px;
	line-height: 18px;
	margin-left:3px;
	}
#welcome a{
text-decoration:none;
color: #B2CC2E;
}
#welcome a:hover{
color: #999966;

}

#banner{
	height:75px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 1px;
	padding: 3px;
	
	}
#margin-left{
margin-right:1px;
}
#margin-right{
margin-left:1px;
}
#side{
	background-color:#EEEEF9;
	padding:6px;
	line-height: 18px;
	/*margin-right:3px;*/
	width:99%;
	}
#side a{
text-decoration:none;
color: #006600;
}
#side a:hover{
color: #999966;
text-decoration:underline;

}
#rss{
	background-color:#EEEEF9;
	padding:6px;
	line-height: 18px;
	/*margin-right:3px;*/
	width:99%;
	}
#rss a{
text-decoration:none;
color: #006600;
}
#rss a:hover{
color: #999966;
text-decoration:underline;

}
#divider{
	margin-top:1px;
}
#flash{
margin-top: 1px;
padding:3px;
height:145px;
}
#mediacentre{
	margin-top: 1px;
	padding:4px;
	height:98px;
	background-attachment: scroll;
	background-image: url(images/dud.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#recomend{
	background-color:#F7F7EE;
	height:180px;
	width:246px;
	border:1px solid #666699;
	margin-right:2px;
	padding:4px;
	display: block;
}

#blackborder {
		border: 2px solid #000000;
}
#footer{
font-size:7pt;
margin-bottom:6px;
color:#669933;
text-align:right;
}


#topstrip{
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
	display: block;
	height:25px;
	margin-top: 5px;
}
#midtrip{
background-color:#FEB454;
display: block;
height:3px;
margin-top:1px;
width:100%;

}
#stripes{
background-image:url(images/stripes.png);
/*background-position:bottom;*/
background-repeat:repeat-x;
margin-top: 3px;
height:5px;
margin-bottom:2px;
}
#stripedown{
background-image:url(images/stripedown.png);
background-position:right;

background-repeat:repeat-y;

}
#featured{
	margin-top:0px;
	margin-bottom:1px;
	margin-right:0px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	background-color: #D2E9F9;
	height:28px;
	padding-top:5px;
	font-weight:normal;
	text-align: left;
	padding-left: 2px;
	line-height: 20pt;
}
#featured a{
	margin-top:0px;
	margin-bottom:1px;
	margin-right:0px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	background-color: #D2E9F9;
	height:28px;
	padding-top:5px;
	text-align: left;
	padding-left: 5px;
	line-height: 20pt;
}
#featured a:hover{
	text-decoration:underline;
	
	
}
#caption{
	padding-top:10px;
	background-color:#EB5F52;
	height: 175px;
	width:158px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#labelbg {
	background-image: url(images/labelbg.png);
	background-repeat:repeat-x;
	height: 25px;
	font-weight:bold;
	color:#333333;
	padding-left:16px;
	padding-top:4px;
	padding-bottom:0px;
	/*margin-right:3px;*/
	width:99%;
	
	}
#line{
border-bottom:solid #333333 1px;

	}
#container{
	height:170px;
	width:580px;
	margin-bottom: 1px;
 

}
#content{

}
#featuredmid{
	color:#FFFFFF;
	height:35px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	
}
#featuredmid a{
	background-image:url(images/mid.png);
	background-repeat:repeat-x;
	margin-top:1px;
	margin-bottom:1px;
	margin-right:1px;
	color:#FFFFFF;
	height:28px;
	padding-top:3px;
	text-decoration:none;
}
#featuredmid a:hover{
	background-image:url(images/mid.png);
	background-repeat:repeat-x;
	margin-top:1px;
	margin-bottom:1px;
	margin-right:1px;
	color:#99FF66;
	height:28px;
	padding-top:3px;
	text-decoration:none;
}
#borderaround{
	border: 1px solid #EBEBEB;
	margin-top: 5px;
	background-color:#FFFFFF;
}
#search{
	height:27px;
	
	}
#fixed {
	display: block;
	height: 27px;
}
/* CALENDAR */
caption {
     font-family:arial,helvetica; 
     font-size:8pt; 
     color: #333333;
     font-weight: bold;
}

/* .calendar determines the overall formatting style of the calendar,  
   acting as the default unless later overruled. */

.calendar {
     font-family:arial,helvetica; 
     font-size:8pt; 
     color: white;
     background-color: #D2E9F9;
     border-color: #CCCCCC;
     border-style: solid;
     border-width: 1px;
	 padding-left:1px;
	 padding-right:1px;
	 width:159px;
	 
	 
	 
}

/* .calendarlink determines the formatting of those days linked to
   content. */

.calendarlink {
     color: #993300;
	 border:none;
}
.calendararrow {
	color: #999933;
	font-weight: bold;
	text-decoration: none;
}

/* .header determines the formatting of the weekday headers at the top
   of the calendar. */

.calheader {
     background-color: #D2E9F9;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
	 color:#FF3300;
	 text-align: center;
	 padding-left:1px;
	 padding-right:1px;
	
}

/* .day determines the formatting of each day displayed in the
   calendar. */

.day {
     background-color: #F4D09B;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center;
	 padding-left:1px;
	 padding-right:1px;
	 color:#333333;
	 
	
	 
}

/* .linkedday determines the formatting of a date to which content is
   available. */

.linkedday {
     background-color: #D2E9F9;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center;
	 padding-left:1px;
	 padding-right:1px;
	 color:#333333;
}

.linkedday a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	background-color: #DFDFDF;
	
}



/*end calendar*/
#sidepane{
background-color: #DAE6F2;
background-repeat:repeat-y;
}

/*start horizontal drop down menu*/
ul {
	padding: 0;
	list-style: none;
	width: 159px;
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 1px;
	margin: 0px;
	
	
	}

ul li {
	position: relative;
	
	}
li ul {
	position: absolute;
	left: 159px;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #DAE6F2;
	padding: 4px;
	border: 1px solid #f2f2f2;
	
	size:8pt;
	font-weight:normal;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	}
ul li a:hover {
	background-color: #6666CC;
	color:#FFFFFF;
		}
/* Fix IE. Hide from IE Mac \*/
* html ul li {
 
float: left; 
}
* html ul li a {

 height: 1%; 
 }
/* End */


li:hover ul, li.over ul {
 	display: block; 
		}
/*end horizontal drop down menu*/