body {
	background-image:url('../images/bg_top_repeat.jpg');
	background-repeat:repeat-x;
	background-color:#e5e5e5;
	margin: 6px 0;
	padding: 0;
	height: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
}

h1, h2, h3 {
	color:#2c9522;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.1em;}

h1 {
	padding-top: 15px;
	margin-top: 0;
}

/****************************************************************/
/********** wrapper contains the complete page content **********/
/****************************************************************/

#wrapper {
	width: 890px;
	margin: 0 auto 0 auto;
	padding: 0;

	font-size:0.9em;
	line-height:1.1em;
	background-color:Transparent;
}

/***********************************************************/
/********** The first DIV contains the logo image **********/
/***********************************************************/

#logo {
	height: 65px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

#logo img {
	position: absolute;
	top: 0px;
	left: 25px;
}

/**************************************************************/
/********** After the logo comes the navigation menu **********/
/**************************************************************/

#menu {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 11pt;
	width:890px;
	height:69px;

	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

	background-image:url('../images/bg_menu.jpg');
	background-repeat: no-repeat;
	background-color:transparent;
}

#menu ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 34px 0 0 35px;

	position:relative;
	list-style-type:none;
	display:block;
	width: auto;
}

#menu ul li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 15px;
	color: white;
}

#menu ul li a {
	color:white;
	text-decoration:none;
	padding:0 10px;
	font-weight:normal;
}

#menu ul li a:hover, .current {
color: #CCCCCC;
	text-decoration:none;
}

#menu ul .current {
	color:#fff;
	font-weight:700;
}

/**************************************************************/
/********** The menu is followed by the banner image **********/
/**************************************************************/

#banner {
	width:890px;
	height:132px;
	position: relative;
	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

	background-image:url('../images/bg_banner.jpg');
	background-repeat: no-repeat;
	background-color:transparent;

}

#banner img {
	position: absolute;
	top: 0px;
	left: 35px;
}

/*****************************************************************************************/
/********** Finally, after the banner image, we get to the actual page content! **********/
/*****************************************************************************************/

#content {
	width:810px;
	padding:0px 40px 5px 40px;
	margin: 0;

	background-image:url('../images/bg_page_repeat.jpg');
	background-repeat:repeat-y;
	background-color:transparent;
	color:#656565;
	font-size:0.9em;
	text-align: left;
}
#content:after 
{
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

	/***** The page is divided into two equal columns *****/
	
.halfleft
{
	float:left;
	width:390px;
}

.halfright
{
	float:right;
	width:390px;
}

	/***** The first column may have two sub columns, individual pages change the widths *****/
	
.col_1 {
	width: 110px;
	float: left;
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 10px;
	clear: both;
	color: #1E6517;
}
.col_2 {
	width: 250px;
	margin-top: 10px;
	float: left;
}

	/***** Highlight a block of text by drawing a 3D box round it *****/
	
.boxit {
	margin-top: 1em;
	border: 1px solid silver;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	background-color:#DCE8DB;
	width: 390px;
}

	/***** Put a section break between sub-columns to ensure correct alignment *****/
	
.section {
	clear: both;
}

	/***** Define the properties of <a> links in the main page *****/
	
#content a:link
{
	color:#2c9522;
	text-decoration:none;
}

#content a:visited
{
	color:#2c9522;
	text-decoration:none;
}

#content a:hover, a:hover h3
{
	color:#0e4609;
	text-decoration: underline overline;
}

#content a:active
{
	color:#2c9522;
	text-decoration:none;
}


/*****************************************************************************/
/********** Following the page content is the footer image and text **********/
/*****************************************************************************/

#footer {
	clear: both;
	width:890px;
	height:69px;

	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

	background-image:url('../images/bg_bottom.jpg');
	background-repeat: no-repeat;
	background-color:transparent;
	
}

#footer p {
	margin-top: 0px;
	padding-top: 8px;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	color: white;
}

#footer span {
	padding: 0 10px 0 10px;
}

/***************************************************************************************/
/********** The bottom of the page has a discrete section for copyright, etc. **********/
/***************************************************************************************/

#copyright
{
	text-align:center;
	font-size:0.7em;
	color:Gray;
	background-color:Transparent;
}

/*****************************************************************************************************/
/********** BELOW bottom of the page is a scrollable text box to summarise the page content **********/
/*****************************************************************************************************/

#EndOuter {
	width: 854px; 
	margin: 0 auto 0 auto;
	font-size:0.75em;
	line-height:1.1em;
}

#EndInner {
	height: 100px; 
	text-align: left; 
	overflow: auto; 
	width: 854px; 
	margin-top: 200px;
}