/* CSS Document */

div.menu  {

	top: 150px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	heigth: 100%;
	background-color: #e0e0e0;

	
		
		
	
} 
div.menut  {
	background: url(button2.jpg) repeat top left;
	top: 150px;
	width: 700px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	heigth: 100%;
	background-color: #e0e0e0;
	background-repeat:repeat-x;
	

	
		
		
	
} 
div.menut a
{		
	width: 700px;
	text-align: center;
	font-family: Arial, Helvetica, Georgia, Times, serif;
	float: none;
	color: white;

	font-size: 15px;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 20px;

		letter-spacing:.01em;
	}

div.menu a  {

	
		text-align: center;

	font-family: Helvetica, Georgia, Times, serif;
	
	color: black;

	font-size: 12px;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 20px;

		letter-spacing:.01em;
	
		
		
	
} 
div.menu a:hover
{
	color: #8d8d8d;
	width: 40px;
	
	}
	
div.menutest  {

	top: 150px;
	margin-left: 50px;
	margin-right: 0px;
	heigth: 100%;
	font-family: Helvetica, Georgia, Times, serif;
	width: 651px;
	color: black;
	background-image: button.jpg;
	background-repeat: repeat-x;
	

	font-size: 12px;
	padding: 2px 0px 0px 0px;
	text-decoration: none;
		letter-spacing:.01em;
	
		
		
	
} 
div.pics  
{
	
	margin: 0px auto;
	width: 350px;
	float: left;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	background:#FFFFFF;
	margin-top: 0px;
		padding: 10px 0px 10px 0px;
		text-align: center;
	
	
}

div.picstext  
{
	float: left;
	width: 300px;
	height: 420px;
		margin-left: auto;
	margin-right: auto;
	margin: 0px auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background:#FFFFFF;
	font-size: 12px;
	color:#000000;
	margin-top: 0px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	
	}

div.biopic
	{
	margin-top: 0px;
	width: 150px;
	height: 700px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 3px 10px;
	background: #FFFFFF;
	}
	
div.biotext
	{	
	margin-top: 0px;
	width: 500px;
	height: 770px;
	position: static;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 10px 0px;
	background: #FFFFFF;
	}

div.staff
{
	margin-top: 0px;
	
	width: 650px;
	height: 400px;

	margin-left: auto;
	margin-right: auto;
	padding: 5px -10px 0px 0px;
	background: #FFFFFF;
	text-align: center;
	
}

.staffpics
{
	border:1px solid #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
	


div.text {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 14px;
	padding: 0px, 0px, 0px, 20px;
	
	}
	
div.header {

	margin-right: auto;
	margin-left: auto;
	vertical-align:top;
height: 150px; 
width: 700px; 
	
}
div.button {
	margin-top:0;
	margin-bottom:0;
	margin-right: auto;
	margin-left: auto;
	height: 50px; 
	width: 700px; 
	}
	
centre {
	color:#FFFFFF;
	width: 700px;
	margin-left: auto;
	margin-right:auto;
	}
	
body { 
 /*width: 750px;
 margin-left: 50px;
 margin-right: 50px;
 padding: 5px, 0px,50px, 0px; */
 margin: 10px auto;
 background-color: #626262; 
 background-repeat: no-repeat; 
/* background-position: center bottom;
 background-image: url(icon.jpg);
  */
}
div.container {
     margin-top: 16px;
	width: 700px;
	text-align: left;
	margin: 0px auto;
	background-color: #FFFFFF;
	
}

div.white{
		
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	heigth: 100%;
	margin-top: 0px;
	background:#FFFFFF;

	padding: 0px 0px 50px 0px;
	
	}
	
p.style1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	margin-left: 20px;
	padding-top: 15px;

}
p.style2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	margin-left: 100px;
	
}
p.style2B {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	margin-left: 100px;
	font-weight:bold;
	
}
p.style3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	margin-left: 20px;
	padding-top: 15px;

}
p.style4 {
font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	margin-left: 20px;


}

.img {
	float: right;
	padding-top: 15px;
	margin-top: 0px;
	margin-right: 10px;
	
}
.img3 {
	float: right;
	padding-top: 15px;
	margin-top: 0px;
	margin-right: 0px;
	
}
.flash
{
	margin-left: 130px;
	}

.footer
{
	width: 700px;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
	vertical-align:bottom;
	margin-left: auto;
	margin-right: auto;
	background-color:#959595;
	padding: 0px;

	}

.space
{
margin-top: 370px;

}

div.space2
{
 background-color: #FFFFFF;
 padding-top: 10px;
 margin-top: 0px;

}
img { border:0px;}
/*	a.footer  { 
	vertical-align:bottom;
	
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px; 
	text-align: center; 
	font-size: 10px; 
} /*
.footer ul a {

	background-color: f6eee8; 
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-color: FFFFF;
	}
/*a.footer
	{

	font:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: f6eee8;
	margin-left: 0px;
	vertical-align:middle;
	}
 */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/

.menu2 {
margin-top:0px;
font-family: verdana, arial, sans-serif; 
width:700px;
margin-left: auto;
margin-right: auto;
position:relative;
z-index:1;

}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
float:left; 
}
.menu2 p {

font-family: verdana, arial, sans-serif; 
text-align: center;
color:#000000;

}
/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
float:left;
text-align:center; 
margin-left:  auto;
margin-right: auto;
text-decoration:none; 
position: relative;
width:105px; 
height:20px; 
color:#000; 
border:1px solid #66666;
border-width:0px 0px 1px 0;
background:#e0e0e0; 
line-height:15px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a{
color:#fff; 
background:#e2e2e2;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:center;
display:block; 
position:absolute; 
top: 55px; 
left:0; 
}
/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
width:700px;
height:365px;
border:0px solid #f5e2de;
background:#eee; 
color:#000;
position:float;
margin-left: auto;
margin-right: auto;

}

/* style the initial image size 100px x 75px no border and 5pixel padding */
.menu2 ul li:hover ul li a img {
width:75px; height:100px;
border:0; margin:5px;
}

/* style the size, background color, border and margin of the submenu links */
.menu2 ul li:hover ul li a {
float:left;
width:90px;

height:110px;
background:#eee;
border:1px solid #888;
margin:1px;
}

/* style position of the links on hover */
.menu2 ul li:hover ul li a:hover a:click {
position:relative;
}
.menu2 ul li:hover li a:hover img {
border:1px solid #888;

background:#ccc;
}
a:hover{text-decoration:none;}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image 
.menu2 ul li:hover li a:hover img {
width:75px; 
height:100px;
top: 20px;

position:absolute;
left:0px; top:0px;
border:0;

border:1px solid #888;
padding: 2px;
background:#ccc;
}