<style type="text/css">

html {
height: 100%;
}

body
	{
	height: 100%;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #fff;
	background-color: #000;
	}

a:active 
	{

	text-decoration: none;
	color: #fff;
	}
		
a:hover 
	{		
	text-decoration: underline;
	color: #fff;
	}
		
a:link 
	{		
	text-decoration: none;
	color: #fff;
	}
		
a:visited 
	{		
	text-decoration: none;
	color: #fff;
	}

p {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#center {
  margin: 0 auto;
  width: 710px;
  height: auto;
  z-index:-2;
  }
  
#contentleft {
	float: left;
	padding: 0px;
	width: 350px;
	height: 800px;
	z-index:0;
}

#contentright {
	float: right;
	padding: 0px;
	width: 340px;
	text-align:left;
	line-height: 20px;
	z-index:0;
}
  
#bio {
	float: right;
	padding: 0px;
	width: 340px;
	height: 300px;
	line-height: 18px;
	text-align:left;
	z-index:0;	
	overflow:auto;
}

#lightbox{
	background-color:#666666;
	padding: 5px;
	}
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.8em;
	}
		
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(links/overlay.png); }

* html #overlay{
	background-color: #666666;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="links/overlay.png", sizingMethod="scale");
	}
	
</style>