
body { color: #000000; font-size: 14px; font-family: Calisto MT,  georgia, "times new roman", serif, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

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

/* LINKS */
a { color: #78a600; font-style: normal; text-decoration: underline; outline: none medium; }
a:hover { color: #fff; font-style: normal; background-color: #78a600; text-decoration: underline  }
a.clear { background-color: transparent; text-decoration: none; border-style: none; }

a img { background-color: #fff; text-decoration: none; vertical-align: middle; border-style: none; border-width: 0; } /* For sucky Firefox */

a:hover img { background-color: #fff; text-decoration: none; border-style: none; }

img a { background-color: #fff; text-decoration: none; border-style: none; } /* For sucky Firefox */

a.clear { background-color: transparent; text-decoration: none; border-style: none; }

a.clear img { background-color: transparent; text-decoration: none; border-style: none; }
#footer a { }
#footer a:hover { text-decoration: none; }
.lowerLinks { font-size: 11px; overflow: auto; border: solid 1px #c0c0c0; margin: 16px auto; padding: 2px; position: relative; width: 80%; /* height: 40px; */ /* Needed if #backLink is positioned absolutely */}
.lowerLinks a { font-size: 13px; text-decoration: none; border-bottom:0 none; color: #000;  }
.lowerLinks a:hover { color: #000; background-color: #78a600; }
#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: #78a600; font-weight: normal; font-family:  American Typewriter, 'Cutive', 'Script',cursive; text-transform: lowercase; }
#right h2 { color: #000; margin-top: 2px; padding-top: 2px; }
h1.pageTitle {text-indent: -1000em;}
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h2.pageHeading {/*text-indent: -1000em;*/ }
h2.productName {text-align: center; font-weight: bold; font-size: 14px;}
h3 {font-size: 24px;}
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: 16px; font-family: "Helvetica Neue", Arial, sans-serif; font-weight: bold; background-color: white; }
#nav ul {margin: 0; padding: 0; border-left: 1px solid #78a600; /*overflow: auto*/}
#nav li {margin: 0; padding: 0; float: left; list-style-type: none; height: 1%; border-right: 1px solid #78a600;}
#nav a {text-decoration: none; float: left;}
#nav li { position: relative;}
#nav a { color: #78a600; padding: 4px 5px 3px 6px; }
#nav a:hover, #nav ul li:hover > a{ color: #000; background-color: #78a600; }

#nav ul ul {display: none; position: absolute; left: 0; top: 22px; background-color: #000; 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-bottom: 1px solid #78a600; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
#nav ul ul li a:hover { border-bottom: 1px solid #78a600; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
#nav li.lastItem, #nav li.lastItem a, #nav li.lastItem a:hover {border-right: none;}
#nav ul ul { background-color: #000; position:absolute; left: -9999px; }

#nav ul li:hover > ul { left:10px; z-index: 1000; }
#nav ul ul li:hover > ul { left:100px; z-index: 1200; }
/* = Menu End = */

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

#contact_form select {width: 175px;}

.deleteButton { color: white; background-color: red; }
.submitButton { background-color: green; }
.storeButton { color: #fff; font-size: 12px; background-color: #78a600; text-decoration: none; padding: 4px; border: solid 1px #000; }
.storeButton a:hover { color: #fff; font-size: 12px; text-decoration: none; background-color: #78a600; padding: 4px; border: solid 1px #000; }
.storeButtonHolder {display: inline;}



/* TABLES */
td {vertical-align: top;}
td.gallery {border-bottom: 1px solid #44466d; font-size: 13px; padding: 10px 2px 20px;} /* 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 {}
.green { color: #78a600; }
hr { color: #78a600; background-color: #78a600; height: 1px; border-top: 1px solid #78a600; }
.smalltext { font-size: 12px; }
