body {
	font: normal 10px Verdana, Arial, sans-serif;
	color: white;
}
.table1 {
	background: rgba(0,0,0,0.4);
	border: solid white 1px;
	border-spacing: 5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
td { text-align: center; }
td table { margin: 0 auto; }
	
html {
	background: url("/icons/cloudsdev.jpg") no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
a {text-decoration: none}
a:link {text-decoration: none; color: white;}
a:visited {text-decoration: none; color: white;}


span a {
	width: 190px; 
	height: 20px;
	display: block;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0 auto 5px;
	-webkit-transform: skew(-20deg); 
	-moz-transform: skew(-20deg); 
	-o-transform: skew(-20deg); 
	font: normal 14px Verdana, Arial, sans-serif;
}
.red { background-color: #ff1000; }
.blue { background-color: #005be2; }
.green { background-color: #00d000; }
.orange { background-color: #ffb000; }
.cyan { background-color: #00c0c0; }
.gold { background-color: #ff8000; }

ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
}
ul li {
	display: block;
}
li ul {
	display: none;
}
li:hover ul {display: block; postition: absolute; }