body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #3F3F3F;
	
}
a:link {
	color: #FFFFCC;
	text-decoration: none;
}
a:visited {
	color: #FFFFCC;
	text-decoration: none;
}
a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}
a:active {
	color: #FFFFCC;
	text-decoration: none;
}

#menu {
	width: 100%;
	height: 27px;
	margin: 6px;
}


#menu ul {
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	margin: 0 4px 0 0;
	padding: 2px 10px 0 10px;
	background: url(images/img03.gif) repeat-x;
	
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background-image: url(images/img04.gif);
	text-decoration: none;
}

#menu .active a {
	background-image: url(images/img05.gif);
}

img.transOFF {width: 120; background-color: silver;opacity:100.0;filter: alpha(opacity=100); -moz-opacity: 1.0;border:1px solid black; }
img.transON {width: 120; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
img.trans25 {width: 120; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
img.trans75 {width: 120; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }