body {
font:normal normal 100%'Trebuchet MS',Trebuchet,Verdana,Sans-Serif;
color: white;
background-color: #222222;
}

a:link {
  color: #9999ff;
text-decoration: none;
  }
a:visited {
  color: #9999ff;
text-decoration: none;
  }
a:hover {
  color: white;
text-decoration: none;
  }

a:img {
border: none;
}

h1 {
color: white;
font-size: 160%;
}

#container {
  padding: 10px 0 0 0px;
  margin: 1.5em 18%;
  font-size: 80%;
  width:650px;
}

#header {
width: 100%;
height: auto;
padding-left:10px;
}


#toolnav {
margin: 0px;
padding: 10px 0 0 0px;
font-size: 90%;
color: white;
}

#toolnav a {
text-decoration:none;
color: white;
}


#toolnav ul li{
display: inline;
padding-right: 10px;
text-align: left;
}

#select {
background:#333333;
padding:12px 12px 20px 12px;
color: white;
}

.inline {
vertical-align: middle;
height: 1em;
width: auto;
text-align: left;
}

#main {
width:500px;
min-height:600px;
float: left;
padding: 0 10px 0 20px;
background: #333333;
}

#main ul {
margin:0px 10px 30 -15px;
}

#main li {
margin:0px 0px 0 -12px;
padding-right: 20px;
}



#side {
width:76px;
float: left;
font-size: 80%;
margin-left: 20px;
}

#side a {
color:white;
}

#footer {
width:530px;
float: left;
font-size: 80%;
color: #777777;
text-align: right;
}

#clear {
clear: both;
height: 3px;
}


<--lightbox--->

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

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

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

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