/**********************3
* Menu
*/



#menu_container
{
    position: absolute;
    top: 0px;
    width: 100%;
    margin-right: 360px;
    margin-left: -360px;
}



#menu
{
	position: absolute;
	top: 115px;
	margin-right: 264px;
	left: 0px;
	height: 22px;
	width: 100%;
	color: rgb(0, 102, 72);
	background-color: rgb(255,220,0);
	background-image: url('../../media/layout/frey/menu.bg.gif');
	background-position: top right;
	background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
    z-index: 5;
}

/*#mainmenu
{
    padding-top: 2px;
    background-color: rgb(134,134,137);
    padding-bottom: 2px;
}*/

.mainitemhover
{
 background-color: rgb(0,102,72);
 color: #FFFFFF;	
}

.mainitemoff
{
 background-color: rgb(255,220,0);
 color: rgb(0,102,72); 
}

.submenu
{
	position: absolute;
	margin-left: 240px;
	width: 10px;
	height: 22px;
	background-image: url('../../media/layout/frey/submenu.gif');
	background-position: right center;
	background-repeat: no-repeat;
}


#mainmenu a
{
    padding-top: 2px;
    padding-bottom: 2px;
	height: 22px;
}


#menu .mainitem { display: block; float: left; height: 22px; padding: 0px 6px 0px 6px; border-right: 2px solid white; vertical-align: middle; }
#menu .mainitem a:hover { text-decoration: underline; height: 22px; }
#menu .mainitemhover a { color: white; text-decoration: none; height: 22px; }
#menu .mainitemhover a:hover { color: white; text-decoration: underline; height: 22px; }




/*#menu a:hover { color: #908271; }*/
#menu div.menuitemcontainer { position: absolute; z-index: 3; }
#menu div.hide { display: none; }
#menu div.popup 
{
    position: absolute;
    width: 250px;
    top: 24px;
	background-color: rgb(255,220,0);
    padding-right: 0px;
    padding-bottom: 6px;
    z-index: 4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=90); 
}

#menu div.popup a 
{
    display: block;
    padding: 4px 0px 4px 10px;
    /*color: rgb(236,123,36);*/
	color: rgb(0, 102, 72);
    background-image: url('../../media/layout/frey/menu.line.gif');
    background-position: 10px bottom;
    background-repeat: no-repeat;
 }

#menu a
{
	color: rgb(0, 102, 72);
    vertical-align: middle;
    text-decoration: none;
}


#menu div.popup a:hover
{
    background-color: #FFFFFF;
    background-image: url('../../media/layout/frey/menu.hoverbg.gif');
    background-repeat: repeat-y;
    background-position: bottom left;
}