body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	padding-top: 10px;
	}

a:link {
	color: #000;
	text-decoration: underline;
	border: none;
}
a:active {color: #00F; text-decoration: underline; border: none}
a:visited {color: #000; text-decoration: underline; border: none }
a:hover {color: #00f; text-decoration: none; border: none}


	

.mainpage #container {
	width: 800px;
	text-align: left;
	height: 460px;
/*	margin-top: 20px;*/
	margin-right: auto;
	margin-left: auto;
	}

.mainpage #logo {
	background-image: url(../images/topleftcorner.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 100px;
	float: left;
}




.mainpage #topmenu {
	width: 700px;
	height: 50px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
	float: left;
	background-image: url(../images/topbar.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 10px;
	border-left-width: 0px;
	}
	
	.mainpage  #textarea {
	background-color: #99CDFF;
	height: 410px;
	width: 690px;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	overflow: auto;
	list-style-type: disc;
	text-align: left;
}

/*.mainpage #navigation #but1 {
	height: 30px;
	width: 100px;

	background-image: url(../images/button/but_home.jpg);
}

.mainpage #navigation  #but2 {
	height: 30px;
	width: 100px;

	background-image: url(../images/button/but_aboutus.jpg);
	}

.mainpage #container  #but3 {
	height: 30px;
	width: 100px;

	background-image: url(../images/button/but_news.jpg);
}

.mainpage #container  #but4 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_classes.jpg);
}

.mainpage #container  #but5{
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_lamda.jpg);
}

.mainpage #container  #but6 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_parties.jpg);
}

.mainpage #container  #but7 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_workshop.jpg);
}

.mainpage #container  #but8 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_fees.jpg);
}

.mainpage #container  #but9 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_tandc.jpg);
}

.mainpage #container  #but10 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_contact.jpg);

}
.mainpage #container  #but11 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_teachers.jpg);
}
.mainpage #container #but12 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_timetable.jpg);
}
	
	.mainpage #container #but13 {
	height: 30px;
	width: 100px;
	background-image: url(../images/button/but_timetable.jpg);
}*/
	.mainpage  #navigation {
	width: 100px;
	height: 380px;
	background-color: #9ef;
	background-image: url(../images/button/buttonbkgrd.jpg);
	background-repeat: repeat-y;	
	}
 

table {
	background-color: #FF9;
	border: thin groove #FFF;
	width: 550px;
	}

	
td {
	border:thin groove #fff;
	height: 30px;
	
	}
	
	/*- Top Left Banner--------------------------- */
#topleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 197px;
	width: 196px;
	background: url(TLbanner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none; 
	
	}