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

body {
	background-image: 	url(images/background.jpg);
	background-repeat: 	repeat-x;
	margin: 			0px;
	padding: 			0px;
}

body,td,th {
	font-family: 		Georgia, Times New Roman, Times, serif;
	font-size: 			14px;
}

/***************************************************/
/*                HTML tag styles                  */
/***************************************************/

a:link {
	text-decoration: 	none;
	color: 				#FFFFFF;
}
a:visited {
	text-decoration: 	none;
	color: 				#FFFFFF;
}
a:hover {
	text-decoration: 	underline;
	color: 				#FFFFFF;
}
a:active {
	text-decoration: 	none;
	color: 				#FFFFFF;
}
#textBody a {
	color: 				#003399;
}

/***************************************************/
/*                main div styles                  */
/***************************************************/

#wrap {
	width:				916px;
	margin:				0 auto;
	background:url(images/css_images/textBodyWrap.jpg);
}

#nav {
	padding-left:10px;
	margin-bottom: 24px;
	margin-top: 12px;
	color:#FFF;
}
	
#mainIndexClear {
	float:left;
	height:803px;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/welcome.jpg);
	background-repeat:no-repeat;
}

#mainInteriorClear {
	float:left;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/welcomeInterior.jpg);
	background-repeat:no-repeat;
}

#sidebar{
	float:left;
	width:166px; /*total width is 186px*/
	height:803px;
	padding:10px;
	background-image:url(images/css_images/sidebar.jpg);
	background-repeat:no-repeat;
	}

#sidebarInterior{
	float:left;
	width:166px; /*total width is 186px*/
	height:803px;
	padding:10px;
	background-image:url(images/css_images/sidebarInterior.jpg);
	background-repeat:no-repeat;
	}

#sidebarTop {
	margin-top: 42px;
	height: 590px;
	color: #FFF;
	}

#textBody {
	width: 680px;
	padding-left:10px;
	padding-top:5px;
	}

#announcement {
	width: 294px;
	height: 230px;
	margin-top: 79px;
	margin-left: 32px;
	}

#newsHeader {
	margin-top: 62px;
	}

#newsColumnRight {
	float:right;
	width:335px;
	height:220px;
	padding-right: 20px;
	padding-top: 10px;
	}

#newsColumnLeft {
	width: 335px;
	height:220px;
	padding-top: 10px;
	}

#footer {
	clear:both;
	background-image:url(images/css_images/footer.jpg);
	background-repeat:no-repeat;
	}

#spaceHeader {
	height:69px;
	}

#spaceLogo {
	height:124px;
	}

/**************************************************/
/* ------ College page-specific formatting ------ */
/**************************************************/

#mainIndexCollege {
	float:left;
	height:803px;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/college.jpg);
	background-repeat:no-repeat;
}

#mainInteriorCollege {
	float:left;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/collegeInterior.jpg);
	background-repeat:no-repeat;
}

/**************************************************/
/* ---- High School page-specific formatting ---- */
/**************************************************/

#mainIndexHighSchool {
	float:left;
	height:803px;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/highschool.jpg);
	background-repeat:no-repeat;
}

#mainInteriorHighSchool {
	float:left;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/highschoolInterior.jpg);
	background-repeat:no-repeat;
}

/**************************************************/
/* ----- eStudent page-specific formatting ------ */
/**************************************************/

#mainInteriorStudent {
	float:left;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/estudent.jpg);
	background-repeat:no-repeat;
}

#mainIndexStudent {
	float:left;
	height:803px;
	width:710px; /*One thing to take note of here is that when we added padding to #main and #sidebar, we subtracted the width of the LEFT and RIGHT paddings from each element’s width. This is how the CSS box model works*/ /*total width is 730px*/
	padding:10px;
	background-image:url(images/css_images/estudentInterior.jpg);
	background-repeat:no-repeat;
}

/***************************************************/
/* ---------------- style formats ---------------- */
/***************************************************/

ol,ul {padding-left: 77px; padding-right: 35px;}
h1,h2,h3 {margin:0 0 1em;}
hr {color: #003399; height: 2px; width: 708px; float: left;}

.style1 {font-size: 18px; font-weight: bold;}
.style3 {font-size: 14px; color: #FFFFFF;}
.style4 {font-size: 16px}
.style8 {font-size: 16px; font-weight: bold;}
.style9 {color: #FFFFFF}
.style10 {font-size: 18px}
.style11 {color: #FFFFFF; font-weight: bold;}
.style12 {color: #527C3D;}
.floatpicright {float: right;}

/**************************************************/
/* ----- Timetable page-specific formatting ----- */
/**************************************************/

/* Style for timetable page table */
.timetableSched {
	text-align: 			left;
	margin: 				0 auto;
	background-color: 		#003399;
}

/* Padding for timetable page table  */	
.timetableSched td {
	background-color: 		#FFFFFF;
	padding: 				1pt 2pt 1pt 2pt;
}

/* Valignment for timetable page table  */	
.timetableSched tr {vertical-align: top;}