/* CSS Document */

html {
	overflow-y:scroll;
}
body {
	padding: 0;
	font: 80% Arial, Verdana, Helvetica, sans-serif;
}
div {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {	
	color: #2600A1;
	text-transform: none;
	border: none;
	text-align:justify;
}
h1 {
	padding: 2px 0px 10px 2px;
	margin: 0;
	font: bold 1.55em/1em Arial, Verdana, Helvetica, sans-serif;
}
h2 {
	border: 1px solid #C80000;
	background: #E0EFF8;
	padding: 2px 0px 2px 2px;
	margin: 0;
	font: italic bold 1.35em/1em Arial, Verdana, Helvetica, sans-serif;
}
h3 {
	border: 1px solid #C80000;
	background: #E0EFF8;
	padding: 2px 0px 2px 2px;
	margin: 0;
	font: italic bold 1.15em/1em Arial, Verdana, Helvetica, sans-serif;
}
h6 {
	border: 1px solid #C80000;
	background: #E0EFF8;
	padding: 2px 0px 2px 2px;
	margin: 0;
	font: italic bold 1em/1em Arial, Verdana, Helvetica, sans-serif;
}	
img {
	border: none;
}
label {
	font-weight: bold;
}
a {
	color: #C80000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.sep {
	display:none;
}


/* Template */

#wrap {
	margin: auto;
	width: 900px;
	color: #003;
	background: transparent url(../images/side-swirls_l.gif) no-repeat;
	border-top:3px solid navy;
	border-bottom:3px solid navy;
	border-left:3px solid navy;
}
#header {
	text-align:center;
	margin: 0px 0px 0px 60px;
	height: 80px;
	padding: 15px 0px 0px 0px;
	width:840px;
	background: transparent url(../images/top-swirls_a.gif) no-repeat;
}
#bodyright {
	margin: -3px 0px -3px 15px;
	padding: 0px 15px 0px 0px;
	width: 900px;
	color: #003;
	background: transparent url(../images/side-swirls_r.gif) no-repeat right top;
	border-top:3px solid navy;
	border-bottom:3px solid navy;
	border-right:3px solid navy;
}
#footer {	
	margin-left: 10px;
	height: 48px;
	padding: 9px 15px;
	text-align: right;
	color: #66ABD6;
	line-height: 1.2em;
}
#parent {
	text-align: -moz-center;
	color:#0000CC;
	margin-left:-60px;
}
#parent TD.normal {
	background-color:#0000CC;
	width:150px;
	text-align: center;
	border:solid medium #3366FF;
	vertical-align:middle;
}
#parent TD.over {
	background-color:#3366FF;
	width:150px;
	text-align: center;
	border:solid medium #3366FF;
	vertical-align:middle;
}
#header a {
	color: gold;
	font-weight: bold;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}

#times {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 310px;
	color:#0000CC;
	display:none;
	text-align: left;
}
#attendance {
	margin:0px 0px 0px 468px;
	color:#0000CC;
	display:none;
	text-align:left;
}
TD.normal {
	background-color:#0000CC;
	width:250px;
	text-align:center;
	border:solid medium #3366FF;
	vertical-align:middle;
	padding:3px 0px 3px 0px;
}
TD.over {
	background-color:#3366FF;
	width:250px;
	text-align:center;
	border:solid medium #3366FF;
	vertical-align:middle;
	padding:3px 0px 3px 0px;
}
#bodytop {
	margin: 0 25px;
	margin-left: 28px;
	height: 18px;
	background: #FFF url(../images/body-t.gif) repeat-x top;
}
#bodytopleft {
	margin-left: 10px;
	height: 18px;
	width: 18px;
	float: left;
	background: transparent url(../images/body-tl.gif) no-repeat right top;
}
#bodytopright {
	margin-left: 0px;
	margin-right: 10px;
	height: 18px;
	width: 18px;
	float: right;
	background: transparent url(../images/body-tr.gif) no-repeat right top;
}
#bodybot {
	margin: 0 15px;
	margin-left: 28px;
	height: 18px;
	background: #FFF url(../images/body-b.gif) repeat-x bottom;
}
#bodybotleft {
	margin-left: 10px;
	height: 18px;
	width: 18px;
	float: left;
	background: transparent url(../images/body-bl.gif) no-repeat right top;
}
#bodybotright {
	margin-left: 0px;
	margin-right: 10px;
	clear: both;
	height: 18px;
	width: 18px;
	float: right;
	background: transparent url(../images/body-br.gif) no-repeat right bottom;
}
#body {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFF url(../images/body-r.gif) repeat-y right top;
}
#body .gutterl {
	background: transparent url(../images/body-l.gif) repeat-y left top;
}
#body .gutterr {
	background: transparent url(../images/body-r.gif) repeat-y right top;
	padding: 0px 0px 0px 50px;
}
#content {
	margin-right: 50px;
	font-size: 1em;
	line-height: 1.15em;
	min-height:450px;
	overflow:hidden; 
}
#content TD {
	vertical-align:middle;
}
#content .attendance {
	vertical-align:top;
	text-align:left;
	float:left;
	width:200px;
}

#content .left {
	width:220px;
	margin:10px 0px 0px 0px;
	float:left;
}
#content .middle {
	width:290px;
	margin:10px 0px 0px 20px;
	float:left;
}
#content .right {
	width:220px;
	margin:10px 0px 0px 20px;
	float:left;
}