html,body {
	background: #000000;
	height: 100%;
	margin: 0;
	padding: 0;
	}
body {
	text-align: center;
    min-width: 762px;
    font-family: verdana, arial;
    behavior: url(/settings/csshover.htc);
	}
#body-wrap {
  margin: 0px 200px; /* was 44 */
}

#WholeBox {
	position: relative;
	background: #333333;
	border: 1px solid #FFCC00;  
	clear: both;
	width: 762px;
	height: 482px;
	margin: 20 auto;
	overflow: hidden !important;
	overflow: visible;
	text-align: left;
    Z-index: 10;
	}
.LeftBackground {
    position: relative;
    float: left;
    clear: left;
    width: 245px;
    height: 480px;
    background-image: url(leftbar.jpg);
    margin: 0;
    }
.TopBackground {
    position: relative;
    float: left;
    width: 515px;
    height: 52px;
    background-image: url(topbar.jpg);
    Z-index: -20;
    margin: 0;
    }
/* taken from http://www.howtocreate.co.uk/tutorials/testMenu.html */
ul.Menu {
  width: 141px;                 
  border: 0px solid #000;      
  background-color: transparent;  
  padding-left: 0px;                  
  text-align: right;
  margin: 18px 0px 0px 0px;
}
ul.Menu ul {
  width: 100px;                 
  border: 1px solid #888;      
  background-color: #666;     
  padding-left: 0px;         
  cursor: default;            
  margin-left: 0px;           
  text-align: left;
}

ul.Menu li {
  list-style-type: none;       
  margin: 0px 0px 0px 2px;                 
  position: relative;          
  color: #222;                 
  font-family: verdana, arial;
  font-size: 13px;
  font-weight: bold;
  height: 19px;
}
ul.Menu li ul {          
  display: none;              
  position: absolute;         
  top: 0px;                 
  left: 140px;             
}

ul.Menu li:hover  ul {    
  display: block;              
}
/* and some link styles */
ul.Menu li a { color: #222; display: block; width: 137px; text-decoration: none; padding-left: 2px; }
ul.Menu li ul a { width: 94px; color: #ddd; }
ul.Menu li ul li { margin-left: 1px; }
ul.Menu li a:hover  { color: #FFCC00; background: #333333; border: 1px solid #888;}
ul.Menu li:hover > a { color: #FFCC00; } /* supports links in branch headings - must not be display: block; */

.HerringImages a{
	position: absolute;
	top: 0px;
	left: 170px;
	width: 760px;
	margin: 5px;
    font-family: verdana, arial;
/*	letter-spacing: 1px; */
	font-size: 24px;
	color: #FFCC00;
	z-index: 20;
    text-decoration: none;
	}
#PageHeader {
	color: #FFCC00;
	font-weight: bold;
    font-family: verdana, arial;
    margin: 4px;
	}
#BodyText {
	font-family: verdana, arial;
	color: #EEF;
	font-size: 15px;
	text-align: justify;
	padding: 0 10px 0 0;
    }
#RandomImage {
    position: absolute;
    top: 130px;
    left: 15px;
    width: 200px;
    height: 200px;
    border: 1px solid #FFCC00;
    }
#RandomImageFrontPage1 {
    position: absolute;
    top: 130px;
    left: 255px;
    width: 200px;
    height: 200px;
    border: 1px solid #FFCC00;
    }
#RandomImageFrontPage2 {
    position: absolute;
    top: 130px;
    left: 500px;
    width: 200px;
    height: 200px;
    border: 1px solid #FFCC00;
    }
#NextPage {
	position: absolute;
	top: 450px;
	left: 670px;
	font-size: 12px;
	}
#NextPage a   {
	  text-decoration: none;
	  color: #9a8327;
	}
#NextPage a:hover {
 	  color: #FFCC00;
 	  border: 1px solid #888;
    }
#Footer {
    font-family: verdana, arial;
    color: #2a2a2a;
    }
#Stripes {
    position: absolute;
    top: 130px;
    left: 0px;
    width: 100%;
    height: 250px;
    background-image: url(stripes.jpg);
    margin: 0;
    }

.clear {
	clear: both;
	float: left;
	width: 100%;
	}
.thumbnail {
	float: left;
	font-size: 5px;
	margin: 10px 15px;
	text-align: center;
	padding: 0px;
	color: #333333;
	}
	.thumbnail a img {
		background: #dfdfdf;
		border: 1px solid #ccc;
		clear: both;
		display: block;
		margin: 0 auto;
		}