/*--------------------------------- Essential stuff --------------------------------------*/

* { margin: 0px; padding: 0px; border: none; outline: none; }

body {
	font-family: Tahoma, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	background: #2B292C url(../images/structure/body.gif) repeat-x scroll center 50px;
	color: #333;
}
body.live { background-position: center -5px; }
.mceContentBody {
	background: none !important;
	padding-top: 0 !important;
}

a { text-decoration: underline; color: #14478C; outline: none; }
a:hover{ text-decoration: underline; color: #C1131E; }

.clearer { clear: both;}
.mceContentBody .clearer {width: 90% !important; height: 4px !important; border-bottom: 1px dotted #FF33CC !important; }
ul, ol, p { margin: 0 0 20px 0; }
ul li, ol li { margin: 0px 0px 5px 20px; }
ul, ol { margin-top: 5px;}

#basis {
	margin: 0 auto;
	width: 970px;
}
td p { font-size: 12px; }
/*--------------------------------- Header area --------------------------------------*/

#header {
	padding-top: 10px;
	background: #C53F0A url(../images/structure/header.gif) repeat-x;
}

#header-inner {
	margin: auto;
	width: 970px;
	height: 100px;
	overflow: hidden; /* This fixes some crazy bug in IE */
}

#logo {
	display: block;
	width: 410px;
	height: 100px;
	background: url(../images/structure/classervices-logo.gif) no-repeat;
}

#logo h1 { text-indent: -9999px; }

/*--------------------------------- Main navigation --------------------------------------*/

#mainav {
	margin-bottom: 5px;
	background: #2B292C url(../images/structure/mainav.gif) repeat-x;
}

#mainav-inner {
	padding-top:8px;
	margin: 0 auto;
	width: 970px;
	height: 32px;
	background: url(../images/structure/logo-tail.gif) no-repeat;
}

#mainav-inner #nav_ul {
	margin: 0;
	padding: 0px;
	margin-left: 100px;
}

#mainav-inner ul li {
	float: left;
	position:relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding: 4px 0;
}

#mainav-inner ul li a {
	display: inline;
	padding: 12px 18px 0px 18px;
	height: 30px;
	font-size: 15px;
	font-family: georgia,"ms trebuchet",helvetica,arial,sans-serif;
	background: url(../images/structure/main-menu-line.gif) no-repeat top right;
	text-decoration: none;
	color: #F6E7C6;
	cursor: pointer;
}
#mainav-inner ul li.nav_selected a {
color:#ffcc00;
}

#mainav-inner ul li a.last {
	background: none;
}

/* second level nav */
#mainav-inner li ul {
	position: absolute;
	top:20px;
	left:15px;
	display:none;
	border-top:none;
	width:202px;
}
#mainav-inner li ul li {
	width:200px;
	border-bottom:1px solid #F6E7C6;
	background-color: #2b292c;
	margin-left:0;
	margin-right:0;
	padding:0;
	display:block;
	z-index: 20;
}
#mainav-inner li ul a {
	display:block;
	height: 20px;
	text-align:left;
	font-size: 15px;
	padding:4px 4px 2px 4px;
	text-decoration: none;
}

/* Fix IE. Hide from IE Mac \*/
* html #mainav-inner ul li { float: left; height: 1%; }
* html #mainav-inner ul li a { height: 1%; }
/* End */

#mainav-inner li:hover ul, #mainav-inner li.over ul { display: block;  }
#mainav-inner #nav_ul li ul li a {
color:#F6E7C6;
}
#mainav-inner #nav_ul li ul li.nav_selected a {
color:#ffcc00;
}
#mainav-inner #nav_ul li ul li a:hover {
background-color:#bd3206;
color:#fff;
}


/*--------------------------------- Sub navigation --------------------------------------*/

#sub-menu {
	margin: 0px 0px 20px 0px;
	width: 280px;
	list-style: none;
	background: url(../images/structure/sub-nav.png) no-repeat;
}

#sub-menu li {
	margin: 0px;
	font-weight: bold;
}
#sub-menu li a {
	display: block;
	padding: 7px 10px 8px 10px;
	width: 260px;
	text-decoration: none;
	background: url(../images/structure/sub-nav-item.png) no-repeat 0px -32px;
	color: #444;
}

#sub-menu li a:hover {
	background: url(../images/structure/sub-nav-item.png) no-repeat;
	color: #14478C;
}
#sub-menu li.nav_selected ul li a {
	color: #444;
}
#sub-menu li.nav_selected a {
	color: #14478C;
}
#sub-menu li ul {
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0;
list-style: none;
}
#sub-menu li ul li a {
	width: 240px;
}
#sub-menu li ul li ul li a {
	width: 220px;
}

/*--------------------------------- Inner content --------------------------------------*/

#content-inner h2 {
	margin-bottom: 20px;
	padding-bottom: 7px;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px solid #E2D9C7;
	color: #B12129;
}

#content-inner h3 {
	font-size: 14px;
	color: #1B4669;
}
#content-inner h4 {
	font-size: 13px;
}
#content-inner h5 {
	font-size: 12px;
}
#content-inner ul li {
	padding-left: 18px;
	list-style: none;
	background: url(../images/structure/list-arrow.gif) no-repeat 0px 2px;
}

#content-inner blockquote {
	margin: 0px 20px;
	padding: 10px 10px 5px 10px;
	font-style: italic;
	font-size: 12px;
	background: #F3EBCE;
	margin-bottom:5px;
}

#content-inner blockquote.not-fancy {
	font-style: normal;
}
#content-inner blockquote.not-fancy strong {
	font-style: italic;
}

#content-inner img-left {
	float: left;
	margin:5px 10px 10px 0;
}
#content-inner img-right {
	float: right;
	margin: 5px 0 10px 10px;
}
#content-inner .img-left-border {
	background:#F5F5F2;
	border:1px solid #D8D6CE;
	float:left;
	margin:5px 10px 10px 0;
	padding:10px 10px 15px;
}
#content-inner .img-right-border {
	background:#F5F5F2;
	border:1px solid #D8D6CE;
	float:right;
	margin: 5px 0 10px 10px;
	padding:10px 10px 15px;
}

/*--------------------------------- Miscellaneous --------------------------------------*/
.summary-text {
	padding: 5px 0px;
	border-bottom: 1px solid #E2D9C7;
	margin-bottom: 10px;
}
.summary-text a {text-decoration: none;}
.summary-text small {
	font-size: 12px;
	color: #333;
}

.summary-text h4 {
	font-size: 14px;
	font-family: "MS Trebuchet",Arial, sans-serif;
}
.summary-text h5 {
	font-size: 13px;
	font-family: "MS Trebuchet",Arial, sans-serif;
	color: #B12129;
}
.summary-text h6 {
	font-size: 13px;
	font-family: "MS Trebuchet",Arial, sans-serif;
	color: #333;
	font-style: italic;
}
.summary-text .read-more {
	color: #6E6345;
}

.date-calendar {
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 10px;
	width: 53px;
	height: 51px;
	text-align: center;
	text-transform: uppercase;
	background: url(../images/structure/calendar.png) no-repeat;
}

.date-calendar big { font-size: 22px; }
.top-page {
	text-align: right;
	background: url(../images/structure/top_13px.png) no-repeat top right;
	padding-right: 16px;
}
#content-inner blockquote.quote-small {
	background: url(../images/structure/quote_small.png) no-repeat top left;
}
#content-inner blockquote.quote-large {
	padding-top: 20px;
	padding-left: 20px;
	background: url(../images/structure/quote_large.png) no-repeat 0 5px;
	font-style: italic;
	border-top: 1px solid #D3CDB7;
	border-bottom: 1px solid #D3CDB7;
	border-left: none;
	font: 16px georgia, serif;
	font-style: italic;
	margin-bottom: 20px;
	color: #6A6240;
}
#content-inner blockquote.quote-large p {
	margin-bottom: 10px;
}
.loading {
	width:600px;
	height: 100px;
	z-index:10;
	background: url(../images/structure/spinner.gif) no-repeat 50% 70%;
}
/*--------------------------------- Side content --------------------------------------*/

.content-side {
	float: right;
	padding: 10px 10px 10px 0px;
	width: 280px;
}
.content-side h2 {
	margin-bottom: 5px;
	color: #333;
	font-variant:small-caps;
	font-size: 14px;
}
.content-side h3 {
	margin-bottom: 5px;
	color: #1b4669;
}
.content-side ul li, .content-side ol li { margin-bottom: 0; }
.side-banners a {
	display: block;
	height: 100px;
	width: 280px;
	margin-bottom: 5px;
}

#store_banner {
	background: url(../images/banners_280px.jpg) no-repeat 0 -120px;
}
#communique_banner {
	background: url(../images/banners_280px.jpg) no-repeat 0 -240px;
}
#faculty_banner {
	background: url(../images/banners_280px.jpg) no-repeat 0 -360px;
}
#classroom_banner {
	background: url(../images/banners_280px.jpg) no-repeat 0 -0px;
}
/*--------------------------------- Bottom content --------------------------------------*/

#content-bottom {
	width: 970px;
	height: 50px;
	background: url(../images/structure/footer.gif) no-repeat;
}

/*--------------------------------- Footer --------------------------------------*/

#footer {
	margin: auto;
	margin-bottom: 20px;
	width: 930px;
}

#footer ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul li a {
	padding: 0px 8px;
	border-right: 1px solid #544F4C;
	text-decoration: none;
	color: #333;
}

#footer ul li a:hover {	text-decoration: underline; }

#footer p { color: #999; }
#footer a { color: #fff; }

#footer ul li a.last, #main-menu li a.last {
	border: none !important;
	background: none !important;
}

/*--------------------------------- form --------------------------------------*/
fieldset{
	padding-bottom: 20px;
	border-bottom: 1px dotted #444;
}
	fieldset.fieldset_no_style{
		margin:0;
		border:none;
	}

.form_required{
	color:#990000;
}
.form_error input{
	background:#FFFF99;
}
.form_error select{
	background:#FFFF99;
}

legend{
	color:#000;
	line-height:22px;
	letter-spacing:.04em;
	padding:20px 4px 5px 0;
	font-size:110%;
	font-weight:bold;	
}
	legend em{
		color:#990000;
		font-weight:normal;
		font-size: 90%;
		background: url(../images/structure/field_required.gif) no-repeat right 0 ;
		padding-right: 12px;
	}
	form dl {
		margin-right: 10px;
		padding-top: 5px;
	}
	form dt, form dd{
		padding:0px;
	}
		form dt{
			margin-top:7px;
			font-size: 13px;
		}
		form dt.form_required {
			background: url(../images/structure/field_required.gif) no-repeat 0 5px ;
			padding-left: 12px;
		}
	form dd input, form dd textarea, select {
		border: 1px solid #C3B69A;
	}
	form dd span {
		color: #000;
		margin-left: 5px;
	}
	.clear_both{
		clear:both;
	}
	
	.float-left{
		float:left;
	}
	.inline{
	}
		.inline dt{
			display:inline;	
			margin-left: 10px;
		}
		.inline dd{
			display:inline;
		}
	.radio_side_by_side dd{
		float: left;
		margin-right:2px;
		padding-top: 4px;
	}
#submit, .form-button {
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0;
	font-variant: small-caps;
	border-top: 1px solid #BBB895;
	border-left: 1px solid #BBB895;
	border-bottom: 1px solid #797860;
	border-right: 1px solid #797860;
	background: #E3E1BB;
}
.submit_button{
	text-align:center;
	margin-top: 10px;
	padding-top: 10px;
}
.form_msg_error {
	border: 1px solid #ccc;
	background: #ff9;
	padding: 4px;
}
#content-inner .form_msg_error h3 {
	color: #900;
	background: url(../images/structure/alert_16px.gif) no-repeat bottom left;
	padding-left: 20px;
	font-size: 16px;
}
.error_list li{
	line-height:20px;
}		
.error_list strong{
	color:#990000;
	font-weight:bold;
}

/*--------------------------------- icons --------------------------------------*/
.more {
	background: url(../images/structure/more_less_21px.png) no-repeat top right;
	padding-right: 64px;
	padding-bottom: 5px;
}
.expand {
	background: url(../images/structure/expand_16px.gif) no-repeat bottom left;
	padding-left: 20px;
}
.posted a {
	font-size: 100%;
	color: #666;
	text-decoration: none;
}
.posted a:hover {
	color: #333;
}
a.postedLink {
	background: url(../images/structure/file_icon_10px.gif) no-repeat 0 1px;
	padding-left:16px;
}
a.commentsLink {
	background: url(../images/structure/comment_icon_10px.gif) no-repeat 0 1px;
	padding-left: 16px;
	margin-left: 2px;
}
.website-link {
	background: url(../images/structure/website_16px.gif) no-repeat bottom left;
	padding-left: 20px;
	padding-top: 5px;
}
.register-link {
	background: url(../images/structure/edit_16px.gif) no-repeat bottom left;
	padding-left: 20px;
	padding-top: 5px;
}
p.alert {
	background: url(../images/structure/alert_16px.gif) no-repeat bottom left;
	padding-left: 20px;
}

.rss-email a	{ font-size: 13px; background: transparent url(http://www.feedburner.com/fb/images/pub/feed-icon16x16.png) center left no-repeat; padding-left: 20px; }
/*--------------------------------- CMS --------------------------------------*/
table.code-timer {
	margin-top: 20px;
	border-collapse:collapse;
	border:1px solid #777;
}
table.code-timer th {
	text-align: left;
	font-weight: bold;
	background: #CDCC91;
	padding: 2px 5px;
}
table.code-timer td {
	text-align: left;
	padding: 2px 4px;
}
table.code-timer tr.alt-color td {
	background: #F0EBD3;
}