/**
 *
 * menu.css
 *
 * Author: Jeff Ryan
 * March 6th, 2006
 *
 * This file defines the menu style for the Earl's Custom Components Website
 *
 */




img.background
{
	width: 100%;
	height: 100%;
}


div.menuBar
{
	font-family: "Monotype Corsiva", serif;
	/*font-size: 20;*/

	width: 100%;
	height: 5%;
	left: 0px;
	top: 0px;

	float: left;

	z-index: 2;
	position: absolute;
}



div.menu
{
	font-family: "Monotype Corsiva", serif;
	/*font-size: 20;*/

	z-index: 3;
	position: relative;
}


ul.menu
{
	list-style:none;
	margin: 0;
	padding: 0;
}


ul.menu a
{
	background: #333333;
	color: #ffffff;
	
	text-decoration: none;
	text-align: center;
	
	display: block;
	padding: 5px 0px 5px 0px;
	/*width: 90px;*/
}


ul.menu a:hover
{
	text-decoration: none;
	background-color: #888888;
	color: #ffffff;
}


ul.menu li
{
	font-size: 16;

	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	float: left;
	position: relative;

	width: 10%;
}


ul.menu li:hover ul
{
	display: block;
}


ul.menu li ul
{
	list-style: none;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	width: 100%;
	border-top: 1px solid #ffffff;

}

ul.menu li ul li
{
	width: 100%;
}



ul.menu li ul li:hover ul
{
	display: block;
	position: absolute;
	left: 140px;
	top: -1px;
	border-left: 1px solid #ffffff;

}