/* common styling */

.menu 
{
	width: 1260px;
	padding : 4px 5px 5px 0px;
	margin : 0 0 20px 0;
	text-align : left;
	letter-spacing : 3px;
	color : #ffffff;
	background : #476042;
	height:20px;
 }

.menu ul
{
	padding-left: 0px;
 }

.menu li a
{
	padding : 5px 0.75em;
line-height : 1.8em;
color : #ffffff;
text-decoration : none;background : #476042;}
.menu ul {margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

li.active a
{
color : #fff;
background : #7ABA2E;
}

a.active
{
	color : #fff;
background : #7ABA2E;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#7ABA2E;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0}
.menu ul li:hover ul li a.hide {color:#fff;}
.menu ul li:hover ul li:hover a.hide {color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#669966; color:#000;width:200px;font-size:8pt;}
.menu ul li:hover ul li a:hover {background:#7ABA2E; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}