body {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: centre;
	color: #000000;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(../DesignImages/contentBackground.jpg);
}

.skipper {display: none;}
#extraText {display: none;}
a {text-decoration: none;}
a:link {color: #67B0FF;}
a:visited {color: #67B0FF;}
a:hover {text-decoration: underline;}
#container {
	width: 786px;
	position:relative;
	/*-- use if centered first figure is top margin change to suit --*/
	margin: 20px auto 0; 
	
	padding: 0;
	text-align: left;
	background: url(../DesignImages/contentBackgroundContainer.jpg) bottom left repeat; 
	}
#containerback { 
background: url(../DesignImages/maincontentBackground.jpg) top left no-repeat;  }


#pageHeader { background: url(../DesignImages/TopBanner2.jpg) top left no-repeat;
	height: 155px; width: 786px; 
	margin: 0 0 0 0; padding: 0 0 0 0; }

#pageHeader h1 {
/*-- do not remove or change padding and margin --*/
	padding: 0 0 0 0; margin: 0 0 0 0; }
#pageHeader h1 span {visibility: hidden;
/*-- do not remove or change padding and margin --*/ padding: 0 0 0 0; 	margin: 0 0 0 0; }

#interfaceImage{ position:relative; text-align:left; }
#interfaceImage img{ position:relative; top: 0; left: 0; margin: 0px 0 0 0px; }
#wrapper {padding: 0; margin: 0;}
#spacer { clear:both; padding: 0; margin: 0; }
#main { padding: 0; margin: 0; }

/*-- Next controls page layout and sets column and content widths --*/

#QPpageContent {
float:right;
/* width of main content area - set margin-right of left panel to same width--*/
width:78%;
color: #0058B9;
background-color:transparent;
/*-- background image for behind content --*/
/*-- background: url(DesignImages/maincontentBackground.jpg) top right no-repeat; --*/
}
.ContentArea td{
color: #0058B9;}
#contentMain { }
#QPpageContent p { }
#QPpageContent h2 {
	font-size: 1.2em; 	color: #002D5E; 	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	padding-top: 20px; margin-top: 0px; padding-left: 5px; padding-bottom: 0px; 	margin-bottom: 0px; letter-spacing: 1px;
	background-image: url(../DesignImages/H2back.gif);
	background-repeat: repeat-x;
	height: 35px;
	}
/*-- dont need to edit these h3 h4 h5 h6--*/
#QPpageContent h3 {
	font-size: 1.2em; color: #67B0FF; padding: 0 0 0 0;}
#QPpageContent h4 {
	font-size: 1.1em; color: #67B0FF;}
#QPpageContent h5 {
	font-size: 1em; color: #67B0FF;}
#QPpageContent h6 {
	font-size: .9em; color: #67B0FF;}
	
	
/*-- content area --*/

.ContentArea { padding: 25px 40px 40px 0px; float: left; }
.ContentArea p{ padding-top:0; margin-top:0; vertical-align:top; height:auto; }
.ContentArea p strong{ color:#0058B9; }
strong{ color:#0058B9; }
.contentPicBox { margin-bottom: 0; display: block; color:#000000; font-size: 10px;
	/*-- use this style to float the text around the image i.e. float: left; --*/
	float: left; }
.contentPicBox img{ margin-bottom: 0; border: 1px solid #000000; 
/*-- use margin to create space around the image --*/
margin-right: 20px; padding-left:0; }
.contentPicBox span{ margin-bottom: 40px; }
/*-- image border is for gallery detail page images --*/
.ImageBorder { /* border: 1px solid #fff  */}
/*--more link style below--*/
.contentPic a{ 	padding-left:0; /* border-color: #fff; border-style: solid; border-width: 1px; */ padding:0px 2px 0px 2px; text-decoration: none; }
.contentPic span{ margin-bottom: 0px; }


/*-- nav panel --*/


#navPanel { margin-right:78%; padding: 0; }
#leftpannel {
	width: 190px;
	position:relative;
	padding: 0 0 0 0; margin: 0 78% 0 0;
	background-color: transparent;	background-image:url(../DesignImages/--NavigationBackground.jpg);}
	
	
}
#leftpannel .menuBase { 
	background-image:url(../DesignImages/navB-.gif); background-position:  9px 0; background-repeat:no-repeat; height: 87px;	padding: 0 0 0 0; margin: 50px 0 10px 0; background-color: transparent; float : left; width: 150px; }

.NavList { 	top: 0; left: 0; text-align: left; 	padding: 0 0 0 1px; 
	font-size: 0.8em; 	letter-spacing: 1px; margin:0;}
.NavList h4 {
visibility:hidden; height: 1px; padding: 0 ; margin: 0; border: none; line-height:0 ; }
.NavList ul {
	list-style: none; margin: 0; padding: 0  0 0 0; border: none; 
	background-color:transparent; width: 150px; 
/*-- background: url(DesignImages/button1.jpg) no-repeat top left ; --*/
}
.navlist li {
		/*-- set nav column width --*/
		/*-- border: 1px solid red; --*/
		width: 150px; 	margin: 0;	padding: 0;}
.navlist li span.mainnav { }
.NavList ul li{
}
.NavList li a{
	display: block; 
	/*-- set nav button width to wide and nav moves to base of content adjust this width and content widths to fix --*/
	/*-- width: 174px; --*/
	font-size:12px;
	text-decoration: none; 
	color: #FFFFFF;
	font-weight:bold;
	background:  0 url(../DesignImages/button1.jpg) repeat-y 100%;
	padding: 4px 0px 0px 15px;
margin: 0px 0px 0px;
height: 25px;
	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #030A7B;

	}
	/*--  border-bottom: 3px solid #B2B2B2; --*/
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 .NavList li a{ padding:0; margin:0;} /*end IE5-Mac hack*/


 



/*-- remove navList styles below adjust above style and then duplicate to create a:link a:visited a:hover---*/
.NavList li a:link, .NavList li a:visited{
	display: block; 
	/*-- set nav button width to wide and nav moves to base of content adjust this width and content widths to fix --*/
	/*-- width: 174px; --*/
	font-size:12px;
	text-decoration: none; 
	color: #fff;
	font-weight:bold;
	background: url(../DesignImages/button1.jpg) top left repeat-y;
	padding: 4px 0px 0px 15px;
margin: 0px 0px 0px;
height: 25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #030A7B;
}

.NavList li a:hover, .NavList li a:active{
	display: block; 
	/*-- set nav button width to wide and nav moves to base of content adjust this width and content widths to fix --*/
	/*-- width: 174px; --*/
	font-size:12px;
	text-decoration: none; 
	color: #005BBF;
	font-weight:bold;
	background: url(../DesignImages/button1_F2.jpg) top left repeat-y;
	padding: 4px 0px 0px 15px;
margin: 0px 0px 0px;
height: 25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #030A7B;
}


/*--
.NavList>ul a {width:auto;}
.NavList li.sub{

}
.NavList li span{
}
.NavList li.sub a:link{
	color: #AFE2B2; }
.NavList li.sub a:visited{
color: #AFE2B2; }
.NavList li.sub a:hover{
color: #AFE2B2; }
.NavList li.sub a:active{
color: #AFE2B2; }


*/
/*-- image possition below menu i.e.logo --*/
.belowMenu { clear:left; 
height:1px;
padding: 0; margin: 0;
}
/*-- footer --*/
 
#footer { clear:both; text-align:left; 	margin: 0 0 0 0; border-bottom: 1px solid #FFFFFF;
height:23px; 
	/*-- footer text possition --*/ padding: 1px 10px 10px 210px; 	font-size:10px;
	/*-- footer background image --*/ background: url(../DesignImages/BottomBar.jpg) top right no-repeat;}

#footer span {
/*-- footer text colour spacing ect --*/
color:#67B0FF; padding-right: 20px; text-align:right; 
position:relative; top:1px;
padding-bottom:10px;
}
#footer span a {
/*-- footer text link colour spacing ect --*/
color:#67B0FF; padding-left: 60px; padding-right: 20px; text-align:right; }
#footer p {margin: 0; padding: 0; }
/*-- Print link --*/
#print { float: right; padding:0 60px 10px 20px; background: url(../DesignImages/icon-print-file.gif) 0 0 no-repeat; }
/*-- image gallery --*/
#gal {


}
#gal img{

}
.galpicarea {
border: 1px solid #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:0;
margin:0;


}
.galpicarea td{
padding:20px 20px 0 20px;

}
.Image {

}
.galpicarea img{
vertical-align:top;
border: 1px solid #fff;

}
.galpicarea ul{
	list-style-type: none;
	padding:0;
	margin:0;



}
.galpicarea td ul li{
display:block; 
	text-align:left;
}

.galfooter {
clear:both; 
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;}

/*-- Form --*/

#form {
margin:6px 0;
}
#form td{
margin:6px 0;
/*-- font-size: 12px; --*/
padding:4px 4px 4px 4px;
vertical-align:top;
}
.FormSubmitButton {
margin: 10px 10px 10px 10px;
}
.clear { clear:both; padding-bottom:20px;}