/* 
    Document   : navigation
    Created on : 09-Oct-2009, 10:39:04
    Author     : Danny
    Description:
        Purpose of the stylesheet follows.
*/

/*#navigation{
	float: left;
	width: 770px;
	height: 50px;
	color: #000000;
	padding-top: 40px;
}*/

.menu{
	font-family: Arial;
	font-size: 12px;
	display: inline;
}


.menu a{
	display:inline;
	margin: 0px;
	padding: 0px;
}

.menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: white;
	display: inline;
}


.menu ul li{
	color: #333333;
	position: relative;
	padding-bottom: 0px;
	display: block;
	float: left;
	width: 320px;
	height: 38px;
	/*border-bottom: 1px solid #444;*/
	margin: 0px;
}


.menu ul li a{
	color: #333333;
	text-decoration: none;
	padding: 0px;
	padding-top: 2px;
	font-size: 13px;
}

.menu ul li ul{
	left: 0;
	position: absolute;
	z-index: 999;
	top: 38px; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	background-color: #fff;
	border: 1px solid #000000;
}

.menu ul li ul li{
	height: auto;
	background-color: #fff;
	display: list-item;
	margin-top: -1px;
	float: none;
	padding: 2px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: 2px solid #333;
	border-left: 1px solid #bbb;
	border-right: 1px solid #000;
}

.menu ul li ul li:hover{
	background-color: #cdcdcd;
}

.menu ul li ul li:hover a{
	color: #cc6633;
}

.menu ul li:hover ul{
visibility: visible;
}