BODY {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 17px} 
BODY A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; text-decoration: underline} 
BODY A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #336699; text-decoration: none} 

H1 {font-size: 16px; font-weight: bold; color: #003366} 
H2 {font-size: 12px; font-weight: bold; color: #003366; text-transform: capitalize}
H3 {font-size: 18px; font-weight: bold; color: #003366; }

UL {list-style: square; font-size: 12px; font-weight: normal; color: #000000}
UL A {list-style: square; font-size: 12px; color: #003366; text-decoration: underline}
UL A:hover {list-style: square; font-size: 12px; color: #336699; text-decoration: none}

OL {list-style: decimal; font-size: 12px; font-weight: normal; color: #000000}
OL A {list-style: decimal; font-size: 12px; color: #003300; text-decoration: underline}
OL A:hover {list-style: decimal; font-size: 12px; color: #669966; text-decoration: none} 

#middleWrap {position: relative; height: auto; float: left; width: 100%; min-height:250px;}

#leftNav {width: 175px; position: absolute; top: 0; left: 27px;}
#scheduleHeader {position: relative; background-color: #dee0e1; height: 24px; padding: 6px 0 0 16px; vertical-align:middle; }
#schedules {font-size: .85em; text-align: left; height: 100%;}
#schedules a {font-size: .85em;}
#scheduleLink {position: absolute; bottom: 20px; left: 20px; width: 180px;}

#mainContent {text-align: left; min-height:300px; width: 483px; border-left: 1px solid #036; padding: 0 10px 0 10px; float: right; margin-bottom: 10px;}

.classListItem_alt {margin-bottom: 15px; background-color: #ebebeb;}
.classListItem_alt p { width: 300px; text-align: left; float: right; margin-right: 40px; display: inline-block; }

.classListItem {margin-bottom: 15px; background-color: #fff;}
.classListItem p { width: 300px; text-align: left; float: right; margin-right: 40px; display: inline-block; }

.classListItem:hover, .classListItem_alt:hover {background-color: #999;}

#classTop {}
#classImage {}

#classRight { float: right; margin-right: 80px; padding: 6px 10px 6px 10px; border-width: 0 0 1px 0; border-color: #ccc; border-style: solid; background-color: #ebebeb; }
#classDate { }
#classPrice {}

#classBottom { padding-top: 10px;}

#classError { color: Red;}
#classLocation {}
#classSupplies { margin-top: 15px;}
#classSignupBottom {margin-top: 15px;}
#classSignupTop, #classSignupBottom {font-weight: bold; }

.signupItem, .signupItemRadio {margin-bottom: 10px;}
.signupItem label {display: inline-block; width: 100px;}
.signupItem input {width: 200px;}
.signupButton {margin-top: 20px;}
.formError ul li {color:Red;}

div#ClassInformation {min-height: 200px;}
#ClassInformation TABLE { text-align:left;}
#ClassInformation TABLE TD { vertical-align:top;}
#ClassInformation TABLE TD.title { white-space:nowrap; }
#ClassInformation TABLE INPUT { width:200px; }
#ClassInformation TABLE INPUT[type="checkbox"] { width: auto; }


#contact { padding: 0; margin: 0; width: 400px; margin-top: 20px; }
#contact tr td {border-bottom: 1px dashed #000; vertical-align: top; padding: 10px 0 20px 10px; }
#contact tr td.title {padding-left: 0; font-weight: bold; }

.allcaps {  text-transform: uppercase}

#layer1 {position: absolute; font-size: 1px; color: #ffffff; visibility: hidden; left: 20; top: 20; z-index: 0; width: 730; overflow: hidden;}
.FooterCopy {
font-size: 10px; font-weight: normal; color: #000000; line-height: normal
}
.FooterCredit {font-size: 10px; font-weight: normal; color: #999999; line-height: normal
}
.FooterCredit A {font-size: 10px; font-weight: normal; color: #999999; text-decoration: underline; line-height: normal
}
.FooterCredit A:hover {font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; line-height: normal
}

.RowWhite {font-size: 8.0pt; font-weight: 400; font-style: normal; padding-top: 4px; padding-right: 4px; padding-left: 4px; background-color: #ffffff; text-align: center; 
}
.RowGrey {
font-size: 8.0pt; font-weight: 400; font-style: normal; padding-top: 4px; padding-right: 4px; padding-left: 4px; background-color: #EBEBEB; text-align: center;
}
.RowBlue {
	font-size: 8pt;
	font-weight: 400;
	font-style: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #003366;
	text-align: center;
	color: #FFFFFF;
}



.classListItem{}
.classListDate{}
.classListName{ font-weight:bold;}
.classListTime{}
.classListSignup{}


#Statuses {width: 400px;display: none; position: absolute; top: 0; left: 0; background-color: #ccc; padding-right:20px; border:solid 1px #000;}
#Statuses li {list-style-type: none; padding-bottom:10px;}
#Statuses li span {font-weight:bold;}
