body { color: #000000; font-size: 13px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-image: url(images/bg.jpg); }

/* TEXT BLOCKS */
p {}
#footer {font-size: 11px; text-align: right;}
.qdetails { text-align: left; margin: 5px 60px;}
#today {font-size: 11px;}
.searchTerms {background-color: #ffff00;}

/* LINKS */
a { color: #58567b; font-style: normal; text-decoration: underline; outline: none medium; }
a:hover { color: #a33a71; font-style: normal; text-decoration: underline }
a img {border: none;} /* For sucky Firefox */
#footer a { }
#footer a:hover { text-decoration: none; }
.lowerLinks { font-size: 11px; overflow: auto; border: solid 1px #c0c0c0; margin: 3px auto; padding: 2px; position: relative; width: 80%; /* height: 40px; */ /* Needed if #backLink is positioned absolutely */}
.lowerLinks a { font-size: 11px; text-decoration: none; border-bottom:0 none; color: #666;  }
.lowerLinks a:hover { color: #fff; background-color: #666; }
#backLink {float: right; /*	position: absolute; */ /* comment out these two lines if floating to the right */ /*	top: 25px; */ }

#pagination {border-bottom: 1px solid #62125c; padding-bottom: 2px; position: absolute; bottom: 5px; width: 700px;}
#pagination a {/*border: 1px solid #2c1a06;*/ padding: 2px; margin-left: 2px; /* background-color: #cac1ab;*/}
#pagination a:hover {color: #e6f9e8; background-color: #62125c;}
#pagination span.liveTab {color: #62125c; background-color: #e6f9e8; padding: 5px 4px 2px 4px; margin-left: 2px;}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color: #58567b; font-weight: normal; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
h1.pageTitle {text-indent: -1000em;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h2.pageHeading { margin-top: 2px; padding-top: 2px;/*text-indent: -1000em;*/ }
h2.productName {text-align: center; font-weight: bold; font-size: 14px;}
h3 {font-size: 14px;}
div.scheduleColumn h3 {border-bottom: 1px solid #000000; margin-top: 35px;}
div.scheduleColumn>h3:first-of-type {margin-top: 0px;}
h4 {font-size: 14px;}
h5 {font-size: 14px;}

/* WARNINGS */
.error { color: red; font-weight: bold; font-size: 14px }
.errors {color: #ff0000; border: 1px solid #ff0000; padding: 5px 30px; margin: 5px auto; background: url(../images/warning.png) no-repeat 5px 3px;}
input.validationError {
	color: #ff0000;
	font-size: 11px;
	border: 2px solid #ff0000;
	background-color: #ffa7a0;
}
select.validationError {
	color: #ff0000;
	font-size: 11px;
	border: 2px solid #ff0000;
	background-color: #ffa7a0;
}
span.validationError {padding-left: 5px; color: #ff0000; font-size: 11px;}

/* LISTS */

#linksList {list-style-type: none; margin: 0; padding: 0;}
#linksList li {padding-left: 15px;}
#linksList li.linkHeader {padding-left: 0;}

ul.slideshow {list-style-type: none; margin: 10px auto;}
ul.slideshow li {text-align: center; width: 345px;}
*+html ul.slideshow li img {box-shadow: none;}
li { margin-bottom: 5px; }


/* ==  Menu  == */
#nav {font-size: 12px; font-family: "Helvetica Neue", Arial, sans-serif;}
#nav ul {margin: 0; padding: 0; border-left: 1px solid #000000; /*overflow: auto*/}
#nav li {margin: 0; padding: 0; float: left; list-style-type: none; height: 1%; border-right: 1px solid #000000;}
#nav a {text-decoration: none; float: left;}
#nav li { position: relative;}
#nav a {color: #000000; padding: 2px 3px 3px 2px; border-right: 1px solid #c0c0c0; }
#nav a:hover, #nav ul li:hover > a{color: #fff; background-color: #565479; border-right: 1px solid #c0c0c0;}

#nav ul ul {display: none; position: absolute; left: 0; top: 22px; background-color: #ffffff; width: 175px;}
#nav li:hover ul {display: block;}
#nav ul ul li {float: none;}
#nav ul ul li a {
	padding: 4px;
	display: block;
	text-decoration: none;
	float: none;
	background-image: none;
	text-indent: 0;
	width: 167px;
	margin: 0;
	z-index: 20;
	border: 0;
	border-bottom: 1px solid #000000;
}
#nav ul ul li a:hover {border: 0; border-bottom: 1px solid #000000;}
#nav li.lastItem, #nav li.lastItem a, #nav li.lastItem a:hover { border-left: 1px solid #fff; }
/* = Menu End = */

/* ==  Menu2  == */
#nav2 {font-size: 12px; font-family: "Helvetica Neue", Arial, sans-serif;}
#nav2 ul {margin: 0; padding: 0; border-left: 1px solid #000000; /*overflow: auto*/}
#nav2 li {margin: 0; padding: 0; float: left; list-style-type: none; height: 1%; border-right: 1px solid #000000;}
#nav2 a {text-decoration: none; float: left;}
#nav2 li { position: relative;}
#nav2 a { color: #fff; padding-right: 6px; padding-left: 6px; border-right: 1px solid #c0c0c0; }
#nav2 a:hover, #nav2 ul li:hover > a{color: #000; background-color: white; border-right: 1px solid #c0c0c0;}

#nav2 ul ul {display: none; position: absolute; left: 0; top: 22px; background-color: #ffffff; width: 175px;}
#nav2 li:hover ul {display: block;}
#nav2 ul ul li {float: none;}
#nav2 ul ul li a {
	padding: 4px;
	display: block;
	text-decoration: none;
	float: none;
	background-image: none;
	text-indent: 0;
	width: 167px;
	margin: 0;
	z-index: 20;
	border: 0;
	border-bottom: 1px solid #000000;
}
#nav2 ul ul li a:hover {border: 0; border-bottom: 1px solid #000000;}
#nav2 li.lastItem, #nav li.lastItem a, #nav li.lastItem a:hover {border-right: none;}
#nav2 li.firstItem, #nav li.firstItem a, #nav li.firstItem a:hover { border-left: 1px solid #c0c0c0; }
#nav2 li.firstItem, #nav a.firstItem, #nav a:hover.firstItem  { border-left: 1px solid #c0c0c0; }
/* = Menu End = */

/* FORMS and BUTTONS */
form { margin: 0px; padding: 0px }
#contact_form input[type=text] {background-color: #cccccc; width: 100%}
#contact_form textarea {
	background-color: #cccccc;
	margin-top: 10px;
	width: 100%;
}
#contact_form select {width: 175px;}

.deleteButton { color: white; background-color: red; }
.submitButton { background-color: green; }
.storeButton {}
.storeButtonHolder {display: inline;}



/* TABLES */
td {vertical-align: top;}
td.gallery {border-bottom: 1px solid #44466d; font-size: 10px; padding: 10px 2px 20px 2px;} /* For a line between gallery rows */
td.lastRow {border-bottom: none;}
.numberCell {text-align: right;}

table#classDateTable {border: 0; width: 95%; margin: 10px auto;}
table#classDateTable tr:nth-child(even) {background-color: #c0c0c0; }
table#classDateTable tr:hover:not(.firstRow) {background-color: black; color: white;}




/* MISCELLANEOUS */
*+html #rotator {overflow: auto;}
.imageTitle {}
.classList { margin-top: 20px; border-bottom: 1px solid #565479; }

.storeButton { color: #ffffff; background-color: #58567b; text-decoration: none; padding: 4px; border: solid 1px; }
.storeButton a { color: #ffffff; background-color: #58567b; text-decoration: none; padding: 4px; border: solid 1px; }
.storeButtonHolder {display: inline;}