body { color: #000; font-size: 14px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; }
p {}
a { color: #19148e; font-style: normal; text-decoration: underline; outline: none medium; }
a:hover { color: #fff; font-style: normal; background-color: #19148e; text-decoration: underline  }
a.clear { background-color: transparent; text-decoration: none; border-style: none; }
a img { border-style: none; } /* For sucky Firefox */
a:hover img { color: #aae; background-color: transparent; text-decoration: none; border-style: none; } /* For sucky Firefox */
h1, h2, h3, h4, h5, h6 { color: #19148e; font-weight: 600; font-family: Arial, verdana, helvetica, Geneva, Swiss, SunSans-Regular; }
h1.pageTitle { text-indent: -1000em; visibility: hidden; }
h1 {
	font-size: 2.3em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 10px 0;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 5px;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 15px 0 5px 0;
}
h2.pageHeading {/*text-indent: -1000em;*/ }
h2.productName {text-align: center; font-weight: bold; font-size: 14px;}

h4 {font-size: 14px;}
h5 {font-size: 14px;}
.lowerLinks {font-size: 11px; overflow: auto; border: solid 1px #c0c0c0; margin: 3px 20%; padding: 2px; position: relative; /* height: 40px; */ /* Needed if #backLink is positioned absolutely */}
.lowerLinks a { font-size: 11px; text-decoration: none; border-bottom:0 none; color: #656565;  }
.lowerLinks a:hover { color: #fff; background-color: #656565; }
#backLink {float: right; /*	position: absolute; */ /* comment out these two lines if floating to the right */ /*	top: 25px; */ }
.error { color: red; font-weight: bold; font-size: 14px }
.error2 { color: red; font-weight: bold; font-size: 16px }
.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;}
.qdetails { text-align: center; margin-right: 20%; margin-left: 20%; }
form { margin: 0px; padding: 0px }
#footer {font-size: 11px; text-align: right;}
#footer a { }
#footer a:hover { text-decoration: none; }
.deleteButton { color: white; background-color: red; }
.submitButton { background-color: green; }
.storeButton { color: #fff; font-size: 14px; background-color: #318; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }
.workButton { color: #318; font-size: 14px; font-style: italic; text-decoration: none; background-color: #fdc45f; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }
.memButton { color: #000; font-size: 14px; font-weight: bold; text-decoration: none; background-color: #00dbff; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }
.storeButton:link { color: #fff; font-size: 14px; background-color: #318; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }

.storeButton a:link { color: #fff; font-size: 14px; background-color: #318; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }

.storeButton:hover { color: #609; font-size: 14px; background-color: #fff; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }
.storeButtonHolder {display: inline;}

.renewButton { color: #fff; font-size: 14px; background-color: #f00; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }

.renewButton:link { color: #fff; font-size: 14px; background-color: #f00; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }

.renewButton a:link { color: #fff; font-size: 14px; background-color: #f00; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }

.renewButton:hover { color: #f00; font-size: 14px; background-color: #fff; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }

#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: #fff; background-color: #220312;}
#pagination span.liveTab {color: #fff; background-color: #220312; padding: 5px 4px 2px; margin-left: 2px;}
#today {font-size: 11px;}

td.gallery {padding: 10px 2px 20px;} /* For a line between gallery rows */
td.lastRow {border-bottom: none;}
.imageTitle {}

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

.searchTerms {background-color: #ffff00;}

#contact_form input[type=text] {background-color: #fff; width: 89%}
#contact_form textarea {
	background-color: #fff;
	margin-top: 10px;
}
#contact_form select {width: 175px;}
#contact_form label { width: 200px; float: left;  }

.numberCell {text-align: right;}

/* ==  Menu  == */
#nav { font-size: 14px; font-family: "Helvetica Neue", Arial, sans-serif; z-index: 1000; }
#nav ul {margin: 0; padding: 0; border-left: 1px solid #fff; /*overflow: auto*/}
#nav li {margin: 0; padding: 0; float: left; list-style-type: none; height: 1%; border-right: 1px solid #000;}
#nav a {text-decoration: none; float: left;}
#nav li { position: relative;}
#nav a {color: #19148e; padding: 4px 18px 3px 17px;  }
#nav a:hover, #nav ul li:hover > a{color: #fff; background-color: #19148e; }

#nav ul ul { display: none; position: absolute; top: 22px; background-color: #19148e; text-align: left; width: 175px; z-index: 1000; border: solid 1px #82a5bd; }
#nav li:hover ul {display: block;}
#nav ul ul li { color: #fff; float: none; border-right-style: none; }
#nav ul ul li a { color: #fff; 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 #656565; 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 { color: #19148e; background-color: #fff; border-bottom: 1px solid #656565; 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 li.firstItem { border-left: 1px solid #fff; }
#nav ul ul { background-color: #19148e; position:absolute; left: -9999px; }

#nav ul li:hover > ul {left:10px; }
#nav ul ul li:hover > ul {left:100px; }
/* = Menu End = */

#topnav a { color: #609; font-weight: normal; text-decoration: none; padding-right: 2px; padding-left: 2px; }

#topnav a:hover { color: #609; font-weight: normal; background-color: #cff; text-decoration: none; padding-right: 2px; padding-left: 2px;}
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;}

.about { text-align: center; font-size: 15px; word-spacing: 6px; line-height: 25px; position: absolute; margin-top: 245px; margin-right: -25px; margin-left: 470px; }
#classes {font-size: 12px; word-spacing: 6px;}
.quote { color: #220312; font-family: LucidaHandwritRegular; }
hr { background-color: #000; height: 1px; border-top: 1px solid #000; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }
#memberLoginForm, #contact_form, #userRegisterForm { color: #339; background-color: #c8cff4; width: 410px; margin: 15px auto; padding: 5px; border: solid 1px #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 5px 5px 5px #8e7f6d; }
#userRegisterFormnew { color: #339; background-color: #c8cff4; width: 710px; margin: 15px auto; padding: 5px; border: solid 1px #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 5px 5px 5px #8e7f6d; }
#memberLoginForm input[type=text], #memberLoginForm input[type=password], #contact_form input[type=text], #contact_form input[type=password], #userRegisterFormnew input[type=text], #userRegisterFormnew input[type=password] {width: 360px; height: 25px; margin: 10px 25px; border: 1px solid #000000;}
#memberLoginForm textarea, #contact_form textarea,  #userRegisterFormnew textarea { margin: 10px 25px; width: 360px; border: solid 1px #000000; }
#memberLoginForm label, #contact_form label, #userRegisterFormnew label { display: block; color: #339; font-size: 13px; font-weight: bold; padding-left: 25px; }
#memberLoginForm input[type=submit].storeButton, #contact_form input[type=submit].storeButton, #userRegisterFormnew input[type=submit].storeButton {margin: 5px 25px;}
#memberLoginForm div#register  {width: 175px; float: right; padding-right: 25px; text-align: right;}
#memberLoginForm div#forgotPassword {width: 175px; float: left; padding-left: 25px;}
#memberLoginForm div a { color: #235; text-decoration: none; font-size: 13px; font-weight: bold; }
#memberLoginForm div a:hover {color: #235;}
.small { font-size: 12px; }
.small2 { font-size: 11px; }
.class { }
th { text-align: left; }
#userRegisterFormnew th{  }
.memberpad { padding-right: 12px; padding-left: 12px; }
th { text-align: left; }
.clear { clear: both; }
.bluebox { padding: 2px; border: solid 1px #239; }
/* ==== Calendar Styles ==== */

div.date { color: #000; float: right; text-align: center; border-width: 0 0 1px 1px; background-color: #fff; margin-top: -1px; margin-right: -1px; border-color: #c0c0c0; border-style: solid; }

div.time {font-style: italic; text-transform: lowercase;}

div.classtitle {}

table#cal {width: 70%;}

table#calendar {width: 100%; border: solid 1px #c0c0c0;}

table#calendar td {border: solid 1px #c0c0c0; width: 14%; height: 100px;}

caption { color: #0075ce; font-size: 14px; font-weight: bold; }

tr#days { color: black; background-color: #717e74; }

tr#days th {width: 14%; border: solid 1px #c0c0c0; color: #000; background-color: #d8d8d8;}

.emptydate { background-color: #8badce; }

.monthdate { background-color: #ffffff; vertical-align: top; }

.today {background-color: #c4c4c4;}

a.event { color: #362988; font-size: 11px; font-style: normal; line-height: 13px; text-decoration: underline   }

.event { padding-bottom: 12px; }

a.event:link { color: #0075ce; font-style: normal; text-decoration: underline ; margin-bottom: 12px; padding-bottom: 12px; }

a.event:visited { color: #0075ce; font-style: normal; text-decoration: underline ; padding-bottom: 12px; }

a.event:hover { color: #fff; font-style: normal; background-color: #0075ce; text-decoration: none ; padding-bottom: 12px; }

a.event:active { color: #0075ce; font-style: normal; text-decoration: underline ; padding-bottom: 12px; }

#content table { }

.classImage {}

.classList { clear: both; margin-top: 10px; padding: 5px 0; }


#donationsbottom h2 { margin: 0; padding: 0; }

#homedate { color: #253f8f; }

#eventDetail { font-size: 12px; line-height: 14px; width: 25%; float: right; margin-top: 20px; border: solid 1px #243e8c; padding: 5px; }

#eventDetail h2 { text-align: center; display: block; margin: -5px; padding: 3px;}
.credit { font-size: 10px; text-align: center; }
.caption {
	font-size: 8pt;
}
.latest {
	color: #FFFFFF;
	background-color: #663366;
	font-weight: bold;
	border: thin none;
	font-size: 9pt;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 5px;
}


.bigred {
	font-size: 14pt;
	font-weight: bold;
	color: #CC0000;
}
.redbold {
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #FF3300;
}


.column {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	text-align: left;
}
.midcolumn {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #cccccc;
	text-align: left;

}
.homesection {
	padding-top: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.midhead {
	font-weight: bold;
	color: #0066cc;
	font-size: 1.25em
	}