body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 76%;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

p {
	font-size: 0.9em;
	line-height: 1.5em;
}

#noticeboard p {
	font-size: 10px;
}


#mainpage {
	margin:0px auto;
	text-align:left;
	border: 1px solid #e0e0e0;
	width: 779px;
	width/* */:/**/777px;
	width: /**/777px;
	position: relative;
	background-image: url(../New%20Website/images/speckled_background.gif);
	background-repeat: repeat;
}

#topbar {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #10635A;

	height: 83px;
	height/* */:/**/83px;
	height: /**/79px;
	
	width: 777px;
}
#greengrad {
	background-image: url(../New%20Website/images/greengrad.jpg);
	height: 16px;
	padding-left: 190px;
	
	width: 777px;
	width/* */:/**/587px;
	width: /**/587px;	
}

ul#nav_menu	{
	height: 16px;
	width: 587px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url(../New%20Website/images/menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ul#nav_menu li {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 16px;
	display: block;	
}


ul#nav_menu li a {
	height: 16px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

li#nav_home {left: 0px; width: 68px;}
li#nav_aboutus {left: 68px; width: 68px;}
li#nav_news {left: 136px; width: 51px;}
li#nav_events {left: 187px; width: 56px;}
li#nav_annualreports {left: 243px; width: 100px;}
li#nav_awards {left: 343px; width: 62px;}
li#nav_history {left: 405px; width: 57px;}
li#nav_links {left: 462px; width: 46px;}
li#nav_contactus {left: 508px; width: 79px;}

li#nav_home a:hover, body#home li#nav_home {background: url(../New%20Website/images/menu.gif) 0px -16px no-repeat;}
li#nav_aboutus a:hover, body#aboutus li#nav_aboutus {background: url(../New%20Website/images/menu.gif) -68px -16px no-repeat;}
li#nav_news a:hover, body#news li#nav_news {background: url(../New%20Website/images/menu.gif) -136px -16px no-repeat;}
li#nav_events a:hover, body#events li#nav_events {background: url(../New%20Website/images/menu.gif) -187px -16px no-repeat;}
li#nav_annualreports a:hover, body#annualreports li#nav_annualreports {background: url(../New%20Website/images/menu.gif) -243px -16px no-repeat;}
li#nav_awards a:hover, body#awards li#nav_awards {background: url(../New%20Website/images/menu.gif) -343px -16px no-repeat;}
li#nav_history a:hover, body#history li#nav_history {background: url(../New%20Website/images/menu.gif) -405px -16px no-repeat;}
li#nav_links a:hover, body#links li#nav_links {background: url(../New%20Website/images/menu.gif) -462px -16px no-repeat;}
li#nav_contactus a:hover, body#contactus li#nav_contactus {background: url(../New%20Website/images/menu.gif) -508px -16px no-repeat;}

#lhs {
	float: left;
	width: 190px;
}
#rhs {
	float: left;
	width: 587px;
	margin-bottom: 34px;
}
#noticeboard {
	width: 176px;
	margin-right: 0px;
	margin-left: 10px;
}

#bottombar {
	font-size: 0.8em;
	padding-left: 190px;
	padding-top: 6px;

	height: 24px;
	height/* */:/**/18px;
	height: /**/18px;
	
	width: 777px;
	width/* */:/**/587px;
	width: /**/587px;
	
	color: #0F6259;
	clear: both;
}
#content {
	width: 777px;
	background-image: url(images/whiteblanker.gif);
	background-repeat: repeat-y;
}
#home_title {
	width: 587px;
	width/* */:/**/481px;
	width: /**/481px;
	
	height: 117px;
	height/* */:/**/69px;
	height: /**/69px;	

	padding: 28px 98px 20px 8px;
}
.speckledbg {
	background-image: url(../New%20Website/images/speckled_background.gif);
}
.heading {
	margin-top: 24px;
	height: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #e0e0e0;
}
#rhsindented {
	padding-right: 69px;
}
#lhspanel {
	background-image: url(../New%20Website/images/lhs_panel.gif);
	height: 117px;
	width: 190px;
	position: relative;
}
#lhstext {
	position: absolute;
	top: 46px;
	right: 41px;
}

.twocolumn {
	width: 236px;
	float: left;
}
#lhs a {
	color: #000000;
	font-weight: bold;
}

#lhs a:hover {
	color: #87B854;
}

#rhs strong {
	font-weight: bold;
	color: #10635A;
}
#rhs a {
	color: #10635A;
}

#rhs a:hover {
	color: #87B854;
}
#bottombar a {
	color: #10635A;
	text-decoration: none;
}

#bottombar a:hover {
	color: #87B854;
}

h1 {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
.aboutusphoto {
	float: left;
	text-align: center;
	width: 148px;
	margin: 0px 30px 20px 0px;
}
.aboutustext {
	width: 300px;
	float: left;
}

.imageborder {
	border: 1px solid #000000;
}
.imagedivider {
	padding-top: 10px;
	border-top: 2px dotted #e0e0e0;
}
h2 {
	font-size: 0.9em;
	line-height: 1.5em;
}