/* CSS Document */                                     
body a {
	font-family:Arial, Helvetica, sans-serif; font-size:8pt; color: #000000; 
	text-decoration: none; background-color:transparent;
	
}

body a:hover,  a:active,  a:focus a:visited { color: #000000; background-color:transparent;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #999999; background-color:transparent
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; color: #FFFFFF; background-color:transparent
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000066; background-color:transparent
}
#mainContainer {
  margin: 0px auto; width:1121px; height:1200px;position: relative; top: 0px;  
	}

#topBanner1 {
	width:1121px; height:150px; 
	background: #000066 url(../images/frontpage-bannerclasses.jpg) no-repeat top left; color:#ffffff; margin:0px
}

#infobox {
width: 1121px;
height: 40px;
padding-top: 20px;
font: 14pt Arial, Helvetica, sans-serif ;
font-weight: bold;
color:#FFFFFF;
background:#CC0000;
text-align:center;
text-decoration:blink;
}


#navBar {
width:1103px;
height:15px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
padding-top:5px;
padding-bottom:1px;
padding-left:8px;
padding-right:10px;
background:#9486B0;
float: left; 
overflow: hidden; 
color:#ffffff;
font: 8pt/1.0 Verdana, Arial, Helvetica, sans-serif;
 
text-align:left
}

#navBar a, .leftPanel a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:8pt; color: #FFCC00; font-weight:bold;
text-decoration: none; 
	}
	
	#navBar a:hover,  a:active,  a:focus { 
	color: #999999; 
	

	}

#mainPanel {
width:1121px;
height:1009px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
padding:0px;
background-color:#FFcc00;
float:left; 
overflow:hidden; 
color: #ffffff

}



.classPanel {
width:144px;
height:800px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
padding:8px;
background-color:#000066;
float:left; 
overflow: hidden; 
color: #FFCC00; 
font-family:Arial, Helvetica, sans-serif;
font-size:9px; 
text-align:left
}

.classPanel2 {
width:144px;
height:800px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px; 
padding:8px;
background-color:#FFCC00;
float:left; 
overflow: hidden; 
color:#000066 ; 
font-family:Arial, Helvetica, sans-serif;
font-size:9px; 
text-align:left
}

#infopanel
{

width:800px;
height:100px;
background-color: #FFCC00;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
text-align:left;
float:left;
margin:20px;
padding:10px
}

#footer {

width:1103px;
height:15px;
background-color:#000000;
color:#ffffff;
padding-top:0px;
padding-bottom:2px;
padding-left:0px;
padding-right:20px;
text-align:right;
float: left;

}

#footer a, #footer a:visited{
font-family:Arial, Helvetica, sans-serif; font-size:8pt; color: #FFFFFF; 
	text-decoration: none; background-color: #000000	
	}
	#footer a:hover,  a:active,  a:focus { color: #FFCC00; background-color:#000000;

	}
	
	#classdescriptions {
	width: 1121px;
	background:#3399FF;
	height: 25px;
	padding-top:0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	float:left;
	}
	
	#classdescriptions a {
	font: bold 8pt/1.0 Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF 
	}
	
	#classdescriptions a:hover {
	font: bold 8pt/1.0 Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#CC33CC; 
	}