html { margin:0; padding:0;  }
 body { padding: 15px;   background-color:#4B4B4B; color: white; font-family:tahoma, arial, sans-serif; font-size:70%;}
 .top_pic {height: 180px; width: 720px; background: #000; border:5px solid #525252; text-align:center; margin:auto; margin-top:10px;}
 a { text-decoration:none; color:#b399cf; }
 a:hover { text-decoration:underline;  }
 h1 { font-size:1.8em; color: white; border-bottom: 1px solid #4a2e5d; padding-bottom:3px;}
 h2 {background-color:#707070; font-size:1.4em; padding:1px 0; text-indent:5px; border-right:5px solid #4a2e5d; color: white; margin:20px 0; clear:both; }
 h3 { font-size:1.2em; color:white; background:url(http://server11.sitewizard.co.uk/sites/vtsystems/template/h1back.gif); border-left: 15px solid #4a2e5d; text-indent: 5px; margin-bottom: 15px; clear:both; }
 .shout {font-size:1.6em; color:white; font-weight: bold; }
 .notes {font-size: 0.8em; color: #cccccc;}
 
 #container { width:750px; margin:0 auto; margin-top: 10px; border: 5px solid #525252; background-color: #000000; text-align:left; }
 #header {height: 100px; border-bottom: 5px solid #525252; width: 750px}
 .sitelogo {color: #4a2e5d; font-size: 22px;  float: left; padding-top: px; }
 #hbc { padding:20px; width: 250px; text-align: right; float: right; padding-top:40px;}
 #strip {height:3px; background: #4a2e5d; border-bottom: 5px solid #525252;}

 
  
 .datatable tbody td { background-color:#707070; border:1px solid white; padding:4px; }

 
 #pagebody { width: 690px; padding: 15px;  border: 5px solid #525252; margin:10px; background-color:#4B4B4B;}
 .top_pic {height: 180px; width: 720px; background: #000; border:5px solid #525252; text-align:center; margin:auto; margin-top:10px;}
 .clearfloats {clear:both;}
 #bottom {height: 30px; line-height: 16px; color: white; background-color: #525252; padding:2px 5px 3px 0; text-align:center; border-top: 3px solid black; }
 #bottom a {color: white;  a}
 
 #pagebody .pagepics img  {border: 3px solid #ccc;}
 #pagebody img { border:10px solid white; border-bottom:50px solid white; }
 #pagebody .noborder img { border:0; }
 
 img.clsleft { margin-right:15px; margin-bottom:15px; }
 img.clsmiddle { margin-right:15px; margin-left:15px; margin-bottom:15px; }
 img.clsright { margin-left:15px; margin-bottom:15px; }
 #copy{ text-align:center; padding-top:5px; }

  #menu { width:750px; background:black; list-style:none; margin:0; padding:0; height:20px; }
#menu ul { padding:5px 0; margin:0; list-style:none; border-bottom:0; }

#nav { background:#000000; height:20px; text-align:center; margin:0; padding:0; }

/** positioning the drop-down menu **/
#nav ul, #nav ul ul { text-align:left; }
#nav li { display:inline; position:relative; top:5px; margin-right:-3px /* fixes inline list bug */; }
#nav li a { padding:5px 8px; text-decoration:none;   }
#nav li ul { margin:0; padding:0; display:none; position:absolute; top:18px/* distance away from the main nav bar */;  }
#nav li>/**/ul { top:13px /* distance away from the main nav bar for firefox */ ; }
#nav ul ul { margin:-5px 0 0 160px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav li:hover ul ul, #nav li.over ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav ul li a { display:block; width:144px /* width of the drop-downs */; left:0; }

/** styling the drop-down menu **/
#nav #active { color:white; cursor:default; }
#nav li a { background:#000; color:#4f2869; font-weight:bold; }
#nav li a:hover { color:#9a77b2  }
#nav ul li a:hover, #nav ul ul li a:hover { background:#555; }
#nav .nav_parent a {  }
#nav .nav_parent a:hover {  }
#nav .nav_child a { padding-right:8px; }
#nav .nav_child a:hover {  }
#nav .nav_parent2 a {  }
#nav .nav_parent2 a:hover {  }
#nav .nav_child2 a {  }
#nav .nav_child2 a:hover {  }

/* Thumbnail Gallery */
#navdiv { float:right ; display:inline;  ; padding-top:2px ; padding-left:20px;}
#navdiv a img { border:white solid 3px; margin: 0 2px 4px 5px; border-bottom:white solid 15px;}
#navdiv a:hover img {border:#d9d9d9 solid 3px ;  border-bottom:#d9d9d9 solid 15px;}
#picdiv { height:385px ; width:350px ; float:right ; text-align:center;}
#pic {margin-top:auto ; margin-bottom:auto}
 
#navdiv2 { float:right ; display:inline;  ; padding-top:2px ; padding-left:20px;}
#navdiv2 a img { border:white solid 3px; margin: 0 2px 4px 5px; border-bottom:white solid 15px;}
#navdiv2 a:hover img {border:#d9d9d9 solid 3px ;  border-bottom:#d9d9d9 solid 15px;}
#picdiv2 { height:385px ; width:350px ; float:right ; text-align:center;}
#pic2 {margin-top:auto ; margin-bottom:auto}

#navdiv3 { float:right ; display:inline;  ; padding-top:2px ; padding-left:20px;}
#navdiv3 a img { border:white solid 3px; margin: 0 2px 4px 5px; border-bottom:white solid 15px;}
#navdiv3 a:hover img {border:#d9d9d9 solid 3px ;  border-bottom:#d9d9d9 solid 15px;}
#picdiv3 { height:385px ; width:350px ; float:right ; text-align:center;}
#pic3 {margin-top:auto ; margin-bottom:auto}