body {
	background-color:#fff;
	font-family:Verdana, Arial, sans-serif, Helvetica;
	font-size:1em;
	margin:0;
	padding:0;
	color: #ccc;
	line-height:16px;
	}


#wrap {
	margin:0 auto;
	padding-top:0px;
	width:800px;
	}

#head {
	margin: 0 auto;
	width:800px;
	height:200px;
	background-image: url(images/backgroundhead.jpg);
	background-color: transparent;
	}

#nav{
	width: 450px;
	float: right;
	padding-top: 150px;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li,
#nav a{
	float: left;
	height: 50px;
	display: block;
	color: white;
	padding: 0;
	margin: 0;
}
#nav .aboutus a{
	width: 101px;
	background:url(images/aboutus.gif) 0 0 no-repeat;
}

#nav .aboutus a:hover{
	width: 101px;
	background:url(images/aboutus_over.gif) 0 0 no-repeat;
}

#nav .activities a{
	width: 102px;
	background:url(images/activities.gif) 0 0 no-repeat;
}

#nav .activities a:hover{
	width: 102px;
	background:url(images/activities_over.gif) 0 0 no-repeat;
}

#nav .location a{
	width: 88px;
	background:url(images/location.gif) 0 0 no-repeat;
}

#nav .location a:hover{
	width: 88px;
	background:url(images/location_over.gif) 0 0 no-repeat;
}

#nav .contactus a{
	width: 87px;
	background:url(images/contactus.gif) 0 0 no-repeat;
}

#nav .contactus a:hover{
	width: 87px;
	background:url(images/contactus_over.gif) 0 0 no-repeat;
}

#nav .links a{
	width: 64px;
	background:url(images/links.gif) 0 0 no-repeat;
}

#nav .links a:hover{
	width: 64px;
	background:url(images/links_over.gif) 0 0 no-repeat;
}




#content {
			width:800px;
			overflow:hidden;
			float: left;
			background-color:transparent;
			}



#content1 {
margin-right: 20px;
width:400px;
background-color: transparent;
float: left;
}


#content2 {
width:300px;
float: right;
background-color: transparent;
}

#content2 img{
float: right;
padding-bottom: 20px;
padding-top: 30px;
}

#contenttop1 {
background:url(../images/.jpg) bottom right no-repeat;
padding:0px 0px 40px 20px;
width:150px;
background-color: transparent;
float: left;
}

#contenttop2 {
background:url(../images/.jpg) bottom right no-repeat;
padding:0px 0px 40px 20px;
width:450px;
float: right;
background-color: transparent;
}

/*.........................THE FOOTER BOY...........................................*/
#footer {
		margin-top:50px;
		padding-top:15px;
		width:800px;
		color: #fff;
		background-image:  url(images/footerbackground.png);
		background-color:#fff;
		height:125px;
		/*background:url(../images/surffoot.png) no-repeat center;*/
		text-align:left;
		float:inherit;
		}
		
#footer ul li {
		text-transform: uppercase;
		list-style: none;
		font-weight: bold;
		font-size: 0.7em;
		float: left;
		padding-right: 10px;
		margin: 0;
	}
	
#footer ul li:hover {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.7em;
		float: left;
		padding-right: 10px;
		margin: 0;
	}
	
#footer a {
		color: #fff;
		}
		
#footer a:hover {
		color: #000;
		}
		
#contentfooter1 {
padding:0px 0px 40px 20px;
width:475px;
background-color: transparent;
float: left;
}

#contentfooter2 {
padding:0px 0px 40px 20px;
width:275px;
float: right;
background-color: transparent;
}

#telephone {
		width: 275px;
		height: 30px;
		padding-top: 10px;
		background-image: url(images/callus.png);
		background-position:  left;
		background-repeat:  no-repeat;
		}
		
#telephone p {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.8em;
		float: right;
		padding-right: 30px;
		}

#mail {
		width: 275px;
		height: 30px;
		padding-top: 10px;
		background-image: url(images/mail.png);
		background-position:  left;
		background-repeat:  no-repeat;
		}
		
#mail p {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.8em;
		float: right;
		padding-right: 30px;
		}

.image {
padding-left: 80px;
}




.area {



font-family:Verdana, Helvetica, Arial sans-serif;



font-size:11px;



font-weight:normal;



background-color:#FFFFFF;



border:1px solid #EFDDD4;



}





.clear {



clear: both;



height:10px; 



visibility: hidden;



}



h1 {



font-variant:small-caps;



font-family: verdana, sans-serif;



font-size:15px;



clear:both;



display:block;



font-weight:bold;



color: #FF0000;



padding:0px 0 3px 21px;



margin:60px 0 25px 0;



text-align:left;



font-variant:small-caps;



background:url(img/.gif) no-repeat left center;



}







h2 {



font-variant:small-caps;



font-family: verdana, sans-serif;



font-size:15px;



clear:both;



display:block;



font-weight:bold;



color: #0099FF;



padding:0px 0 3px 21px;



margin:60px 0 25px 0;



text-align:left;



font-variant:small-caps;



background:url(img/.gif) no-repeat left center;



}







h3 {



font-variant:small-caps;



font-size:9px;



padding:6px 5px;



margin:0px;



background:url(img/.gif) no-repeat top left;



color: #FF0000;







}







h4 {



margin:5px 14px 3px 0;



font-size:10px;



color: #FFFFFF;



padding:3px 0px;



text-align:right;



}







h5 {



font-size:12px;



display:block;



clear:both;



font-weight:normal;



color:#6E2807;



padding:5px 0 5px 0;



margin:0px 0px 0px 0px;



text-align:center;



background-color:#EFDDD4;



font-variant:small-caps;



}











html > body h5 {



font-size:12px;



position:relative;



display:block;



width:740px;



clear:both;



font-weight:normal;



background:url(img/.gif) no-repeat top left;



color:#6E2807;



padding:27px 0 27px 0;



margin:40px 0 0px -40px;



text-align:center;



font-variant:small-caps;



}







p {



padding:0px;



margin:5px 10px 5px 10px;



text-align:left;



color:#2F0B00;



font-size:11px;



}







.texthome {



margin-bottom:20px;



padding:10px;



width: 500px;



text-align:left;



}







img {



padding:0px;



margin:0px;



position:relative;



border:0px;







}



ul {



float:left;



}



a {



text-decoration:none;



font-weight:bold;



color: #FF0000;



}



a:hover {



color: #FF0000;



text-decoration:none;







}











.top {



margin:-50px 335px 0 345px;



}



.pageimg {



	border: 2px solid #ff3333;



	float: left;



	margin: 5px 10px 7px 0;



}



.pageimg1 {



	border: 2px solid #ff3333;



	float: right;



	margin: 5px 10px 7px 0;



}
