/*********************     CSS design by   :   ben@site-designers.co.uk   :   www.site-designers.co.uk     *********************/

html{
	height: 100%;
}

body{
	padding:0;
	margin:0;
}

.container{
	background-color:#FFF;
	margin-top:2em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	width:52em;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}

.content{
	border:1px solid #7D9C9F;
	margin-top:2em;
}

.overview{
	padding:1em 4em 1em 4em;
	clear:both;
	font-size:0.72em;
	color:#555;
}

.foot{
	border-top:1px solid #7D9C9F;
	font-size:0.6em;
	color:#555;
	padding:0 6em 0 6em;
	text-align:justify;
}

/********************************************************** Masthead **********************************************************/

.bbname{

}

.bbname h1{
	color:#FFF;
	font-size:13px;
	margin:15px 0 0 1.2em;
	padding:0;
	float:left;
	width:500px;
}

.pagetitle, .fpagetitle{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	margin:2px 0 0 17px;
	padding:0;
	float:left;
	width:500px;
}

h2{
	color:#555555;
	font-size:1em;
	margin:0.5em 0 0 0;
}

.titlebar{
	background-color:#7D9C9F;
	height:8em;
}

.logo img{
	float:right;
}

.logo2 img{
	float:left;
	border-right:1px solid #FFF;
	width:12em;
}

.masthead img{
	margin:1.1em 0 0 1em;
	float:left;
}

/******************************************************* Navigation bar *******************************************************/

.nlinks{
	position:absolute;
	top:13em;
	left:50%;
	margin-left:-32.5em;
	width:70em;
	font-size:0.8em;
}

.nlinks li{
	list-style-type:none;
	display:inline;
}

.nlinks ul{
	padding:0px;
	margin:0px;
}

.nlinks span.nav{
	width:68px;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin:0 0.2em 0 0;
	display:block; 
	font-size:1em;
	float:left;
	border-right:1px solid #FFFFFF;
	text-align:left;
	background-color:#7D9C9F; 
	color:#FFF;
}

.nlinks li a:visited, .nlinks li a:link{
	width:68px;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin:0 0.2em 0 0;
	display:block;
	font-size:1em;
	float:left;
	border-right:1px solid #FFFFFF;
	background-color:#7D9C9F;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
}

.nlinks li a:hover{
	background-color:#BDD8DA;
	color:#7D9C9F;
	display:block; 
	float:left;
}

/********************************************************** Photos ***********************************************************/

.rightpic{
	float:right;
	margin:1em 0 1em 0.8em;
}

.leftpic{
	float:left;
	margin:1em 0.8em 1em 0;
}

.photo{
	border:1px solid #7D9C9F;
	padding:2px;
	margin-left:0.32em;
}

.border img{
	border:1px solid #7D9C9F;
	padding:3px;
}

.border img:hover{
	border:3px solid #7D9C9F;
	padding:1px;
}

/******************************************************** Contact Page *******************************************************/

.bbform{
	margin:auto;
	width:390px;
	padding:20px;
	border:1px solid #194574;
	background-color:#fff9eb;
}

.bbform td{
	text-align:left;
	font-family:Trebuchet MS;
	font-size:16px;
}



/***************************************************** Text formating ********************************************************/

a:link { 
	text-decoration:underline;
	color:#006699;
}
	
a:visited {
	text-decoration:underline; 
	color:#006699;
}
	
a:hover, a:active { 
	text-decoration:underline; 
	color:#FF6600;
}	

h3{	
	text-align:left;
	font-size:1em;
}

img{
	border-style:none;
}



/*********************     CSS design by   :   ben@site-designers.co.uk   :   www.site-designers.co.uk     *********************/