@charset "utf-8";
/* CSS Document */
.menu{
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: #d15600; 
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0;
	padding: 0 0 0 0px;
	list-style-type: none;
	font-size: 11px;
	height: 40px;
				}

.menu ul{
	margin: 0;
	padding: 0;
	float: left;}

.menu ul li{
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */

.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: #fff; /* text color of the menu */
	padding: 10px 8px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: #d15600;}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: #fff;
	text-decoration: none;}

.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#843702;
	height: 19px;
	} /* change the background color of the list item when you hover over it */