li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
a:link {
	color: #ffffff;
	text-decoration:none;
}
a:visited {
	color: #ffffff;
	text-decoration:none;
}
a:hover {
	color: #ffffff;
	text-decoration:underline;
}
a:active {
	color: #ffffff;
	text-decoration:none;
}

/* 
  base adapted from:

  A List Apart - CSS Design: Taming Lists
  URL: http://www.alistapart.com/articles/taminglists/
*/
#base {
	border: 4px solid #000000;
	background:#666666;
	margin: 1em;
	width: 28em;
	padding-left: 5em;
	overflow:auto;
}
#base ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#base li {
	padding-bottom: 4px;
}

.title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#ffffff;
	padding-bottom:8px;
	padding-top:12px;
	margin-left:-30px;
}

/* 
  toggleopacity class adapted from:
  
  Dynamic Drive CSS Library
  URL: http://www.dynamicdrive.com/style/
*/
.toggleopacity img {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.toggleopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.toggleopacity img{
border: 1px solid #ccc;
}