body
{
  background:#000;
  color:#ccc;
  padding:0;
  margin:0;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:.9em;
}

a
{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid #fff;
}
a:hover
{
  color:#ccc;
  border-bottom:1px dashed #ccc;
}


#news
{
  font-size:80%;
  width:150px;
  float:right;
  background:#333;
  padding:3px;
  margin:3px;
}
#news h3
{
  margin:0;
  padding:0;
}

#header
{
  background:#000;
  padding:4px;
  border-bottom:1px solid #C00;
}
#header h1
{
  padding:0;
  margin:0;
}
#header h1 a
{
  border:0;
  width:170px;
  height:50px;
  display:block;
  overflow:hidden;
  text-indent:-1000em;
  background:transparent url("/img/logo.gif") top left no-repeat;
}
#header ul
{
  position:absolute;
  top:0px;
  right:5px;
  list-style:none;
  margin:0;
  padding:0;
}
#header ul li
{
  float:left;
}
#header ul li a
{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:36px 10px 0 10px;
  border-bottom:5px solid #000;
}
#header ul li a:hover
{
  background:transparent url("img/nav.gif") bottom left no-repeat;
  border-bottom:5px solid #C00;
}
#header ul li a#switcher
{
  color:#C00;
  font-size:90%;
}

.kids
{
  background:transparent url("/img/backs/kids/rotate.php") top left no-repeat;
}
.adult
{
  background:transparent url("/img/backs/adult/rotate.php") top left no-repeat;
}
.main
{
  background:transparent url("/img/main.jpg") top left no-repeat;
}

#content
{
  min-height:450px;
  padding:0 5px 10px 380px;
}

/* for IE, with IE5/Mac backslash filter \*/
* html #content {
 height: 450px;
}
/* end filter */


#content h2
{
  text-indent:-1000em;
  overflow:hidden;
  margin:0 10px;
  height:35px;
}

#content h2#home
{
  background:transparent url("/img/headers/home.gif") top right no-repeat;
}
#content h2#about
{
  background:transparent url("/img/headers/about.gif") top right no-repeat;
}
#content h2#classes
{
  background:transparent url("/img/headers/classes.gif") top right no-repeat;
}
#content h2#contact
{
  background:transparent url("/img/headers/contact.gif") top right no-repeat;
}
#content h2#forum
{
  background:transparent url("/img/headers/forum.gif") top right no-repeat;
}
#content h2#instructors
{
  background:transparent url("/img/headers/instructors.gif") top right no-repeat;
}
#content h2#links
{
  background:transparent url("/img/headers/links.gif") top right no-repeat;
}
#content h2#news
{
  background:transparent url("/img/headers/news.gif") top right no-repeat;
}
#content h2#pictures
{
  background:transparent url("/img/headers/pictures.gif") top right no-repeat;
}
#content h2#schedule
{
  background:transparent url("/img/headers/schedule.gif") top right no-repeat;
}
#content h2#calendar
{
  background:transparent url("/img/headers/calendar.gif") top right no-repeat;
}
#content h3
{
  background:transparent url("/img/h3.gif") top left no-repeat;
  padding-left:15px;
  color:#fff;
  height:22px;
  font-size:1em;
}
#content h3 a
{
  border-bottom:0;
}


.gallery
{
  float:left;
  text-align:center;
  padding:6px;
  width:150px;
  height:160px;
}
.gallery a, .gallery a:hover
{
  border:none;
}
.gallery img
{
  border:2px solid #fff;
}
#photo
{
  margin:0 auto;
  width:580px;
  text-align:center;
}

.clear
{
  clear:both;
}
.right
{
  float:right;
}
.left
{
  float:left;
}

.hl
{
  margin:5px 10px 0 0;
  font-size:.8em;
  color:#C00;
  border-bottom:1px solid #900;
}
a:hover.hl
{
  color:#F00;
  border-bottom:1px solid #F00;
}

#footer
{
  height:20px;
  width:100%;
  background:#C00;
  text-align:right;
  font-size:.7em;
  color:#000;
  font-weight:bold;
  padding:2px 0;
}
#footer ul
{
  list-style:none;
  margin:0;
  padding:0;
}
#footer ul li
{
  float:right;
}
#footer ul li a
{
  display:block;
  padding:4px 15px;
  border-bottom:none;  
}
#footer ul li a:hover
{
  background:#900;
}


.instructor
{
  float:left;
  font-size:.8em;
  text-align:center;
  width:150px;
  height:95px;
}
.instructor a
{
  border:none;
}

#feature
{
  width:250px;
  float:right;
  background:#222;
  margin:4px;
  border:1px solid #600;
  border-width:2px 1px 6px 1px;
}
#feature p
{
  margin:6px;
  padding:0;
  font-size:.9em;
}
#feature h3
{
  margin:0;
  padding:0;
  text-align:center;
  background:none;
}
#feature h3 a
{
  display:block;
  background:#600;
  width:100%;
  border-bottom:3px solid #600;
}
#feature h3 a:hover
{
  border-bottom:3px solid #C00;
}

/* --- form stuff --- */

#order-form {
	clear: right;
    margin:10px 0;
}
input.txt, textarea, select {
	background-color: #CCC;
	border: 1px solid #900;
}
input.error, span.error
{
  background-color:#FF6;
  border:1px solid #900;
  color:#000;
}
span.error
{
  padding:3px 20px;
}

input.btn {
	padding: 2px 6px; 
	font-weight: bold;
	color: #000;
	background-color: #CCC;
	border: 1px solid #900;
}		
label, dl dt {
	font-weight: bold;
}
#order-form textarea {
	width: 300px;
}
#order-form p, #order-form p {
	margin: 0.75em 0 0 0;
}
#order-form p label, #order-form p label {
	display: block;
	float: left;
	width: 120px;
}
#order-form p input.txt {
	width: 200px;
}
textarea#message {
	width: 330px;
	height: 100px;
}

/* Name Block */
dl.name-block {
	padding: 0;
	margin: 0;
}
dl.name-block dt {
	float: left;
	width: 150px;		
	padding: 0;
	margin: 0;
	font-weight: bold;
}
dl.name-block dd {
	padding: 0;
	margin: 0 0 0 150px;
}
* html dl.name-block dd {
	padding: 0 0 0 153px;
	margin: 0;
}
dl.name-block dd input.txt {
	display: block;
	width: 10em;
}
dl.name-block dd label {
	display: block;
	font-weight: normal;
}
dl.name-block dd label.first {
	float: left;
	width: 18em;
}
dl.name-block dd label.last {
	margin-left: 18em;
}
* html dl.name-block dd label.last {
	margin: 0;
}