/*main page body settings*/
body{
	margin:0px;
	padding:0px;
	/*normal body text style*/
	/*all text on the site defaults to this unless styled otherwise*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#2D2929;
	font-size: 10pt;
	line-height: 13pt;
	font-style: normal;
}

/*paragraph padding to stop text extending right up to layer borders*/
p {
	padding:0px;
	margin:0px;
}


/*hyperlink styles

a:link {
color: #3366FF;
text-decoration: none;
}

a:visited {
color: #3366FF;
text-decoration: none;
}

a:hover {
color: #FF9966;
text-decoration: none;
}

a:active {
color: #3366FF;
text-decoration: underline;
}
*/


/*	
	SITE DESIGN
	-------------------
	
	
	#####################################
	#####	LOGO						#####
	#####################################
	#####	ABOUT | SERVICE|HOME|CONTACT	#####
	#####								#####
	#####################################
	#####################################
	#####								#####
	#####		CONTENT					#####
	#####								#####
	#####								#####
	#####								#####
	#####								#####
	#####								#####
	#####								#####
	#####								#####
	#####################################
	#####		FOOTER					#####
	#####################################
	*/
	
/*
## Main Wrapper | to frame the page
####################################
*/
div#wrapper{
	width:750px;				/*assuming minimum screen resolution of 800x600*/
	margin:0 auto;
	margin-top:25px;
	/*background-color:#fefce0;	/* that nice - not quite white colour which offsets the page colours and makes it look nice*/
	border:1px solid gray;
	background-color:#DEE0E2;
}

div#subwapper{
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
	margin-right:25px;
	border:1px solid gray;
	background-color:#FFFFFF;
	}

/*
## Logo Banner | Create the top bar for the logo
####################################
*/
div#logobanner{
	width:100%;

	height:120px;
	color:#FFFFFF;
	background-image: url("Data/header_bar_mark_ward3.png");
	background-repeat: no-repeat;
}

div#logobanner h1, div#logobanner h2, div#logobanner p{
	display:none;/*normally, all this text is in the banner image anyway*/
}

/*
## List Container | To contain and manage the hyperlinks
####################################
*/
#navcontainer ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color: #A0000A; /*#036;*/
	color: white;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
}

#navcontainer ul li a:link, #navcontainer ul li a:visited
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
	background-color: #96000A;/*#369;*/
	color: white;
	text-decoration:underline;
}

#navcontainer #active { border-left: 1px solid #fff; }

/*
## Page Body | To stick content in
####################################
*/
div#PageBody{
	width:98%;
	margin-left: 7px;
	/*background-color:#00FFFF;*/
	}

/*
## Page Footer | To stick content in
####################################
*/

div#PageFoot{
	width:100%;
	text-align:center;
	color:#ABACAD;
	FONT-SIZE: 7pt;
	FONT-STYLE: normal;
	}

/*centralised text*/
.centre{
	text-align:center;
	}

	
/*service list bullets*/
ul#service li{
	list-style-image:url(Data/bullet.gif);
	}
	
/*service list capitialisation*/
ul#service li{
	text-transform:uppercase;
	}
	
/*service list hover effecrs*/
ul#service li:hover{
	color:#FF9966;
	}
	
/*small print*/
.smallprint{
	font-style:italic;
	font-size:x-small;
	text-align: right;
	}

.smallprint span{
	font-size:medium;
	font-style:normal;
	}