body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

* {
	margin: 0px;
	padding: 0px;
}	

#Main_Framework {
	width: 800px;
	height: 560px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 3px;		
	background-color: #FFFFFF;
}

a {
	text-decoration: underline;
	cursor: pointer;
	color: #0000FF;		/* The a tag on link to streetmap is onlick */
}

a:visited {
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}


strong, b {
	font-weight: bold;
}

p {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 8px;
	margin-bottom: 2px; 
	color: #000033;		/* Very Dark Blue/Black */
	text-align: center;
	font-weight: bold;	
}

.right {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}

.left {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

#pblue {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 10px;
	margin-bottom: 0px; 
	color: #306090;		/* WFIE blue/grey */
	text-align: center;
	font-weight: bold;	
}


#pbluel, .pbluel {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 2px;
	margin-bottom: 2px; 
	color: #306090;		/* WFIE blue/grey */
	text-align: center;
	font-weight: bold;	
}

.bullets {
	margin: 5px 5px 5px 20px;
	color: #306090;	
}

.bullets li {
	list-style: square;
	padding: 2px 0px 2px 0px;	
}


.bulletsns {
	margin: 10px 25px 10px 25px;
	color: #306090;
}


.bulletsns li {
	list-style: square;
	padding: 2px 0px 2px 0px;	
	font-size: 0.8em;
}


.bulletsns1 {
	margin: -90px 60px 10px 200px;

	color: #306090;	
}


.bulletsns1 li {
	list-style: square;
	padding: 2px 0px 2px 0px;	
	font-size: 0.8em;
}

.bulletsns2 {
	margin: 10px 25px 10px 120px;
	color: #306090;
}


.bulletsns2 li {
	list-style: square;
	padding: 2px 0px 2px 0px;	
	font-size: 0.8em;
}


.bulletsns3 {
	margin: -90px 60px 10px 320px;
	color: #306090;	
}


.bulletsns3 li {
	list-style: square;
	padding: 2px 0px 2px 0px;	
	font-size: 0.8em;
}


h1 {
	font-size: 0.9em;
	line-height: 0.9em;
	margin-top: 9px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;	/* Dark Blue */
	text-align: left;		
}
	
h2 {
	font-size: 14px;
	line-height: 12px;
	margin: 9px 0px -10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;	/* Dark Blue */
}

h3 {
	float: left;
	margin: 0px -10px 0px 6px;
}

p em {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #306090;	/* Dark Blue */	
	font-weight: bold;
	font-style: normal;
	}	



ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
}

li {
	position: relative;
	margin: 0px;
	padding: 0px;	
}

#map {
	margin: 5px 0px 0px 0px;
	float: right;
}

#header {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 800px;
	background-color: white;
}

#headerleft {
	float: left;
	background-image: url(images/wfie-logo77-80.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: white;
	height: 80px;
	width: 77px;
}

#headerright {
	float: right;
	background-image: url(images/header-wb1.jpg);
	background-position: right top;
	background-repeat: no-repeat;	
	height: 80px;	
	width: 720px;
}

#headerright p {
	text-align: right;
	line-height: 12px;
	margin: 3px 10px 0px 0px;
	color: #FFFFFF; /* White */
}


#splitbar {
	background-color: #606060; /* 000080 */
	margin: 0px;
	float: right;
	width: 100%;
}

#splitbar p {
	text-align: right;
	/*line-height: 12px;*/
	margin: 4px 10px 0px 0px;
	color: #FFFFFF; /* white */
	
}

#contentarea {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 800px;
}

#products {
	margin: 5px 8px 0px 8px; 
	float: left;
	padding: 0px 0px 0px 0px;
	width: 230px;
	font-size: 0.8em;
	background-color: #ECF0F0;		
}

.products {
	margin: 5px 8px 0px 8px; 
	float: left;
	padding: 0px 0px 0px 0px;
	width: 230px;
	font-size: 0.8em;
	background-color: #ECF0F0;		
}

.examplebox {
	margin: 0px 0px 10px 5px; 
	float: left;
	padding: 3px 0px 5px 0px;
	width: 235px;
	font-size: 0.9em;
	background-color: #ECF0F0;
}

.examplebox p {
	text-align: left;
	padding: 0px 5px 0px 5px;	
}


.bulletsclass {
	background-color: #ECF0F0;
	
}


#clientlist {
	float: left;
}

#clientlogos {
	position: relative; /* important for absolute alignment in child images */
	float: left;
	margin: 0px 0px 0px 20px;
	width: 245px;	
}

#LeftColumn {
	margin: 5px 0px 0px -670px; /* Negative margin-left (MiddleColumn width + MiddleColumn margin-left) */ 
	float: left;
	padding: 0px 0px 0px 0px;
	width: 125px;
	height: 210pt;
	background-color: #ECF0F0;
	text-decoration: underline;
	font-size: 1.2em;
	line-height: 110%;
}

#MiddleColumn {
	margin: 0px 0px 0px 140px; /* ensure pushed right of left column */
	float: left;
	width: 530px;
	display: inline; /* Steve Caslon IE hack */
}

#RightColumn {
	float: left;
	background-color: #FFFFFF;	
	margin: 0px;
	padding: 0px;
	width: 130px;
}

.smallgap {
	margin: 3px 0px 0px 0px; /* Necessary for FF for small gap to separate photos in Right Column */
}	


#cover {
	float: right;
	margin: 10px 0px 0px 10px;
}

#cover p {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin: -2px 0px 2px 0px;
	color: #606060;		/* Mid Grey */
	text-align: center;
	font-weight: bold;	
}

#leftnavbar {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

/* Left Nav bar tabs */
#leftnavbar li {
	font-size: 12px;
	height: 25px;	
	line-height: 16px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	margin: 0px 0px;	
	background-color: #ECF0F0;	/* light grey background when passive */	
}

#leftnavbar a {	/* Level 1 nav buttons - standard display mode */
	display: block;  /*  */	
	height: 16px;
	padding: 3px 13px 3px 10px; /* padding in level 1 menu and drop down level 2 menu */
	font-family: Arial, Verdana, Helvetica, sans-serif;  /* font of all links in navigation */
	font-size: 12px;  /* font size of all link in navigation */
	font-weight: bold;  /* Font weight for all linked items */
	color: #000033;	/* Dark Blue link text */
}

#leftnavbar li a:hover{	/* Level 1 nav buttons - hover mode */
	display: block;  /*  */
	color : #FFFFFF;	/* White text when hovered over */
	background-color: #306090;	/* Dark blue background when hovered over */		
}

.navarrows {
	vertical-align: top;
	border: 0px;
}

#dynmenu1 {
 	width:90pt;
 	line-height: 16px;
 	display: none;
 	float: right;
 	top: -94pt;
 	left: 85pt;
 	float:right;
	position: relative;
	border: 1px solid gray;	/* Give 2nd level menu a border */
	text-decoration: underline;
	background-color: #ECF0F0;
}

#ReferenceArea {
	height: auto;
	margin: 0px 0px 0px 0px; 
	/* background-color: #FF0000; */
}

#ReferenceLeftColumn {
	float: left;
	width: 280px;
	margin: 0px 0px 0px 0px; 
	/* background-color: #FF0000; */
}

#ReferenceLeftColumn p {
	margin: 0px 0px 0px 0px;
}

#ReferenceComments {
	float: left;
	margin: 0px 0px 0px 0px; /* ensure pushed right of photos */
	/* background-color: #00FF00;  */
}


#ReferenceComments p {
	margin: 0px 0px 0px 0px; /* ensure pushed right of photos */
	/* background-color: #00FF00;  */
}

#centre {
	text-align: center;
	height: 135pt;
}

.floatl {
 	float: left;
}


#fire {
	position: absolute;
	top: 0px;
	left: 10px;
}


#scc {
	position: absolute;
	top: 0px;
	right: 0px;
}

#westland {
	position: absolute;
	top: 105px;
	left: 40px;
}

#ministry {
	position: absolute;
	top: 150px;
	left: 0px;	
}

#nhs {
	position: absolute;
	top: 170px;
	right: 0px;	
}

#tdbc {
	position: absolute;
	top: 230px;
	right: 0px;	
}

#contactdetailsL {
	margin: 5px 6px 10px 25px; 
	float: left;
	padding: 0px 0px 0px 0px;
	width: 80px;
	font-size: 1.2em;
	background-color: #FFFFFF;
}

#contactdetailsL p {
	padding: 0px 10px 0px 0px;
	text-align: right;
	color: #306090;		/* WFIE blue/grey */	
}

#contactdetailsR {
	margin: 5px 0px 10px 6px; 
	float: left;
	padding: 0px 0px 0px 0px;
	width: 290px;
	font-size: 1.2em;
	background-color: #FFFFFF;		
}

#contactdetailsR p {
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #306090;		/* WFIE blue/grey */		
}

#contactdetailsR a {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.0em;	
	color: #306090;		/* WFIE blue/grey */		
}

#directions {
	margin: 0px 0px 6px 6px; 
	float: left;
	padding: 0px 0px 10px 0px;
	width: 228px;
	background-color: #ECF0F0;
	border: solid 0px #000000; /* No border looks better most people think */
}

#directions p {
	padding: 0px 0px 0px 10px;
	text-align: left;
	font-size: 11px;	
	line-height: 10px;		
}
	
#copyright {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	margin-top: 5px;
	color: #306090;		/* Very Dark Blue/Black */
	text-align: center;
}

#copyright a { 
	text-decoration: none; /* don't underline the Somerset Web Services link */
	color: #306090;		/* and same color as copyright Very Dark Blue/Black */	
}

.clearfloats {
	clear: both;
}

.style1 {font-size: 0.6em}