﻿/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/v_menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.v_menu {
	font-family: arial, sans-serif;
	height:36px;
	width:595px;
	font-size:11px;
	z-index:100;
	padding-top: 2px;
	text-align: center;
	padding-left: 0px;
	padding-right: 5px;
}
/* hack to correct IE5.5 faulty box model */
* html .v_menu {
    position: absolute; 
    // width:595px; 
	 height:36px;
    /* w\idth:745px; */
}
/* remove all the bullets, borders and padding from the default list styling */
.v_menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
	height:36px;
}
.v_menu ul ul {
    /* width:149px; */
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown v_menu positon */
.v_menu li {
    float:left;
    /* width:149px; */
    position:relative; 
}
/* style the links for the top level */
.v_menu a, .v_menu a:visited {
	display:block;
	text-decoration:none;
	color:#fff;
	/* width:138px; */
    height:34px;
	/*line-height:36px;*/
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .v_menu a, * html .v_menu a:visited {
    /* width:149px; */
    /* w\idth: 138px; */
    float: left;
    line-height:34px;
}
/* style the second level background */
.v_menu ul ul a.drop, .v_menu ul ul a.drop:visited {
    background-color:#eef2f1;
}
/* style the second level hover */
.v_menu ul ul a.drop:hover {
	background-color:#999999;
}
.v_menu ul ul :hover > a.drop {
	background-color:#999999;
}
/* style the third level background */
.v_menu ul ul ul a, .v_menu ul ul ul a:visited {
    background-color:#666666;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
/* style the third level hover */
.v_menu ul ul ul a:hover {
	color: #000000;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.v_menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:34px;
	left:0;
	width:85px;
}
/* another hack for IE5.5 */
* html .v_menu ul ul {
    top:33px;
    t\op:34px;
}
/* position the third level flyout v_menu */
.v_menu ul ul ul {
	left:85px;
	top:-1px;
	width:85px;
}
/* position the third level flyout v_menu for a left flyout */
.v_menu ul ul ul.left {
	left:-85px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.v_menu table {
    position:absolute; 
    top:0; 
    left:0; 
    border-collapse:collapse;
}
/* style the second level links */
.v_menu ul ul a, .v_menu ul ul a:visited {
	color:#FFFFFF;
	height:auto;
	line-height:12px;
	width:85px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	background-color: #666666;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
/* yet another hack for IE5.5 */
* html .v_menu ul ul a, * html .v_menu ul ul a:visited {
	width:150px;
	w\idth:95px;
}
/* style the top level hover */
.v_menu ul li a:hover{
	color:#000000;
	/*background-color:#fff;*/
	/*filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;*/

}

.v_menu ul{
	color:#000000;
}

.v_menu :hover > a, .v_menu ul ul :hover > a {
	color:#000000;
}
/* make the second level visible when hover on first level list OR link */
.v_menu ul li:hover ul,
.v_menu ul a:hover ul {
    visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.v_menu ul :hover ul ul {
    visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.v_menu ul :hover ul :hover ul{ 
    visibility:visible;
}
/* uppercase top level links */
.uppercase {
	display:block;
	text-decoration:none;
	color:#000;
	width:85px;
	height:36px;
	text-align:center;
	color:#fff;
	line-height:16px;
	font-size:11px;
	overflow:hidden;
	vertical-align: bottom;
	text-transform: uppercase;
	padding-top: 9px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	background-image: url(../img/elvalaszto.gif);
}
.lastMenuItem {
    display:block;
	text-decoration:none;
	color:#000;
	width:85px;
	height:36px;
	text-align:center;
	color:#fff;
	line-height:16px;
	font-size:11px;
	overflow:hidden;
	vertical-align: bottom;
	text-transform: uppercase;
	padding-top: 9px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
