﻿

/* Nav Button code. Big thanks to all at css-discuss! */

#menu {
	width:211px;
	top:136px;
	left:0px;
	z-index:2;

	font-size:80%;

	}

#button {
		width: 211px;
		padding: 0px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		background-color: #000000;
		color: #333;
		float: left;
		}
	
	#button ul {
		list-style: none;
		margin: 0px;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #000000;
		margin: 0px;
		}
	
	#button li.unselected a {
		display: block;
		padding: 4px 5px 4px 5px;
		background-color: #000000;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li.unselected a {
		width: auto;
		}

	#button li.selected a {
		display: block;
		padding: 4px 5px 4px 5px;
		background-color: #9e9eff;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li.selected a {
		width: auto;
		}
		
	#button li a:hover {
		background-color: #9e9eff;
		color: #fff;
		}