body { color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
p {}
a { color: #2d3b95; font-style: normal; text-decoration: underline; outline: none medium; }
a:hover { color: #fff; font-style: normal; background-color: #2d3b95; text-decoration: underline  }
a img { background-color: transparent; border-style: none; } /* For sucky Firefox */
h1, h2, h3, h4, h5, h6 { color: #2d3b95; font-weight: 600; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
h1.pageTitle { text-indent: -1000em; visibility: hidden; }
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h2.pageHeading {/*text-indent: -1000em;*/ }
h2.productName {text-align: center; font-weight: bold; font-size: 14px;}
h3 {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: #2d3b95; text-decoration: none; margin-right: 10px; margin-left: 10px; padding: 2px 4px; border: solid 2px black; -moz-border-radius: 15px; border-radius: 15px; }
.showButton { color: #040404; font-size: 14px; background-color: #35d0f6; text-decoration: none; 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: #2d3b95; 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: #2d3b95; 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: #2d3b95; 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 {border-bottom: 1px solid #2d3b95; font-size: 10px; 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 #fff;}
#nav a {text-decoration: none; float: left;}
#nav li { position: relative;}
#nav a {color: #fff; padding: 4px 3px 3px 4px;  }
#nav a:hover, #nav ul li:hover > a{color: #2d3b95; background-color: #fff; }

#nav ul ul { display: none; position: absolute; top: 22px; background-color: #2d3b95; text-align: left; width: 175px; z-index: 1000; border: solid 1px #82a5bd; }
#nav li:hover ul {display: block;}
#nav ul ul li { 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: #2d3b95; 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: #2d3b95; position:absolute; left: -9999px; }

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

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

#topnav a:hover { color: #fff; font-weight: normal; background-color: #2d3b95; 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: #fff; background-color: #2d3b95; 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: #fff; background-color: #2d3b95; 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: #fff; 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: #fff; text-decoration: none; font-size: 13px; font-weight: bold; }
#userRegisterFormnew a { color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; }
#memberLoginForm div a:hover {color: #808080;}
#userRegisterFormnew a:hover {color: #808080;}
.small { font-size: 12px; }
.small2 { font-size: 11px; }
.class { }
th { text-align: left; }
#userRegisterFormnew th{ color: #fff; }
.memberpad { padding-right: 12px; padding-left: 12px; }
th { text-align: left; }
.clear { clear: both; }
.bluebox { padding: 2px; border: solid 1px #239; }
.pagebreak {page-break-before: after; }
/* ==== 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 { font-size: 12px; 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: 12px; font-style: normal; line-height: 13px; text-decoration: underline   }

.event { padding-bottom: 12px; }

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

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

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

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

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

#eventDetail h2 { font-size: 16px; text-align: center; display: block; margin: -5px; padding: 3px; }
.credit { font-size: 10px; text-align: center; }
.caption {
	font-size: 8pt;
}
/* ==== Calendar Styles end ==== */
.showentry { margin-bottom: 12px; padding: 5px; border: solid 12px #362988; }