@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(images/misc/bg.jpg);
	background-repeat:repeat;
	background-color:#000;
	font-family:Helvetica, Georgia, Arial, sans-serif; font-size:12px; color:#cccccc; 
	margin:0;
	padding:0;
	width:100%;
}

h1 {
	font-family:Helvetica, Georgia, Arial, sans-serif; font-size:18px; font-weight:bolder; color:#8cc640; display:inline; padding:0px;	margin:0px;	}
	
h2 {
	font-family:Helvetica, Georgia, Arial, sans-serif; font-size:18px; font-weight:bold; color:#cccccc; display:inline; padding:0px;	margin:0px;	 }
	
h3 {
	font-family:Helvetica, Georgia, Arial, sans-serif; font-size:18px; font-weight:lighter; color:#ccc; display:inline; padding:0px;	margin:0px;	text-align:right;}

hr {
	border-width:thin;
	border-style:dotted;
	border-color:#ccc;
		
}

#header {
	width:1010px;
	height:150px;
	text-align:right;	
}

.colmask {
	position:relative; /* fixes IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;	/* width of the whole page */
	overflow:visible;	/* chops off any over hanging divs */
}

.colleft {
	float:left;
	width:100%;
	position:relative;
}

.col1 {
	float:left;
	width: 396px;
	position: relative;
	padding: 0 0 1em 0;
	overflow:hidden;
	text-align:right;
}

.col2 {
	/*float:left;*/
	position:relative;
	padding: 0 0 1em 0;
	overflow:visible;	
	text-align:left;
}
	
#footer {
	clear:both;
	float:left;
	width:100%;
}


/* Welcome Page */

#welcomeLogo {
	float:left;
	position:absolute;
	left:396px;
	top:50px;
	width:530px;
	height:225px;	
	text-align:right;
	
}

#welcomeNews {
	float:left;
	position:absolute;
	left:396px;
	top:150px;
	width:350px;
	height:350px;	
	border-left-width:thin;
	border-left-style:dotted;
	border-left-color:#ccc;
	padding: 15em 0 0 15em;
	
}


/* Staff Page */

#teacherBios {
	float:left;
	position:relative;
	width:540px;
	padding: 0 0 .5em 2.5em;
	text-align:left;
	border-left-width:thin;
	border-left-style:dotted;
	border-left-color:#ccc;
	
}

.teacherImg {
	float:left;
	clear:left;
	position:relative;
	padding-bottom: 2em;
	overflow:hidden;
	text-align:left;	
}

.teacherBody {
	float:left;
	width:360px;
	padding: 0 0 3em 2em;
	text-align:left;
	color:#ccc;	
}


/* Schedule Page */



#schContainer {
	float:left;
	position:relative;
	overflow:visible;
	width:540px;
	padding-left:2.5em;
	text-align:left;
	border-left-width:thin;
	border-left-style:dotted;
	border-left-color:#ccc;
}

.tableWhole {
	margin-bottom:25px;
	padding-right:25px
}

.tableTimeLeft {
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#ccc;
	text-align:left;
	padding: 10px 0 10px 0;
	width:15%;
	
}

.tableClassLeft {
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#ccc;
	border-right-width:thin;
	border-right-style:dotted;
	border-right-color:#ccc;
	text-align:right;
	padding: 10px 10px 10px 0;
	width:34%;
}

.tableTimeRight {
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#ccc;
	overflow:visible;
	text-align:left;
	padding: 10px 0 10px 10px;
	width:17%;
	
}

.tableClassRight {
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#ccc;
	text-align:right;
	padding: 10px 0 10px 0;
	width:34%;
}

.tableHeader {
	border:none;
}




/* Rates Page */
.tableWhole {
	margin-bottom:25px;	
}

.tableRates1 {
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#ccc;
	border-right-width:thin;
	border-right-style:dotted;
	border-right-color:#ccc;
	text-align:right;
	padding: 10px 15px 10px 0;
	width:275px;
}

.tableRates2 {
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#ccc;
	text-align:center;
	padding-left:10px;
	padding: 10px 0 10px 10px;
	width:100px;
	
}

.tableRates3 {
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#ccc;
	border-left-width:thin;
	border-left-style:dotted;
	border-left-color:#ccc;
	text-align:center;
	padding: 10px 0 10px 0;
	width:150px;
}

.tableRatesHeader {
	border:none;
	width:150px;
	text-align:center;
}

/* Policies Page */
#policiesContainer {
	float:left;
	width:545px;
	padding: 0 0 30px 36px;
	text-align:left;
	border-left-width:thin;
	border-left-style:dotted;
	border-left-color:#ccc;
	color:#ccc;	
}


/* Contact Page */

#contactCont {
	float:left;
	position:relative;
	width:540px;
	padding: 0 0 .5em 2.5em;
	text-align:left;
	border-left-width:thin;
	border-left-style:dotted;
	border-left-color:#ccc;
	
}

/* Hyperlink properties */
A:link{
	text-decoration:none;	color:#ccc; }
	
A:visited{
	text-decoration:none;	color:#ccc; }

A:active{
	text-decoration:none;	border:0; color:#8cc640; }
	
A:hover{
	text-decoration:none;	color:#8cc640; }
	
a img {
	border:none;
	text-decoration:none;	
}