html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body {
/* original color #8C8ABD 9fbb8e */
background-color: #8C8ABD;
margin: 0;
padding: 0;
}

#maincontainer {
background: url('../_images/_bg_sbook.gif') no-repeat center 0;
height: 814px;
margin: 0 auto;
text-align: center;
width: 895px;
zoom: 100%;
}
#logo {
height: 84px;
margin: 20px 0 0;
width: 780px;
}
#contentcontainer {
background: #fff;
border: 1px solid #2C358F;
border-width: 0 1px 1px;
font-family: Arial;
font-size: 12px;
margin: 10px auto 0;
width: 778px;
}
#contentcontainerinner {
height: 610px;
overflow: auto;
padding: 14px;
text-align: left !important;
}
#navcontainer {
background: #fff;
border: 3px solid #2C358F;
border-width: 3px 0;
text-align: center;
}
#footercontainer {
background: #fff;
font-family: Arial;
font-size: 11px;
margin: 10px auto 0;
padding: 7px;
text-align: left;
width: 766px;
}
.indexcaption {
background: #E73B9B;
color: #fff;
font-family: Arial;
font-size: 18px;
line-height: 24px;
height: 24px;
text-align: center;
width: 155px;
}
.submitbutton {
background: #E73B9B;
color: #fff;
font-family: Arial;
font-size: 18px;
line-height: 24px;
height: 30px;
text-align: center;
width: 130px;
}
.text {
color: #2C358F;
font-family: Arial;
font-size: 12px;
line-height: 24px;
text-align: left;
}
.bluetext {
color: #2C358F;
font-family: Arial;
}
.greentext {
color: #58BB00;
font-family: Arial;
}
.greytext {
color: #6A6A6A;
font-family: Arial;
}
.pinktext {
color: #DF057B;
font-family: Arial;
}
.pinktext a {
color: #E73B9B;
font-family: Arial;
text-decoration: underline;
}
.smalltext {
font-family: Arial;
font-size: 11px;
}
.mediumtext {
font-family: Arial;
font-size: 14px;
}
.mlargetext {
font-family: Arial;
font-size: 18px;
}
.largetext {
font-family: Arial;
font-size: 24px;
}
.headline {
font-family: Arial;
font-weight: bold;
font-size: 20px;
}
.subheadline {
font-family: Arial;
font-weight: bold;
font-size: 14px;
}
p {
font-family: Arial;
font-size: 12px;
margin-bottom: 14px;
}
.pinklink {
color: #E73B9B;
}
.pinklink a:link, .pinklink a:active, .pinklink a:visited, .pinklink a:hover {
color: #E73B9B;
font-family: Arial;
text-decoration: none;
}
.pinklink a:hover {
text-decoration: underline;
}
.clear {
clear: both;
font-size: 0;
height: 0;
zoom: 100%;
}

.classestable {
border: 1px solid #ccc;
border-collapse: collapse;
}
.classestable td {
border: 1px solid #ccc;
padding: 7px;
}
.classdivider {
border-top: 1px solid #2C358F;
margin-top: 10px;
padding-top: 10px;
}
p {
line-height: normal !important;
}

label {
float: left;
width: 100px;
text-align: left;
line-height: 18px;
}
input {
width: 175px;
font-family: Arial;
font-size: 12px;
margin-bottom: 7px;
}
input.button {
width: 100px;
font-family: Arial;
border: 1px solid #000;
color: #000;
background-color: #fff;
}
.subnav {
background-color: #2C358F;
border-bottom: 3px solid #2C358F;
color: #fff;
padding: 0px;
text-align: center;
}
.subnav a:link, .subnav a:active, .subnav a:visited, .subnav a:hover {
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
}




#container{width:778px;margin:auto;font-size:11pt;}

#menu, #activemenu{position:absolute; line-height: 22px;}
#menu ul .item, #activemenu ul .item{display:none;}

#menu ul:hover .item{display:block;background:#2C358F;padding:1px;margin:1px;}

#menu ul:hover .item a{color:#fff;text-decoration:none; font-weight: normal!important;}
#menu ul:hover .item a:hover{color:#fff; text-decoration: underline;}

#menu ul{font-size: 11px;float:left;margin:0px;padding:2px;background:#fff;list-style:none; text-align: center; border-right: 1px solid #2C358F;}


#menu ul li a { color: #000; font-weight: bold; text-decoration: none; }
#menu ul li a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
#menu ul:hover {background: #2C358F;color: #fff;}
#menu ul:hover a {color: #fff;}

#menu ul li span { background: #2C358F; display: block; }
#menu ul li span a { color: #fff; }
.clear{clear:both;height:10px;}


table.classsched {
border-collapse:collapse;
border-spacing:0px;
}
table.classsched th {
background:#DBE2F1 none repeat scroll 0% 0%;
border-bottom:2px solid #FFFFFF;
font-weight:bold;
padding: 7px 7px;
text-align:left!important;
}
table.classsched td {
background:#DBE2F1 none repeat scroll 0% 0%;
border-bottom:2px solid #FFFFFF;
padding: 7px 7px;
text-align:left;
vertical-align: top;
}
table.classsched thead th {
background:#687EAB none repeat scroll 0% 0%;
color:#FFFFFF;
text-align:center;
}
table.classsched th.Corner {
text-align:left;
}
th#day { width: 50px; }
th#date { width: 50px; }
th#class { }
th#time { width: 100px; }
th#classfee { width: 80px; }
td.separator { padding: 0; background: #687EAB!important; height: 1px!important; overflow: hidden!important; }