* {
	margin: 0;
	padding: 0;
}
body {
	background:url(images/bgtrans4.gif) left top repeat;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	}

img {
	border:none;
	padding:2px 2px;
	}

a:link { 
	text-decoration: none; 
	color:#333;
	}
a:visited { 
	text-decoration: none; 
	color:#666;
	}
a.c:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color:#666;
	}	
a:hover, a:active { 
	text-decoration: none; 
	color: #CCC;
	}

#container {
	margin: 0 auto;
	width: 857px;
	position: relative;
	background:#FFF;
	z-index: 1;
	margin-bottom: 50px;
	}	

#intro {
	display:block;
	background:url(images/bannerlogo1.jpg) right top no-repeat;
	position: relative;
	padding: 1px;
	}
	
a#intro {
	display:block;
	background:url(images/bannerlogo1.jpg) right top no-repeat;
	position: relative;
	padding: 1px;
	}

a#test{
display:block;
width:100px;
height: 50px;
background: url(your background) no-repeat;
text-indent: -9999px;
}

#pageHeader {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
	}

		
#pageHeader h2{
		font: bold 25px Arial, Helvetica, sans-serif;
		}
		
	/*	Navigation */	
		
#nav {
	position: absolute;
	top: 155px;
	left: 0px;
	width: 900px;
	height: 32px;
	font-weight:bold;
	font-size:10px;
	}
	
	
	#nav li { 
		display:inline; 
		margin:0;
		padding: 0; 
		}
	
	#nav li a { 
		display: block; 
		float:left; 
		padding:5px;
		margin: 6px 6px;
		padding-top:10px;
		background:url(images/tab-button-unselect.jpg) repeat-x; 
		text-align:center; 
		text-decoration:none; 
		color:#fff; }
	
	#nav li a:hover {
		background:url(images/tab-button-unselect.jpg) repeat-x;
		color:#333;
		padding-top:10px;
		font-size: 10px;
		}

	#nav li a#current {
		background:url(images/tab-button-select.jpg) repeat-x;
		color:#fff;
		font-weight:bold;
		padding-top:10px;
		}

	#navHome a { 
		width: 99px;
		height:35px;
		}
	
	#navAbout a { 
		width: 99px;	
		height:35px;
		}
	
	#navNoticeboard a { 
		width: 99px;	
		height:35px;
		}
	
	#navNews a { 
		width: 99px;	
		height:35px;
		}
	
	#navLinks a { 
		width: 99px;	
		height:35px;
		}
	
	#navDiscuss a { 
		width: 99px;	
		height:35px;
		}
	
	#navContact a { 
		width: 99px;	
		height:35px;
		}

	.navbar {
		display: inline;
		display: block;
		}
	
	.navbar:after {
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}

#introbox {
	color:#909;
	font: normal 18px Arial, Helvetica, sans-serif;
	right: 60px;	
	position: absolute;
	top: 15px;
	}

	#introbox .p1 {
		display: inline;
		height: 0;
		left: -1000px;
		overflow: hidden;
		position: absolute;
		top: -980px;
		width: 0;
		}
		
	#introbox a, #introbox a:link, #introbox a:visited {
		color:#909;
		font-weight: bold;
		font-size:9px;
		text-decoration:none;
		}
		
		
		#introbox a:hover, #introbox a:active, #introbox a:focus {
		text-decoration: none;
		}
/*main content*/

#news {
	background:#FFF;
	color:#333;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	margin-left: 240px;
	margin-top: 194px;
	height: 100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#news h3 {
			color:#000;
			height: 25px;
			font-size:1.2em;
			height: 27px;
			padding:2px 0px 5px 15px;
			}
	
		
	#news h2 {
			margin-top:2px;
			padding-top:0px;
			padding-left:20px;
 			font-size:1em;
			
			}
	
	#news h1 {
			background: transparent url(images/titlebar_blank.jpg) left top no-repeat;
			color:#000;
			height: 50px;
			padding:10px 0px 5px 15px;
 			margin: 10px 0px 0px 0;
			width: 600px;
			font-size: 1.5em;
			}
			
	#news h5 {
			padding-top:0px;
			padding-left:20px;
 			font-size:0.7em;
			line-height:15px;
			}

	#news ul{
			padding-top:0px;
			padding-left:35px;
			}
			
	#news li{
			padding-top:3px;
			padding-left:5px;
			font-size: 0.85em;
 			}

	#news p {
			padding-left:20px;
			padding-right:10px;
			width: 520px;
			color:#333;
			text-align: left;
			font-size: 0.85em;
			}
#main {
	margin-left: 240px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	padding: 10px 15px 10px 15px;
	position: relative;
	height: 100%;
	background:#FFF;
	}

			

	#main a, #main a:link, #main a:visited {
			color:#333; 
			font-weight: bold;
			text-decoration:none;
			}
		
	#main a:hover, #main a:active, #main a:focus {
			text-decoration: none;
			}
		
	#main p {
			padding-left:10px;
			padding-top:0px;
			margin: -10px 20px 10px 0;
			font-size:0.85em;
			line-height:16px;
			color: #333;
			text-align:left;
			}
			
			#main h2 {
			padding-left:10px;
			padding-top:7px;
 			margin: -10px 20px 10px 0;
 			font-size:1em;
			color:#000;
			}
						
			#main ul{
			padding-top:0px;
			padding-left:12px;
					}
		
			#main li{
			padding-top:5px;
			padding-left:5px;
			font-size: 0.85em;
			}		
			
#container #main #subpara1 #EnquiryForm table tr td .style2 {
	font-size: x-small;
}

#subpara1 {
	width: 260px;
	float: left;
	}

	
	#subpara1 h3 {
 			background: transparent url(images/titlebar_short.jpg) left top no-repeat;
			height: 40px;
 			padding:10px 5px 5px 10px;
 			margin: 5px 20px 10px 0;
			width: 320px;
			color:#000;
			}
		
	
		

#subpara2 {
	background:#ffffff;
	margin-left: 330px;
	margin-top: 0px;
	width: 250px;
	}		
		
		
		#subpara2 h3 {
			background: transparent url(images/titlebar_short.jpg) left top no-repeat;
			padding:10px 5px 5px 10px;
			margin: 5px 20px 10px 0;
			height: 40px;
		 	width: 300px;
			color:#000;
		}
		
		
#subpara3 h3 {
	background: transparent url(images/titlebar_short.jpg) left top no-repeat;
	padding:10px 5px 5px 10px;
	margin: 10px 20px 10px 0;
	height: 40px;
	width: 508px;
	
}

		
		#subpara3 h3 {
			background: transparent url(images/titlebar_short.jpg) left top no-repeat;
			padding:10px 5px 5px 10px;
			margin: 5px 20px 10px 0;
			height: 40px;
		 	width: 300px;
			color:#000;
		}
		
		
	
#subpara4 {
	margin-bottom: 50px;
	}
		
		#subpara4 h3 {
			background: transparent url(images/titlebar_short.jpg) left top no-repeat;
			height: 40px;
			padding:10px 5px 5px 10px;
			margin: 10px 20px 10px 0;
			width: 508px;
			color:#000;
		}

#enform {
	width: 600px;
	float: left;
	background-color:#FFF;
	}
		#enform h3 {
 		background: transparent url(images/titlebar_short.jpg) left top no-repeat;
		height: 40px;
 		padding:10px 5px 5px 10px;
 		margin: 5px 20px 10px 0;
		width: 320px;
		}
		
		
		
		#enform p {
	padding-left:5px;
	padding-top:5px;
	margin: 5px 20px 10px 0;
	font-size:x-small;
	color: #000;
		}



/* sidebar */
 
#sidebar {
	color: #fff;
	font-weight: normal;
	padding: 0px 0px 0 0;
	position: absolute;
	top: 199px;
	width: 250px;
	left: 2px;
}
		
				
		#sidebar h1 {
			padding:10px 10px 10px 10px;
			font-size:1.2em;
			text-align:center;
		}
		
		
		#sidebar h2 {
			padding-top:10px;
			padding-left: 20px;
			padding-right: 10px;
			font-size:14px;
			text-align:left;
		}
		
		#sidebar h3 {
			padding:10px 10px 10px 10px;
			font-size:1.1em;
			text-align:center;
		}
		
		#sidebar p{
			padding-left: 20px;
			padding-right:20px;
			font-size:12px;
		}
		
		#sidebar a, #sidebar a:link, #sidebar a:visited  {
			text-decoration: none;
			color:#FFF;
		}
		
		#sidebar a:hover, #sidebar a:active, #sidebar a:focus  {
			text-decoration: none;
		}
		
		#sidebar ul li {
			font-size: 14px;
			list-style: square;
			
		}
		
#lselect{
		background:url(images/boxlightl.jpg) 0px 2px no-repeat;
		padding: 15px 0 40px 0;
		height: 270px;
		width:auto;
}
		
		.select{
			display: block;
			margin: 0 auto;
			height: 29px;
			width: 140px;
						}
		
		#lselect p1{
			font-size: 10px;
			padding-left: 20px;
			}
		
		#lselect ul li a {
			display: block;
			font: bold 19px Arial, Helvetica, sans-serif;
		}
		
		#lselect ul li a.c {
			display: inline;
			font: normal 19px Arial, Helvetica, sans-serif;
			
		}

	#ljoin {
		background:url(images/boxlight.jpg) 0px 2px no-repeat;
		padding: 15px 0 40px 0;
		height: 160px;
		color:#FFF;
		}
				
		.join {
			background: transparent url(grant.html) left top no-repeat;
			display: block;
			margin: 0 auto;
			height: 29px;
			width: 185px;
			
		}


	#ldiscuss {
	background:url(images/boxlight.jpg) 0px 2px no-repeat;
	padding: 10px 20px 40px 10px;
	height:160px;
	color:#FFF;
	text-align:center;
	}

		
		.discuss {
			display: block;
			margin: 10px auto;
			height: 29px;
			width: 185px;
		}


#ljoin ul li a, #ldiscuss ul li a {
	font-weight: bold;
	}


#ldiscuss ul li, #ljoin ul li, #lselect ul li {
	margin: 14px 10px 14px 35px;
	}

.discuss span, .join span, .select span {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
	}
	
	.formText {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	padding:0px 0px 0px 0px;
	
}

#evtcal tbody tr td #eventform .formText {
	font-family: Tahoma, Geneva, sans-serif;
	padding:0px 0px 0px 0px;
	margin-left:-24px;
	font-size:11px;
	
}

#calendar {
	top:195px;
	margin-left:25px;
	margin-right:50px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#a68e9c;
	}
	
.formText {
	font-family:Tahoma, Geneva, sans-serif;
}
#evtcal tbody tr td #eventform .formText {
	font-family: Tahoma, Geneva, sans-serif;
}
/*Footer */

#footer {
	background:url(images/sponcers.jpg) left no-repeat;
	background-color:#FFF;
	height: 100px;
	width: 590px;
	text-align:right;
	
	
}
	#footer h4 {
			margin-left:10px;
			padding:5px 5px 5px 5px;
			font-size:0.7em;
			text-align:right;
			display:inline;
			
		}	
						
		* html #footer {
			bottom: -28px;
		}