/* LEFT MENU */

#button {
	margin-left:auto; /* center alignment */
	margin-right:auto; /* center alignment */
	width: 10em;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #99CCFF;	
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
		margin: 0.5em;
		border: 1px dotted #000000;
		}

#button li.selected {
		margin: 0.5em;
		border: 1px solid #000000;
		}

#button li a {
		display: block;
		text-align: center;
		padding: 5px 5px 5px 0.5em;
		color: #99CCFF;
		text-decoration: none;
		width: 100%; /* IE hack */
		}

/* this is for the active menubutton */
#button li span { 
		background-color: #444444;
		display: block;
		text-align: center;
		padding: 5px 5px 5px 0.5em;
		color: #99CCFF;
		text-decoration: none;
		width: 100%; /* IE hack */
		}

html>body #button li a {
		width: auto; /*comensates IE hack */
		}

html>body #button li span {
		width: auto; /*comensates IE hack */
		}

#button li a:hover {
		color: #3399FF;
		text-decoration: underline;
		background-color: #222222;
		}
		
/* Design based on an idea from Mark Newhouse http://www.alistapart.com/articles/taminglists/ */