body {
margin: 20px 0 10px 0;
	padding: 0;
	text-align: center;
	color: #000;
	background: #C6A793;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  .9em;
}


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



.skipper {display: none;}
#extraText {display: none;}
a {text-decoration: none;}
a:link {color: #990033;}
a:visited {color: #990033;}
a:hover {color: #333;}
#container {
	width: 914px;
	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/site_back.gif) 0 0 repeat-y;

}

	
	
#extraDiv1 { position: absolute; top: 100px;}


#interfaceImage{position: absolute; top: 20px; left: 0; z-index: 200; text-align:left; width: 316px; height: 245px;}
#interfaceImage img{ position:relative; top: 0; left: 0; margin: 0px 0 0 0px; }

#extraDiv1{position: absolute; top: 20px; left: 0; z-index: 200; text-align:left; width: 316px; height: 245px;}
#extraDiv1 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:605px;
color: #333;
background-color:transparent; margin-bottom: 0px; margin-top: 0px;  
/*-- background image for behind content --*/
background: url(../DesignImages/watermark.gif) top right no-repeat;
}
.ContentArea td{

color: #000;}
#contentMain { }
#QPpageContent p { }





#QPpageContent h1 {
font-size: 1.5em; color: #990033; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style:italic; padding : 0px 0 10px 0px; margin: 20px 20px 10px 0;margin-bottom: 0; letter-spacing: normal; background:url(../DesignImages/h1_default.gif) bottom left no-repeat;
}

			
#QPpageContent h2 {
color: #990033; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style:italic; padding : 0px 0 10px 0px; margin: 20px 20px 10px 0;margin-bottom: 0; letter-spacing: normal; 
}

#QPpageContent h3 {
color: #990033; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style:italic; padding : 0px 0 10px 0px; margin: 20px 20px 10px 0;margin-bottom: 0; letter-spacing: normal; 
}			
			
			
			
			
			

	
	
/*-- 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 hr {border: none 0; 
border-top: 1px solid #990033 !important;
border-top: 1px solid #990033;/*the border*/

border-bottom: 1px solid #fff;/*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:#990033; }



.ContentArea ul { margin:0; padding:0; list-style-type:none;}
.ContentArea li { background:url(../DesignImages/bullet_default.gif) no-repeat 0 50%; padding-left: 25px; margin-bottom:10px; }
	#cctv .ContentArea li { background:url(../DesignImages/bullet_cctv.gif) no-repeat 0 50%; padding-left: 30px; }
		#networking .ContentArea li { background:url(../DesignImages/bullet_networking.gif) no-repeat 0 50%; padding-left: 30px; }
			#webcams .ContentArea li { background:url(../DesignImages/bullet_webcams.gif) no-repeat 0 50%; padding-left: 30px; }


/*--Image positioning --*/

.contentPicBox { margin-bottom: 0; display: block; color:#333; float: left; }
.contentPicBox img{ margin-bottom: 0; border-bottom-style:inset; border: 1px solid #990033; margin-right: 20px; padding-left:0; }
.contentPicBox span{ margin-bottom: 40px; font-size:10px; }
.contentPicBox .NoBorder { border: none;  }

.contentPicBox2 { margin-bottom: 0; display: block; color:#333; float: right; text-align:right;}
.contentPicBox2 img{ margin-bottom: 0; border-bottom-style:inset; border: 2px solid #83C1E0; margin-left: 20px; padding-right:0; }
.contentPicBox2 span{ margin-bottom: 40px; font-size:10px;  }
.contentPicBox2 .NoBorder { border: none;  }


/*--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:595px;
	width: 250px;
	position:relative;
	top: 0;
	padding: 120px 0 0 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: transparent;
	min-height: 20px;
	background: url(../DesignImages/menu_top.jpg) top left no-repeat; 
}
	#cctv #leftpannel { background: url(../DesignImages/nav-bg-cctv.png) top left repeat-y; }
		#networking #leftpannel { background: url(../DesignImages/nav-bg-networking.png) top left repeat-y; }
			#webcams #leftpannel { background: url(../DesignImages/nav-bg-webcams.png) top left repeat-y; }


#leftpannel .menuBase { background: url(../DesignImages/below_menu.gif) bottom left  no-repeat; height: 226px;padding: 0; margin: 0 0 0 0; background-color: transparent; width: 245px;}



.NavList { 	top: 0; left: 0; text-align: left; 	padding: 0 0 0 0; 
	font-size: 0.8em; 	letter-spacing: 1px; margin:25px 0 20px 9px;
	}
.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: url(../DesignImages/menuback.gif) top right repeat-y; width: 213px; 
/*-- background: url(DesignImages/button1.jpg) no-repeat top left ; --*/




}
.navlist li {
		/*-- set nav column width --*/
		/*-- border: 1px solid red; --*/
		width: 250px; 	margin: 0; 	padding: 0 10px 0 0px;
		margin: 0 0 2px 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; --*/
	text-decoration: none; 	color: #fff; font-weight: normal;
	background: url(../DesignImages/button1.gif) no-repeat bottom right ;
}
	/*--  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; --*/
	text-decoration: none;
	text-align: left;
	color: #fff;
	padding: 10px 20px 8px 20px;
	background-color:#C37D85;
	border-bottom: 3px solid #990033;
}

.NavList li a:hover, .NavList li a:active{
display: block;
text-decoration: none;
text-align:  left;
color: #fff;
padding: 10px 20px 8px 20px ;
background-color:#710024;
border-bottom: 3px solid #990033;

}


/*--  Customised links for this site --*/

.NavList li.NAVcctv a:link, .NavList li.NAVcctv a:visited{
background:   url(../DesignImages/nav_button_bg_cctv.gif) no-repeat bottom left ;
padding-left: 35px;
}
.NavList li.NAVcctv a:hover, .NavList li.NAVcctv a:active{
background-color:#4F7773;
}

.NavList li.NAVnetworking a:link, .NavList li.NAVnetworking a:visited{
background:   url(../DesignImages/nav_button_bg_networking.gif) no-repeat bottom left ;
padding-left: 35px;
}
.NavList li.NAVnetworking a:hover, .NavList li.NAVnetworking a:active{
background-color:#625C00;
}

.NavList li.NAVwebcams a:link, .NavList li.NAVwebcams a:visited{
background:   url(../DesignImages/nav_button_bg_webcams.gif) no-repeat bottom left ;
padding-left: 35px;
}
.NavList li.NAVwebcams a:hover, .NavList li.NAVwebcams a:active{
background-color:#30743C;
}




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

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


/*-- Rollover Navigation Sub Menus --*/
#navpres li ul { position: absolute;  left: auto; margin: 0 0 0 -990px; padding: 0; border: 1px solid #6A0023; background-image:none; background-color:#AF5460; width: 200px;} 
#navpres li:hover ul { position: absolute;  left: 1em; margin: 0px 0 0 0px; width: 201px; }
#navpres li:hover ul, #navpres li.sfhover ul { position: absolute;  left: auto; margin: -30px 0 0 200px; }

#navpres li li {display:inline-block ; margin:0; padding: 0px ;   position:relative; width: 200px;}


#navpres li ul a {
color:#fff;
margin: 0;
border-bottom: solid 1px;
padding:2px;
}
#navpres li:hover ul a:hover, #navpres li.sfhover ul a:hover {
color:#fff;
background-color:#C37D85;

}

/* Holly Hack for IE \*/
* html #navpres ul li { float: left; height: 1%; }
* html #navpres ul li a { height: 1%; }
/* End */

/*-- image possition below menu i.e.logo --*/
.belowMenu { clear:left; /*-- background: url(../DesignImages/LeftColumnBaseFill.gif) 0 0 no-repeat; --*/ height:70px;padding: 0; margin: 0;}













/*-- footer --*/
#footer { clear:both; text-align:right; 	margin: 0  0 0 0;
height:51px; 
/*-- footer text possition --*/ padding: 0px 10px 0px 260px; 	font-size:9px;
background: url(../DesignImages/site_base.gif) bottom left  no-repeat;

}

#footer span {
/*-- footer text colour spacing ect --*/
color:#CCCCCC; padding-right: 20px; text-align:right; 
position:relative; top:52px;
padding-bottom:10px;
}
#footer span a {
/*-- footer text link colour spacing ect --*/
color:#990033; 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: #990033; 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: #990033; text-decoration:none;}
a:visited {color: #990033;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 20px 20px 0px; text-align:left; float: left;}
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;}