/* CSS Document */
body {
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	}

h4 {
	font-size:12px;
	}
	
hr {
	width:70%;
	}	
a:link {
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	}
a:hover {
	text-decoration:none;
	color:#900;
	}
	
a {
	text-decoration:none;
	color:#333333;
	}	
	
p {
	font-size:14px;
	}	
/*This is the actual design setup
 The main box...which contains ALL the information*/
#main {
	height:684px;
	width:866px;
	margin:0 auto 0 auto;
	position:relative;
}

#topleft {
	background-image:url(images/School-designv1_03.gif);
	width:176px;
	height:155px;
	position:relative;
	float:left;
	left:0px;
	top:0;
	}
#txtbanner {
	background:none;
	text-align:center;
	position:absolute;
	margin:0 auto 0 auto;
	height:auto;
	width:auto;
	left:380px;
	color:#990000;
	text-shadow:#999999;
	}
	
#topbanner {
	background-image:url(images/School-designv1_05.gif);
	width:691px;
	height:57px;
	position:absolute;
	left:176px;
	top:78px;
	
	}	
	
#leftsidebar {
	background-image:url(images/School-designv1_09.gif);
	background-repeat:no-repeat;
	width:176px;
	height:529px;
	position:absolute;
	top:155px;
	left:0px;
	padding:25px 25px 5px 0px;
	text-align:center;
	}	

#contentbox {
	background-image:url(images/School-designv1_07.gif);
	width:648px;
	height:515px;
	position:absolute;
	left:176px;
	top:135px;
	text-align:center;
	padding:15px 20px 10px 10px;
	background-repeat:no-repeat;
	}
#contents {
	background:none;
	position:relative;
	margin:0 auto;
	width:615px;
	font-size:20px;
	top:9px;
	left:-7px;
	}	
#rightbar {
	background-image:url(images/School-designv1_08.gif);
	width:43px;
	height:515px;
	position:absolute;
	left:824px;
	top:135px;
	}
	
#bottombar {
	background:url(images/School-designv1_10.gif) no-repeat;
	width:691px;
	height:34px;
	position:absolute;
	top:650px;
	left:176px;
	text-align:left;
	color:#FFFFFF;
	font-size:18px;
	padding-left:10px;
	}