/*** Global
*************************************/
html, body{
	background-color:#FFFFFF;
	background:url(/images/bg_main.gif) top left repeat-x;
	margin:0;
	padding:0;
	height:100%;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
img{
	border-style:none;
}
a, a:link, a:active, a:visited{
	color:#333333;;
	text-decoration:none;
}

a:hover{
	color:#ff60ff;
	text-decoration:none;
}
h1 {
	font-size:24px;
	margin:12px 0 8px 0; 
	padding:0; 
}
h2 {
	margin:12px 0 5px 0; 
	padding:0; 
	font-size:18px;
}

/*** Dropshadow BG
*************************************/
#dropbg{
	background:url(/images/bg_body.png) top center repeat-y;
	min-height:100%;
	position:relative;
}


/*** Wrapper
*************************************/
#wrapper {
	 width:900px; 
	 margin:0 auto;
	 background-color:#FFFFFF;
}

/*** Main Nav
*************************************/
#main-nav-cage{
	width:562px; 
	float:left; 
	position:relative; 
	bottom:-69px;
}

#main-nav{
	width:562px;
	height:30px;
	position:relative;
	float:left;
	background-image:url(/images/bg_main-nav.gif);
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#main-nav li{
	float:left;
}

#main-nav a {
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	display:block;
	height:30px;
	background:url(/images/bg_main-nav.gif) no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}

/*** Main Nav Off
*************************************/
li#nav_home a {
	left:0;
	width:62px;
	background-position: 0 0;
}

li#nav_about a {  
	left:62px;
	width:70px;
	background-position: -62px 0;
}

li#nav_info a {
	left:132px;
	width:111px;
	background-position: -132px 0;
}

li#nav_classes a {
	left:243px;
	width:84px; 
	background-position: -243px 0;
}

li#nav_news a {
	left:327px;
	width:114px;
	background-position: -327px 0;
}

li#nav_con a {
	left:441px;
	width:121px;
	background-position: -441px 0;
}

/*** Main Nav Hover
*************************************/
li#nav_home a:hover {
	background-position: 0 -30px;
}

li#nav_about a:hover {
	background-position: -62px -30px;
}

li#nav_info a:hover {
	background-position: -132px -30px;
}

li#nav_classes a:hover {
	background-position: -243px -30px;
}

li#nav_news a:hover {
	background-position: -327px -30px;
}

li#nav_con a:hover {
	background-position: -441px -30px;
}

/*** Main Nav Current LOC
*************************************/

#body-home li#nav_home a {
	background-position: 0 -60px;
}

#body-about li#nav_about a {
	background-position: -62px -60px;
}

#body-info li#nav_info a {
	background-position: -132px -60px;
}

#body-classes li#nav_classes a {
	background-position: -243px -60px;
}

#body-news li#nav_news a {
	background-position: -327px -60px;
}

#body-con li#nav_con a {
	background-position: -441px -60px;
}

/*** Contact Form
*************************************/
.contactForm{
	background-color:#F1F1F1;
	margin:10px 0 0 0;
	padding:20px;
	border:#CCC solid 1px;
}
.contactForm form{
	margin:0;
	padding:0;
}

.contactForm input[type="text"]{
	width:300px;
	margin:5px 0 5px 0;
}
.contactForm textarea{
	width:305px;
	margin:5px 0 0 0;
}

.contactForm ul.zemError{
	color:#FF0000;
}


/*** Header Cage
*************************************/
#header-cage{
	height:100px;
	width:900px; 
	overflow:hidden;
	margin:0 auto; 
	background:url(/images/bg_header.jpg) top center no-repeat;
}
/*** Logo
*************************************/
#logo{
	width:338px; 
	float:left;
}

/*** Body Cage
*************************************/
#body-cage{
	clear:both; 
	padding-bottom:95px;  /* Height of the footer needs to match */
}

/*** Body Content
*************************************/
#body-content{
	margin:1px 0 3px 0; 
	padding:0 10px 20px 10px;
	border-top:#FFFFFF solid 15px;
	border-bottom:#FFFFFF solid 20px;
	background:url(/images/bg_body2.gif) top center repeat-y;
}

/*** Header Img
*************************************/
#header-img{
	padding:0 0 1px 0;
	height:250px;
	overflow:hidden;
	border-bottom:#f13cf0 solid 5px;
}

/*** Left Column
*************************************/
#left-column{
	width:215px; 
	float:left; 
	margin:0 10px 0 0;
	padding:0 10px 0 0;
}

#left-column h1, h2{
	margin:0 0 10px 0;
	padding:0;
}

#left-column ul{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}

#left-column li{
	margin:0 0 5px 15px;
	font-size:14px;
	font-weight:bold;
}

/*** Middle Column
*************************************/
#middle-column{
	width:404px; 
	float:left; 
	margin:0 10px 0 0;
	padding:0 10px 0 0;
}

#middle-column h1, h2{
	margin:0 0 10px 0;
	padding:0;
}

#middle-column a, 
#middle-column a:link, 
#middle-column a:active, 
#middle-column a:visited{
	color:#333;
	text-decoration:underline;
	font-weight:bold;
}

#middle-column a:hover{
	color:#333;
	color:#FF00FF;
}


/*** Right Column
*************************************/
#right-column{
	width:215px; 
	float:left; 
}

/*** Current Sub Nav
*************************************/
#current-sub{
	list-style-image:url(/images/bg_current-li.gif);
}

#current-sub a, 
#current-sub a:link, 
#current-sub a:active, 
#current-sub a:visited{
	color:#FF00FF;
}

/*** Footer
*************************************/
#footer-cage{
	width:900px; 
	height:95px; /* Height of the footer needs to match */
	margin:0 auto; 
	background-color:#000000;
	text-align:center;	
	clear:both;
	position:absolute;
	bottom:0;
}
#footer-content{
	background:url(/images/bg_footer.gif) bottom left no-repeat;
	color:#FFFFFF; 
	padding:20px 0 20px 0;
}

#footer-content a, #footer-content a:link, #footer-content a:active, #footer-content a:visited{
	color:#FF15FF;
	text-decoration:none;
}
#footer-content a:hover{
	color:#FFFFFF;
	text-decoration:none;
}