/* Link styles */

div.endlink A:link {COLOR: #006600; TEXT-DECORATION: underline}
div.endlink A:visited {COLOR: #003300; TEXT-DECORATION: underline}
div.endlink A:focus {COLOR: #6666CC; TEXT-DECORATION: underline}
div.endlink A:hover {COLOR: #006600; TEXT-DECORATION: underline}
div.endlink A:active {COLOR: #00CC00; TEXT-DECORATION: underline}

A:link {COLOR: #006600; TEXT-DECORATION: none}
A:visited {COLOR: #003300; TEXT-DECORATION: none}
A:focus {COLOR: #6666CC; TEXT-DECORATION: none}
A:hover {COLOR: #006600; TEXT-DECORATION: none}
A:active {COLOR: #00CC00; TEXT-DECORATION: none}



body {
scrollbar-face-color: #006600;
scrollbar-highlight-color: #009900;
scrollbar-3dlight-color: #006600;
scrollbar-darkshadow-color: #003300;
scrollbar-shadow-color: #003300;
scrollbar-arrow-color: #CC6666;
scrollbar-track-color: #F7E9BA;


}

/* Table Styles */

table.schedule { width: 600px;
		 border: solid #006600 1px;
		}

table.schedule td {
		    border: solid #006600 1px;
		  }

table.schedule th { color: #FFFFFF;
		    background-color: #006600;
		    border: solid #006600 1px;
		  }


/* Form Styles */

fieldset
{
  padding: 0 20px 20px;
  margin: 0 0 20px;
  border: 1px solid #006600;
}

legend
{
  color: #006600;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 0;
  width: 9em;
  border: 1px solid #006600;
}

input, select, textarea
{

  border: 1px solid #006600;
}



/* Rollover buttons */

a img { border-width: 0;}

a.home {display: block;
	position:absolute;
		top:150px;
		left:0px;
	width: 65px;
	height: 35px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(btn_home.jpg);
	background-repeat: no-repeat;}

a.home:hover {background-image: url(btn_home2.jpg);}

a.schedule {display: block;
	position:absolute;
		top:150px;
		left:65px;
	width: 100px;
	height: 35px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(btn_schedule.jpg);
	background-repeat: no-repeat;}

a.schedule:hover {background-image: url(btn_schedule2.jpg);}

a.classes {display: block;
	position:absolute;
		top:150px;
		left:165px;
	width: 75px;
	height: 35px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(btn_classes.jpg);
	background-repeat: no-repeat;}

a.classes:hover {background-image: url(btn_classes2.jpg);}

a.announcements {display: block;
	position:absolute;
		top:150px;
		left:240px;
	width: 165px;
	height: 35px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(btn_announcements.jpg);
	background-repeat: no-repeat;}

a.announcements:hover {background-image: url(btn_announcements2.jpg);}

a.gallery {display: block;
	position:absolute;
		top:150px;
		left:405px;
	width: 85px;
	height: 35px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(btn_gallery.jpg);
	background-repeat: no-repeat;}

a.gallery:hover {background-image: url(btn_gallery2.jpg);}

a.register {display: block;
	position:absolute;
		top:150px;
		left:490px;
	width: 100px;
	height: 35px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(btn_register.jpg);
	background-repeat: no-repeat;}

a.register:hover {background-image: url(btn_register2.jpg);}

a.contact {display: block;
	position:absolute;
		top:150px;
		left:590px;
	width: 110px;
	height: 35px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(btn_contact.jpg);
	background-repeat: no-repeat;}

a.contact:hover {background-image: url(btn_contact2.jpg);}

/* Body Styles */

.welcome {position:absolute;
	top:215px;
	left:25px;
	color:green;
	font-size:300%;
	font-weight:bold;
	}

.headertext {position:absolute;
	top:215px;
	left:25px;
	color:green;
	font-size:200%;
	font-weight:bold;
	}

.subheader {position:absolute;
	top:265px;
	left:35px;
	color:green;
	font-size:150%;
	font-weight:bold;
	}

.headertext_classes {position:absolute;
	top:275px;
	left: 365px;
	width: 300px;
	color:green;
	font-size:200%;
	font-weight:bold;
	}

.headertext_register {position:absolute;
	top:315px;
	left: 300px;
	color:green;
	font-size:200%;
	font-weight:bold;
	}

.bodytext {position:absolute;
	top:310px;
	left:35px;
	width:600px;
	}

.bodytexttop {position:absolute;
	width: 350px;
	top:310px;
	left:35px;
	}

.bodytextbottom {position:absolute;
	width: 650px;
	top:610px;
	left:35px;
	}

.bodytext_classes {position:absolute;
	width: 650px;
	top:450px;
	left:35px;
	}

.bodytext_register {position:absolute;
	width: 650px;
	top:525px;
	left:35px;
	}

.underline {text-decoration:underline;}

.bold {font-weight:bold;}

.bold_under {text-decoration:underline; font-weight:bold;}

.bold_italic {font-style:italic; font-weight:bold;}

/* Pictures */

.header {position:absolute;
	top:0px;
	left:0px;
	}

img.pic {position: absolute;
	top: 350px;
	left: 395px; } 

img.classespic {position: absolute;
	top: 215px;
	left: 25px; } 

img.hiddenpic { display: none;	}

/*contact Form */

div.contactform {position: absolute;
		top:525px;
		left:25px;
		width:600px;   }


/* Drop shadow container */

div.contactinfo {position: absolute;
		top: 275px;
		left: 300px;
		width: 300px;  }

#shadow-container {
    position: relative;
    top; 1px;
    left: 1px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 10px;
    } CSS drop shadow