/* CSS Document */
/* freeyourdesign.com 
	horizontal menu
*/



/* main container - ul id="menu" */
#menu
{
	margin: 0; /* reset the margins */
	padding: 0; /* reset the padding */
	width: auto; /* this size depends on your menu */
	float: left; /* line things up */
	font-size: 1.4em; /* increase the font size a bit */
	background: #656565; /* any background color you want */
	list-style: none; /* no bullets on our list items */
}

/* list elements */
#menu li
{
	display: inline; /* make it horizontal */
}

/* style our links */
#menu li a:link, #menu li a:visited
{
	float: left; /* line things up */
	color: #fff; /* the color of our linked items */
	padding: 10px 10px; /* spread it out */
	text-decoration: none; /* no underline */
	border-right: 1px solid #fff; /* white border to the right of link */
}

/* style link hover */
/* .active_link class - optional - styles the current pages link */
#menu li a:hover, #menu li a:active, #menu .active_link
{
	text-decoration: none; /* no underline */
	background: #009900; /* color to change to when we hover over link */
}

/* optional - but a good class to have in every stylesheet */
/* we had float:left; above so in order to clear out the left margin
and allow elements on our page to start under our menu we should
clear the left margin after we creat the menu */
.clearLeft
{
	clear: left;
}