body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	background: #70428B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

.skipper {display: none;}
#extraText {display: none;}
a {text-decoration: none;}
a:link {color: #70428B;}
a:visited {color: #70428B;}
a:hover {text-decoration: underline;}
#container {
	width: 780px;
	margin: 50px auto 0;
	padding: 0;
	text-align: left;
	position:relative;


}
#containerback {


		background-repeat: repeat-y;
	background: url(DesignImages/contentBackground.jpg) left top;
	}


#pageHeader { 
	background: url(DesignImages/TopBanner2.jpg) 100% 100% no-repeat;
	height: 150px;
	width: 780px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;


}

#pageHeader h1 {
/*-- do not remaove or change padding and margin --*/
	padding: 0 0 0 0;
		margin: 0 0 0 0;

}
#pageHeader h1 span {visibility: hidden;
/*-- do not remaove 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;

}

#wrapper {
padding: 0;
margin: 0;


}
#spacer {
     clear:both;
     }
#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:70%;
color: #333333;
/*-- background image for behind content --*/
	background-repeat: repeat-y;
	background: url(DesignImages/content.jpg) right top;
}
#contentMain {
}
#navPanel {
margin-right:70%;

padding: 1px 0 1px 0;



}
#leftpannel {
/*-- set to control column width width --*/
margin-right:70%;
/*-- this must be set to ensure hover links work on page content --*/
width:229px;

/*-- do not change position --*/
position:relative;
top: 0;

/*-- use to set background image behind nav panel --*/

	background-image:url(DesignImages/navBase.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding: 0 0 20px 1px;
	margin: 0 0 0 1px;
}

#QPpageContent p {

}

#QPpageContent h2 {
	font-size: 1.8em;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 40px;
	margin-top: 5px;
	padding-left: 40px;
	padding-bottom: 0;
	margin-bottom: 0;
	letter-spacing: 1px;

}
/*-- dont need to edit these h3 h4 h5 h6--*/
#QPpageContent h3 {
	font-size: 1.2em;
}
#QPpageContent h4 {
	font-size: 1.1em;
}
#QPpageContent h5 {
	font-size: 1em;
}
#QPpageContent h6 {
	font-size: .9em;
}
/*-- content area --*/

.ContentArea {
padding: 10px 40px 40px 40px;


}
.ContentArea p{
padding-top:0;
margin-top:0;
vertical-align:top;
height:auto;
}
.ContentArea p strong{ 
color:#000;
}

.contentPic {
	margin-bottom: 0;
	display: block;
}
.contentPic img{
margin-bottom: 0;

padding-left:0;
}
.contentPic span{
margin-bottom: 20px;
}
/*--more link style below--*/
.contentPic a{
	padding-left:0;
	border-color: #70428B;
	border-style: solid;
	border-width: 1px;
	padding:0px 2px 0px 2px;
	text-decoration: none;
}
.contentPic span{
margin-bottom: 0px;
}
/*-- nav panel --*/



.NavList {
	top: 0;
	left: 0;
	text-align: left;
	/*-- padding creates space below links so they do not over lap background image --*/
	padding: 0 0 20px 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;
border: none;



}

.navlist li {
		/*-- set nav column width --*/
		width: 27%;
		margin: 0;
		padding: 0 0 5px 30px;
		
		white-space: nowrap;


}
.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: 170px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	background: url(DesignImages/buttonbase.gif) no-repeat 0 100%;
	padding: 0 0px 15px 0px;


}
/*-- remove navList styles below adjust above style and then duplicate to create a:link a:visited a:hover---*/
.NavList li a:link{
	display: block;
	/*-- set nav button width to wide and nav moves to base of content adjust this width and content widths to fix --*/
	width: 170px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	background: url(DesignImages/buttonbase.gif) no-repeat 0 100%;
	padding: 0 0px 15px 0px;


}.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: 170px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	background: url(DesignImages/buttonbase.gif) no-repeat 0 100%;
	padding: 0 0px 15px 0px;


}.NavList li a:hover{
	display: block;
	/*-- set nav button width to wide and nav moves to base of content adjust this width and content widths to fix --*/
	width: 170px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	background: url(DesignImages/buttonbase.gif) no-repeat 0 100%;
	padding: 0 0px 15px 0px;


}
.NavList>ul a {width:auto;}

.NavList li span {
font-style: italic;
padding:0; 
margin: 0;

}
.NavList span a:link{
color: #009900; 

}
.NavList span a:visited{
color: #009900; 

}
.NavList span a:hover{
color: #fff; 

}
.NavList span a:active{
color: #009900;
}

/*-- footer --*/
 
#footer {
 	clear:both;
 	text-align:left;
	margin: 0  0 0 0;
	/*-- footer text possition top left bottom right --*/
	padding: 20px 40px 30px 231px;
	font-size:10px;
	/*-- footer background image --*/
	background: url(DesignImages/BottomBar.gif) 0 0 no-repeat;
}

#footer span {
/*-- footer text colour spacing ect --*/
color:#FFF;
padding-right: 20px;
text-align:right;


}

#footer span a {
/*-- footer text link colour spacing ect --*/
color:#FFF;
padding-left: 60px;
padding-right: 20px;
text-align:right;
}
	

#footer p {margin: 0; padding: 0; 
border: 1px solid yellow;}

#print {
	float: right;
	padding:0 40px 20px 20px;
	background: url(DesignImages/icon-print-file.gif) 0 0 no-repeat;

}
/*-- image gallery --*/
#gal {


}
#gal img{

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


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

}
.Image {
color: #70428B;
}
.contentPic{
color: #70428B;
padding: 5px 0 15px 0;
}
.galpicarea img{
vertical-align:top;
border: 1px solid #cccccc;

}
.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:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
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;
}