/*CSS Reset - derivative of YUI Reset CSS - http://developer.yahoo.com/yui/reset/#code */
html,body,div,pre,form,fieldset,input,h1,h2,h3,h4,h5,h6,p,textarea,ul,ol,li,dl,dt,dd,blockquote,th,td {  
	margin:0; 
	padding:0; 
}
table { 
	border-collapse:collapse; 
	border-spacing:0; 
}
fieldset,img {  
	border:0; 
} 
address,caption,cite,code { 
	font-style:normal; 
	font-weight:normal; 
} 
ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 

/*Base Styles*/
body {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	background-color: #989898;
	color: #333333;
}
/*Load ASAP*/
/*#masthead h1 {
	width:960px; height:60px;
	display:block;
	text-indent:-9999px;
	background:transparent url(images/logo.jpg) no-repeat top left;
}
*/
#masthead h1 a {
	width:285px; height:100%;
	display:block;
	outline:none;
}
#content p,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6, #content pre,#content ol,#content ul {
	margin: 0 0 0 50px;
}
#content-sub p,#content-sub h1,#content-sub h2,#content-sub h3,#content-sub h4,#content-sub h5,#content-sub h6, #content-sub pre,#content-sub ol,#content-sub ul {
	margin: 0 0 0 50px;
}

a, a:visited, a:active {
	color: #333333;
	text-decoration:underline;
}
a:hover {
	color: #333333;
	
}
a:link img, a:visited img, a:active img {
	border:3px solid #e1e1e1;
}
a:hover img {
	border: 3px solid #464646;
}
.floatRight {
	float:right;
	padding:0 0 10px 10px;
}
.floatLeft {
	float:left;
	padding:0 10px 10px 0;
}
.clear {
	clear:both;
}
h1,h2,h3,h4,h5,h6 {color: #000000; font-weight:bold;}
div.navigation{margin-left:50px;margin-bottom:20px;}
/*------------/*

/*Layout*/
#wrapper { 
	margin: 0 auto; 
	width: 980px;
	text-align:left;
}
#inner { 
	width:980px; 
	float:left; 	
	background:#ffffff url(../../images/bg_body.jpg) repeat-y top center;
}
/* Masthead (Header) */
#masthead {
	width:960px; height:120px;
	margin:0 auto;
	background:#ffffff url(../../images/bg_masthead.jpg) repeat-x top left;
}
#masthead ul {
	display:block;
	width:100%;
	padding-left:20px;
}
#masthead ul li {
	display:block;
	/*width:160px;*/
	float:left;
	line-height:30px;
	text-align:center;
	padding:0 10px 0 10px;
}
#masthead ul li a {
	color: #666666;
	text-decoration:none;
}
#masthead ul li a:hover {
	color: #333333;
	text-decoration:underline;
}
#masthead ul a.teacher {
	color:#000000;
	font-weight:bold;
}
#masthead ul li.contact {
	width:260px;
	padding-left:30px;
	padding-right:50px;
	float:right;
	text-align:right;
}
#masthead ul li.contact a  { 
	font-weight:bold;
	color:#006699;
}

/*Content*/
#content {
	width:590px;
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#content div.article {
	margin-bottom:40px;
}
#content ul, #content ol {
	margin-top:10px;
	margin-bottom:15px;
}
#content ul li {
	background: url(../../images/li_bullets_small.jpg) no-repeat left;
	padding-left:20px;
	margin-bottom:5px;
	margin-left:20px;
}
#content ol li {
	margin-left:40px;
	margin-bottom:5px;
}
#content h2 {
	display:block;
	border-top: 1px solid #cccccc;
	padding-top:10px;
	padding-bottom: 10px;
}
#content h2, #content h2 a, #content h2 a:visited, #content h2 a:active {
	font:bold 26px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:26px;
	text-decoration:none;
}
#content h2 a:hover {
	text-decoration:underline;
}
#content h3 {
	font:bold 17px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:24px;
	padding-bottom:5px;
}
#content h4 {
	color: #333333;
	font-size:13px;
	line-height:13px;
	padding-top:5px;
	padding-bottom:3px;
}
#content p {
	line-height: 20px;
	margin-bottom: 15px;
}

/*Content*/
#content-sub {
	width:95%;
	float:left;
}
#content-sub div.article {
	margin-bottom:40px;
}
#content-sub ul, #content ol {
	margin-top:10px;
	margin-bottom:15px;
}
#content-sub ul li {
	background: url(../../images/li_bullets_small.jpg) no-repeat left;
	padding-left:20px;
	margin-bottom:5px;
	margin-left:20px;
}
#content-sub ol li {
	margin-left:40px;
	margin-bottom:5px;
}
#content-sub h2 {
	display:block;
	border-top: 1px solid #cccccc;
	padding-top:10px;
	padding-bottom: 10px;
}
#content-sub h2, #content-sub h2 a, #content-sub h2 a:visited, #content-sub h2 a:active {
	font:bold 26px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:26px;
	text-decoration:none;
}
#content-sub h2 a:hover {
	text-decoration:underline;
}
#content-sub h3 {
	font:bold 17px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:24px;
	padding-bottom:5px;
}
#content-sub h4 {
	color: #333333;
	font-size:13px;
	line-height:13px;
	padding-top:5px;
	padding-bottom:3px;
}
#content-sub p {
	line-height: 20px;
	margin-bottom: 15px;
}


span.metaComment {
	float:left;
	padding-left:20px;
	margin-left:5px;
	background:url(../../images/comment_bubble.jpg) no-repeat top left;
}


#content a.more-link {
	text-decoration:none;
	display:block;
	height:26px;
	width:140px;
	line-height:26px;
	text-align:center;
	background:#ffffff url(../../images/bg_masthead.jpg) repeat-x center left;
	color:#000000;
}
#content a.more-link:hover {
	text-decoration:underline;
}

/*Sidebar*/
#sidebar {
	width:375px;
	float:right;
}
 #sponsor a img {
		border:0;
		margin:0;
		padding:0;
 }
span.sideCommentNum {
	padding-left:14px;
	background:url(../../images/comment_bubble.jpg) no-repeat top left;
}
/*Comments*/
#sidebar h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	margin-bottom: 5px;
	border-top:5px solid #e5e5e5;
}
#sidebar h2, #sidebar ul, #sidebar ol, #sidebar p, #sidebar div {
	margin:0 35px 5px 15px;
}
#sidebar div#sponsor {
	margin-bottom:30px;
}
#sidebar ul {
	font-size: 12px;
	margin-bottom:30px;
	padding-left:20px;
	list-style:square;

}
#sidebar ul li {
	padding-top: 5px;
	margin-bottom: 10px;
	display:block;
}
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#sidebar ul li a:hover {
	text-decoration:underline;
}
#sidebar ul li.topCommenter {
	font-weight:bold;
}
#sidebar ul li.topCommenter a {
	font-weight:normal;
	display:block;
}
blockquote {
	margin:10px 30px 10px 80px;
	padding:10px;
	color:#333333;
	font-style:italic;
	border-top:1px solid #989898;
	border-bottom: 1px solid #989898;
	background-color: #e9e9e9;
}
#content blockquote p {
	margin:0;
}
/*Footer*/
#footer {
	clear:both;
	width:960px;
	margin:0 auto;
	background:#003664 url(../../images/bg_footer.jpg) repeat-x bottom left;
}
#footer p {
	margin-left:20px;
	color: #ffffff;
	font-size: 11px;
	line-height: 40px;
}
#footer a {
	padding:0 15px 0 15px; 
	color:#FFFFFF; 
	text-decoration:none
}
/*image border*/
#content p img {
	border: 0px solid #CCCCCC;
	padding: 4px;
}
#comments img.avatar {
margin-left:10px;
}

.active { font-weight:bold; }
h2{font-size:150%;}
table.calendar {
    width:95%;
    border:1px solid #888;    
    border-collapse:collapse;
	background-color:#FFF;
	margin-left:50px;
	}
	table.calendar th {
		border-collpase:collpase;
		border:1px solid #888;
		background-color: #E9ECEF;
		text-align:center;
		}
		table.calendar td {
			width:20%;
			height:100px;
			border-collpase:collpase;
			border:1px solid #888;
			text-align:right;
		/*    padding-right:5px;
		*/	text-align:left;
			vertical-align:top;
			font-size:11px;
			}
			.days{
				background-color: #F1F3F5;
				}
				.actday{
					background-color:#FFFFCC;
					}
					.actday2{
						background-color:#CACACA;
						padding:2px; 
						width:100%
						}
						.day{
							background-color:#DDEBFF;
							padding:2px;
							_width:165px;	 
							}
							.event{
								background-color:#000000;
								padding:2px 2px 2px 5px;
								margin:0px 2px 2px 2px;
								color:#FFFFFF;
								}
								.tq{
									background-color:#990000;
									padding:2px 2px 2px 5px;
									margin:0px 2px 2px 2px;
									color:#FFFFFF;
									}
									.hwk{
										background-color:#000099;
										padding:2px 2px 2px 5px;
										margin:0px 2px 2px 2px;
										color:#FFFFFF;
										}
										.pj{
											background-color:#336600;
											padding:2px 2px 2px 5px;
											margin:0px 2px 2px 2px;
											color:#FFFFFF;
											}
											.tq, .hwk, .pj a{
												text-decoration:none;
												}

table.link{
	margin-left:50px;
	border:0;
	width:95%;
	}
	table.link tr{
		border-bottom:#E8E8E8 1px solid;
		width:95%;
		}
		table.link td.first{
			width:50%;
			height:25px;
			}
			table.link a{
				text-decoration:none;
				}
/*******************************************************************************************************************************
Contact
*******************************************************************************************************************************/
#contactForm div { 
	width:100%;
	color:#555;
	float:left;
	margin:5px 0;
	}
	#contactForm div span { 
		color:#555;
		line-height:16px;
		width:300px;
		float:left;
		}
		#contactForm input, select, textarea { 
			width:100%;
			background:#e8f3fd;
			border:1px solid #ccc;
			}
			#contactForm input:hover, select:hover, textarea:hover { 
				border:1px solid #999;
				background:#fafafa;
				}
				#contactForm textarea { 
					height:120px;
						}
					#contactForm .submit { 
						background:#003664;
						color:#FFFFFF;
						border:0px;
						height:24px;
						width:100px;
						}	
						#contactForm .submit:hover { 
							border:0px;
							background:#333333;
							}
								
#year select { 
	width:auto;
	background:white;
	}
	
#showTable { 
		margin:15px;
		background:#ccc;
		float:left;
		width:450px;
		margin-left:100px;
		padding-bottom:7px;
		}
#contactForm label { width: 250px; }
#contactForm label.error { color:#FF0000; }
#contactForm input.error, textarea.error { border:#FF0000 1px solid; }
#signupForm { width: 670px; }
#gradeScale{ 
	width: 200px;
	margin-bottom:15px;
	}
	#gradeScale td{
		height:30px;
		vertical-align:middle;
		text-align:center;
		}