html, body, div {
	font: normal 100%/135% verdana, arial, georgia, serif;
	color: #000; 
}
body {
	margin: 0;  
	padding: 0;
	text-align: center; 
	background: #000000; 
}
img {border: none;}


#pagecontainer 
 {width: 750px;
 margin: 0 auto;
 position: relative;
} 
 
#header { 
	position: absolute;
	left: 0; 
	margin-top: 23px; /
 	} 
 	
#navwrapper { 
	width: 750px;
	height: 50px; 
	
	position: absolute; 
	top: 202px; 
	left: 0; 
 	}
	
#topcontentbg {
	background: url(images/contentbg_top.jpg);
	height: 35px; 
	position: absolute; 
	top: 48px; 
	width: 750px;
	left: 0; 
}

 
#contentwrapper {
	width: 750px;
	position: absolute;
	top: 80px;
	left: 0;
	text-align: left;
	background:#E2DBD1 url(images/contentbg_middle.jpg);
	}
 
#rightcol { 
	float: right; 
	width: 433px;
	padding: 1px 35px 10px 10px; 
	
	}

#content {width: 417px;
		  
} 


#content h1, h2, h3, h4 {
	color: #020205; /* sets the font colour*/
	font-weight: bold; /* sets the font weight to bold*/
	margin: 0 0 5px 33px; /* margin top right bottom left*/
	padding: 0; /* kills any padding*/
	font-size: 20px; /* sets the font size*/
	}
#content h2	{
	font: bold 17px; /* sets the font weight and size*/
	 margin: 0 0 5px 36px; /* sets the font colour*/
}
#content h3	{
	font-size:15px;
	margin: 0 0 5px 36px;
}


#content p { /*this styles our content p element*/
	margin: 0 15px 15px 15px; /*sets the margins, top right bottom left*/
    font:12px/140% arial, verdana, georgia, serif;/*this sets the font size, line height to 140%, gives our text room to breath and sets the font family*/
    text-align:justify;
	}

#content p a, /*this sets our link styles within the p element within the content div*/
#content p a:link, 
#content p a:active {
	color: #3616f9; /*sets the font colour to black*/
	
	text-decoration: none; /*removes the default underline from our links*/
	border-bottom: 1px solid #000; /*sets a solid 1px black bottom border */
	
	}
	
#content p a:visited { /*here we are styling the visited links*/
	color: #000; 
	border-bottom: 1px dotted #000; 
	text-decoration: none;
	}

#content p a:hover { /*styles the link hover states*/
	color: #386900; /*font colour*/
	background: #ffffff; /*background colour*/
	border-bottom: 1px solid #FFF;/*sets a solid 1px bottom border*/
	}
	#content  a, /*this sets our link styles within the p element within the content div*/
#content  a:link, 
#content  a:active {
	color: #3616f9; /*sets the font colour to black*/

	text-decoration: none; /*removes the default underline from our links*/
	border-bottom: 1px solid #000; /*sets a solid 1px black bottom border */
	
	}
	
#content  a:visited { /*here we are styling the visited links*/
	color: #000; 
	border-bottom: 1px dotted #000; 
	text-decoration: none;
	}

#content a:hover { /*styles the link hover states*/
	color: #386900; /*font colour*/
	background: #ffffff; /*background colour*/
	border-bottom: 1px solid #FFF;/*sets a solid 1px bottom border*/
	}
#content img {
	padding: 12px;
	float: left;} 
	


/*below we position and style the leftcolumn*/
		
#leftcolumn {/*we float the div right*/
	float: left; 
	width: 180px; /*sets the width*/
	margin: 0; /*zero margin*/
	padding: 0 5px 0 25px; /*okay, padding top right bottom left*/ 
	clear: both;
	}

#leftcolumn a {
font:10px arial, verdana, sans-serif;
color:White;
}

#leftcolumn p { /*styles the p element within leftcolumn div*/
	color: #fff; /*sets the font colour to white*/
	margin: 0 20px 1px 6px; /*margin top right bottom left*/
	font:11px arial, verdana, georgia, serif; /*sets the font size and family*/
	}
	
/*below we are styling our leftcolumn list and links*/
#leftcolumn ul {
	list-style-type: none; /*removes the bullet image*/
	padding:0; /*sets the padding to zero*/
	margin: 0 0 12px 0; /*top right bottom left margins*/
	font: 13px arial, verdana, sans-serif;/*sets font size and family*/
	color: #000000; /*sets the font colour*/
	}

#leftcolumn li {
	line-height: 20px; /*line height set to 20 pixels*/
	color: #000000; /*sets the font colour*/
	}

/*links styling starts here*/
#leftcolumn li a, 
#leftcolumn li a:link, 
#leftcolumn li a:active {
	color: #000000; /*sets the font colour to white*/
	text-decoration: none;/*removes the default link underline*/
	display: block; /*sets the display to block*/
	border-bottom: 1px dotted #FFF; /*sets the bottom border styles*/
	padding: 2px; /*sets the padding to 2 pixels*/
	background: #c2c1bf; /*sets the background colour*/
	height: 1%; /*this is a hack for ie, its a silly browser and we need to place this in our style sheet so ie will understand the "display: block;*/
	}
	
#leftcolumn li a:visited {
	color: #FFF; /*sets the font colour to white*/
	border-bottom: 1px dashed #BE8585; /*sets a bottom border*/
	}

#leftcolumn li a:hover { /*styles the link hover state*/
	color: #FFF;/*sets the font colour to white*/
	border-bottom: 1px solid #B7E810;/*sets a bottom border*/
	background: #4a4a4d; /*sets the background colour*/
	}
	

	
#leftcolumn h1, h2 {
	color: #020205; /*sets the font colour*/
	font: normal 17px georgia, arial, verdana, sans-serif; /*sets the font weight size and family*/
	margin: 0; padding: 0;/*sets the margins and padding to zero*/
	}
	
#leftcolumn h2 { /*styles h2 within leftcolumn*/
	font-size: 14px;
	color: #54814A;
	}
	
#contentbottom{/*this div displays the contentbgbottom.jpg image*/
	width: 750px;/*sets the width*/
	height: 43px; /*sets the height*/
	clear: both; /*clears any floats to the left*/
	background: url(images/contentbg_bottom.jpg) no-repeat;/*sets the background image path and image to not tile*/
	}	
	
#footer {
	height: 73px; /*sets the height of the footer div*/
	background: url(images/footer.jpg) no-repeat; /*sets the path to the footer background image*/
	}
	
#footer p { /*here we style the P element within footer div*/
	font:10px arial, verdana, georgia, serif;
	text-align: center; /*aligns the footer p element centre*/ 
	color: #555A54; /*sets the font colour*/
	margin: 0;/*sets the margin to zero*/
	padding: 11px 50px 0 50px; /*here we are basically positioning the p element within the footer we have given the p element top padding to position the text*/
	}

/*below we are styling the footer links*/
#footer a, 
#footer a:link, 
#footer a:active { 
	color: #54814A; 
	text-decoration: none;
	}

#footer a:hover {
	color: #FFF;
	background: #7B0A0A;
	background-color: #3C6A07;
	}
	

		
/* ------------- Navigation ------------------------------------------------------------------------------------------------------------------*/

#navcontainer {	margin: 2px 0; 
padding: 0 0 0 140px;}/*positions our links 150px left*/

#navcontainer ul {
	list-style: none; /*removes the bullet*/
	padding: 0; /*sets the padding to zero*/
	margin: 0; /*sets the margin to zero*/
	}

#navcontainer li { /*here we are positions and sizing our links*/
	float: left; /*this floats the li left*/
	width: 102px; /*sets the width for our nav links*/
	height: 32px;/*sets the height*/
	margin-left: 3px; /*sets a left margin*/
	padding: 3px;/*sets the padding to 3pixels*/
	}

	
#navcontainer li a, #navcontainer li a:link, #navcontainer li a:active, #navcontainer li a:visited {
	display: block;/*display block as to create a button efect*/
	height: 40px;/*sets the height*/
	padding: 10px 0;/*padding top set to 10px*/
	margin: 0;/*zero margins*/
	color: #FCFCFC;/*sets the link font colour*/
	text-decoration: none;/*removes the underline*/
	text-align: center;/*centers the text*/
	font: bold 12px/18px arial, sans-serif;/*sets the font weight, size, line height and family*/
	background:#3328da url(images/topnavbglink.jpg) no-repeat;/*sets the bg colour and path to the bg image*/
	} 
	
#navcontainer li a:hover { /*sets the hover states*/
	color: #000; /*sets the hover state font colour to black*/
	background:#6466ad url(images/topnavbghover.jpg)  no-repeat;
	}
	
/* ------------- images class, this does not work in IE, also don't go mad with this just use it when needed or suited, in fact I don't like it, I don't even know why it's there. --------------------------------------------------------------------------------------------*/

.images {

}
.images:hover {
opacity: 0.7;
}


/*This template is intended to give you a basic understanding of how you can create a simple, yet effective css layout website. We have explained all there is to explain here and we have ommitted some comments which just repeat
themselves please do not contact us for any answers that you are able 
to obtain from here http://www.w3schools.com/css/default.asp  we cannot possibly reply to questions
that are available elsewhere. Here is a link to get you started, remember to read, and then read again.
http://www.w3schools.com/css/default.asp  Have fun and we wish you the best of luck*/