body{
	background-color : #32321D;
	background-image : url(images/backgroundmain.gif);
	background-position : top left;
	background-repeat : repeat-x;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	text-align : center;
	}
	
h1{
	text-align : center;
	font-size : 1.7em;
}

h2{
	font-size : 1.5em;
}

h3{
	font-size : 1.3em;
}

.worddownload{
	list-style-image : url(images/word.gif);
	padding-left : 4px;
}

.pdfdownload{
	list-style-image : url('images/pdf.gif');
	padding-left : 4px;
}

.imagedownload{
	list-style-image : url(images/image.GIF);
	padding-left : 4px;
}

div#wrapper{
	width : 750px;
	background-color : #E9E9E9;
	border-right : 1px ridge black;
	border-bottom:1px solid black;
	border-top : 1px ridge black;
	border-left:1px solid black;
	margin : auto;
	text-align : left;
}

div#header{
	width : 750px;
	height : 200px;
}

ul#menu{
	width : 150px;
	float : left;
	padding : 0;
	margin : 0;
	list-style : none;
}

ul#menu li{
	width : 150px;
	margin : 0;
}

ul#menu li a{
	width : 150px;
	background-image : url(images/menubutton.gif);
	background-repeat : no-repeat;
	background-position : top left;
	color : White;
	font-weight : bold;
	text-decoration : none;
	display : block;
}

ul#menu li a span{
	display : block;
	padding-top : 5px;
	padding-bottom : 10px;
	padding-left : 5px;
	padding-right : 10px;
	background-image : url(images/menubutton-bottom.gif);
	background-position : bottom left;
	background-repeat : no-repeat;
}

ul#menu li a:hover{
	background-image : url(images/menubutton-hover.gif);
	background-repeat : no-repeat;
	background-position : top left;
	color : Black;
}

/*ul#menu li a:hover span{
	background-image : url(images/menubutton-bottom-hover.gif);
	background-repeat : no-repeat;
	background-position : bottom left;
}
*/

#home #menu-home a,
#about #menu-about a,
#timetable #menu-timetable a,
#news #menu-news a,
#gradingdates #menu-gradingdates a,
#links #menu-links a,
#joininginfo #menu-joininginfo a{
	background-image : url(images/menubutton-current.gif);
	background-repeat : no-repeat;
	background-position : top left;
	color:black;
}


div#content{
	margin-left : 150px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
}

div#content.home{
	background-image : url(images/background-home.gif);
	background-position : top right;
	background-repeat : no-repeat;
	min-height : 700px;
}

div#content.about{
	background-image : url(images/background-about.gif);
	background-position : top right;
	background-repeat : no-repeat;
	min-height : 530px;
}

div#content.news{
	background-image : url(images/background-news.gif);
	background-position : top right;
	background-repeat : no-repeat;
	min-height : 580px;
}

div#content.gradings{
	background-image : url(images/background-gradings.jpg);
	background-position : top right;
	background-repeat : no-repeat;
	min-height : 435px;
}

thead tr.timetablerow{
	background-color : #818244;
	color : White;
}

tbody tr.timetablerow{
	background-color : #EAEBCF;
}

tbody tr.timetablerow:hover{
	background-color : #D0CE8A;
}

div#content form fieldset {
	background-color : #ECEDD1;
	border: 1px solid #000000;
	margin-top: 2em;
	padding: 0;
}

div#content fieldset legend {
	font-weight: bold;
	font-size: 1.2em;
	color: #003a9c;
	border: 1px solid #000000;
	background-color: #fffbb0;
	padding: 5px 15px;
	font-family : Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

div#content form p.error {
	border: 2px dashed black;
	padding: 5px;
	background-color: #ff0000;
	color: #ffffff;
	font-weight : bold;
}

div#content form label {
 width: 10em;
 float: left;
 text-align: right;
 clear: left;
 padding-right: 10px;
}

div#content form p {
 margin: 0;
 padding: 0;
 margin-top: 3px;
}

div#content form textarea {
	height: 120px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 1em;
}

div#content form input.button {
 width: auto;
}

div#errorbox{
	border: 2px dashed black;
	background-color: #ff0000;
	padding-left : 5px;
	color : White;
}


div#content div.item {
 padding: 10px;
 background-color: #e4e4fa;
 border: 1px solid #000000;
 margin-top: 1em;
}

div#content div.item h2 {
 font-size: 1.2em;
 margin: 0;
 padding: 0;
}


div#footer{
	text-align : center;
	clear : both;
	background-color : #EEEDD7;
	background-image : url(images/footerback.gif);
	background-position : top left;
	background-repeat : repeat-x;
	padding-top : 6px;
	font-size : 0.8em;
	padding-bottom : 3px;
}