body {
margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	color: #8F7244;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  .9em;
	background: url(../DesignImages/mainSiteBack.jpg) 0 0 repeat-x;
}

.skipper {display: none;}
#extraText {display: none;}
a {text-decoration: none;}
a:link {color: #BFB44E;}
a:visited {color: #BFB44E;}
a:hover {color: #333;}
#container {
	width: 916px;
	position:relative;
	/*-- use if centered first figure is top margin change to suit --*/margin: 0px auto 0;
	
	padding: 0;
	text-align: left;
	

	}
#containerback { 
background: url(../DesignImages/contentBackgroundContainer.gif)  repeat-y 0 600px;

}


/*--#pageHeader { background: url(../DesignImages/TopBanner2.gif) top left no-repeat;
	height: 150px; width: 916px; 
	margin: 0 0 0 0; padding: 0 0 0 0;   } --*/
#pageHeader { background: url(../DesignImages/TopBannerdeep.gif) top left no-repeat;
	height: 373px; width: 916px; 
	margin: 0 0 0 0; padding: 0 0 0 0;    }
	
	
#extraDiv1 { position: absolute; top: 73px; right:35px;}
/*--#extraDiv1 { position: absolute; top: 120px; right:35px;} --*/


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

/*-- #interfaceImage{
height: 0; --*/

#interfaceImage{
position: absolute; top: 105px; left: 18px; z-index: 200; text-align:left; width: 879px; height:223px; 
}
#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:860px;
color: #333;
background-color:transparent; margin-bottom: 0px; margin-top: 0px;  
/*-- background image for behind content --*/
background: url(DesignImages/maincontentBackground.jpg) top right no-repeat;

}
.ContentArea td{

color: #000;}
#contentMain { }
#QPpageContent p { }
#QPpageContent h2 {
	font-size: 2em; 	color: #BFB44E; 	font-family: "Times New Roman", Times, serif; font-weight: normal;
	padding : 0px 0 5px 0px; margin: 20px 20px 0 0;    	margin-bottom: 0; letter-spacing: normal;
	background:url(../DesignImages/Heading--.gif) 0 50%  no-repeat;   }
/*-- dont need to edit these h3 h4 h5 h6--*/
#QPpageContent h3 {
font-size: 1.5em; 	color: #BFB44E; 	font-family: "Times New Roman", Times, serif; font-weight: bold;
	padding : 0px 0 5px 0; margin-top: 0;     	margin-bottom: 0; letter-spacing: normal;
	background:url(../DesignImages/Heading.gif) 0 50%  no-repeat;  line-height: 1.8em; }
#QPpageContent h4 {
	font-size: 1.1em; color: #BFB44E;}
#QPpageContent h5 {
	font-size: 1em; color: #BFB44E;}
#QPpageContent h6 {
	font-size: .9em; color: #BFB44E;}
	
	
/*-- content area --*/

.ContentArea { padding: 10px 40px 0px 0px; float: left; font-size:.8em;  }
.ContentArea p{ padding-top:0; margin-top:0; vertical-align:top; height:auto; line-height: 1.6em;  margin-bottom: 14px; }
.ContentArea p strong{ color:#BFB44E; }
.333ContentArea a strong { color:#BFB44E; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size: 14px;}

.ContentArea dl {float: left; margin: 10px 0px 20px 0px; width: 128px; display:inline; /* fixes IE/Win double margin bug */ height:250px; padding-right: 5px;  }
.ContentArea dt { margin: 5px 0 0 0;  width: 118px; float: left; color:#BFB44E; font-family:"Times New Roman", Times, serif; font-size: 1.8em;   }
.ContentArea dt em { color: #BFB44E; font-style:normal;}
.ContentArea dd img {width: 118px; border: 5px solid #C6C6C6; float: left; margin: 0 5px 0 0;}
.ContentArea dd {  margin: 0;}
.ContentArea dd a {  margin: 0; color:#BFB44E; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size: 1.2em;    }

.ContentArea hr {border: none 0; 
border-top: 1px solid #3F4C19 !important;
border-top: 1px solid #3F4C19;/*the border*/

border-bottom: 0 solid #83C1E0;/*the border*/
 
margin-left: -4px;
height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
} 
.ContentArea .line { 
margin-left: 0px;
background: #000 url(../DesignImages/hr.gif) 0 0;
height: 10px;/*whatever the total width of the border-top and border-bottom equal*/
} 
/* #subnavlist ul  { list-style:none; margin: 0;}
#subnavlist .ContentArea ul li { padding: 0; display: block; width:200px;}
#subnavlist .ContentArea ul li a {display: block; background:url(../DesignImages/Heading.gif) 0  100%  no-repeat;   margin: 0; padding: 10px 0 15px 50px;} */

strong{ color:#000000; }
.contentPicBox { margin-bottom: 0; display: block; color:#333;
	/*-- use this style to float the text around the image i.e. float: left; --*/
	float: left; }
.contentPicBox img{ margin-bottom: 0; border-bottom-style:inset; border: 1px solid #3D4E18; 
/*-- use margin to create space around the image --*/
margin: 0 15px 15px 0;
}
#no-img-border .contentPicBox img{    border: 0px solid #000;  }

.contentPicBox span{ margin-bottom: 40px; }
/*-- image border is for gallery detail page images --*/
.ImageBorder { /* border: 1px solid #000  */}
/*--more link style below--*/

.contentPic a{ 	padding-left:0; /* border-color: #000; border-style: solid; border-width: 1px; */ padding:0px 2px 0px 2px; text-decoration: none; }
.contentPic span{ margin-bottom: 0px; }


/*-- nav panel --*/



#leftpannel { 

	margin-right:0px;
	width: 0px;
	position:relative;
	top: 0;
	padding: 0px 0 0 0;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-color: transparent;
	min-height: 0px;
	background: url(../DesignImages/menuback--.gif) top right repeat-y;

	 


	
}
#leftpannel .menuBase { 
	background: url(../DesignImages/nav-base--.gif) bottom left  no-repeat; height: 129px;
	padding: 0; margin: 0 0 0 0; background-color: transparent; width: 250px; display:none;
	 

	
	 }


/*-- image possition below menu i.e.logo --*/
.belowMenu { clear:left;
/*-- background: url(../DesignImages/LeftColumnBaseFill.gif) 0 0 no-repeat; --*/
height:10px;
padding: 0; margin: 0;
}
/*-- footer --*/
 
#footer { clear:both; text-align:right; 	margin: 0  0 0 0;
height:30px; 
	/*-- footer text possition --*/ padding: 20px 10px 10px 260px; 	font-size:9px;
	/*-- footer background image --*/ background: url(../DesignImages/BottomBar.gif) 0 0 no-repeat;}

#footer span {
/*-- footer text colour spacing ect --*/
color:#CCCCCC; padding-right: 20px; text-align:right; 
position:relative; top:12px;
padding-bottom:10px;
}
#footer span a {
/*-- footer text link colour spacing ect --*/
color:#BFB44E; padding-left: 30px; padding-right: 20px; text-align:right; }
#footer p {margin: 0; padding: 0; border: 1px solid yellow;}
/*-- Print link --*/
#print { float: right; padding:0 60px 20px 20px; background: url(../DesignImages/icon-print-file.gif) 0 0 no-repeat; }



/*-- image gallery --*/

div.GalleryImageA {float: left ; padding: 5px; width:130px; border:1px solid #E3E2DF; margin: 20px 10px 20px 0; text-align:center; height: 180px;}
div.GalleryImageB  { border: none;  text-align:center;}
div.GalleryImageB .ico {width:26px;} 
div.GalleryImageA img {border: none; width:120px;}
div.GalleryImageA a:link, div.GalleryImageA a:visited { font-size:10px;}
div.GalleryImageA a:hover, div.GalleryImageA a:active {}

/*-- image gallery details --*/

#GalleryWrapper a:link, #GalleryWrapper a:visited { font-weight:bold;}
#GalleryWrapper a:hover, #GalleryWrapper a:active {}

div.GalleryMainPicBox {padding: 5px; background: white;  border:1px solid #E3E2DF; margin: 20px 0px 20px 0px; text-align:left; }
div.GalleryMainPicComment  { border: none;  text-align:left; font-size:10px; padding: 10px 0 10px 0;}
 
div.GalleryMainPicBox img {border: none;}
div.GalleryMainPicBox a:link, div.GalleryMainPicBox a:visited { font-size:0.8em;}
div.GalleryMainPicBox a:hover, div.GalleryMainPicBox a:active {}


/*-- images news items --*/
#NewsWrapper a { margin-top: 15px; }
#NewsWrapper a:link, #NewsWrapper a:visited { font-weight:bold; color: #BFB44E; text-decoration:none; padding: 3px; margin-top: 15px;}
#NewsWrapper a:hover, #NewsWrapper a:active { color: #333;  text-decoration:none; padding: 3px; margin-top: 15px; }

a {text-decoration: none;  }
a:link {color: #BFB44E; text-decoration:none;}
a:visited {color: #BFB44E;text-decoration:none;}
a:hover {color: #000000; text-decoration:underline;}
a:active {color: #000000;text-decoration:none;}

div.NewsMainPicBox {padding: 5px; background: white;  border:1px solid #E3E2DF; margin: 0px 0px 20px 0px; text-align:left; float: right;}
div.NewsMainPicComment  { border: none;  text-align:left; font-size:10px; padding: 10px 0 10px 0;}
 
div.NewsMainPicBox img {border: none;}
div.NewsMainPicBox a:link, div.GalleryMainPicBox a:visited { font-size:10px;}
div.NewsMainPicBox a:hover, div.GalleryMainPicBox a:active {}


/*-- 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:2px;}

#extraDiv2 { position: relative; top: -80px; left: -200px;}




/*-- nav panel --*/

#navpres {
	position: absolute;
	top: -45px !important; /* non IE browsers */
	top: -45px; /* IE Browsers */
	left: 35px;
	height: 31px;
	background: transparent;
	background-color:transparent;
	width:880px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
	
}




#leftpannel ul{ /* background: url(../DesignImages/button1.jpg) top left repeat-Y;  */ 	}

.NavList, .NavList ul { /* all lists */	padding: 0 ; margin: 0 ; list-style: none; float : left; background-color:transparent; }
.NavList li {/* all list items */ position : relative; float : left; line-height : 1em; }

/* Navigation Controls */


#navpres li a { width: auto;  color: #fff; text-align: left; font-weight: normal; 
padding :0; background:transparent; text-transform: uppercase;  }

#navpres li a { display : block; text-decoration : none; float: left; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 .NavList li a{ padding:0; margin:0;} /*end IE5-Mac hack*/
		
	
#navpres li a:hover { color : #BFB44F; background:transparent; }

#navpres li a  span{
	margin : 0;
	padding: 8px 10px 5px 10px;
	display:block;
	background:url(../DesignImages/button-left.jpg) 0 5px no-repeat; 
}
#navpres li a:hover span {		}


/* second-level lists */
#navpres li ul { 
position : absolute; left: -999em; z-index: 200 ; }

#navpres li li a { display : block; z-index: 250 ; border-bottom: 1px solid #3F4C19; width: 200px; padding: 0; color:#3F4C19; border-left: 1px solid #3F4C19; border-right: 1px solid #3F4C19;  }
#navpres li li a span { background: transparent; background-color:transparent; padding: 5px 0 5px 5px; }


 #navpres li li { background: #E5E5E5; width: 200px;}

#navpres li ul { /* second-level listsmargin : -1px 0px 0px  224px; padding: 0  ;*/ 
/* border around roll out menu panel - top and right, bottom border is added in li below background-color: #FFFFFF; */ }

#navpres li:hover ul, #navpres li.sfhover ul {     left: 0px; padding-top: 30px; }
/*#navpres li:hover ul ul, #navpres li:hover ul ul ul, #navpres li.sfhover ul ul, #navpres li.sfhover ul ul ul {left: -999em; }
	
#navpres li:hover ul, #navpres li li:hover ul, #navpres li li li:hover ul, #navpres li.sfhover ul, #navpres li li.sfhover ul, #navpres li li li.sfhover ul { /* lists nested under hovered list items */  /*left:  auto; top:20px ;  background: transparent;	}*/

/*#navpres li li a { color : #62999F; font-weight : bold; padding-left: 8px;
 text-align: left; font-size: .9em; text-decoration : none; background-image: none; padding : 0 ;}
		#navpres li li a span{		background-image:none;}
		
			#navpres li li a:hover {
		color : #000; background-image: none;  z-index: 250;}
		
		#navpres li li a:hover span {
		 background-image: none;
		}*/