@charset "utf-8";

/* ************************** MENU ************************** */

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

ul.menu {
position: relative;
z-index: 1;
float: left;
width: 100%;
}

ul.menu li, ul.menu li a {
float: left;
}

ul.menu li.hover, ul.menu li:hover, ul.menu li a:hover {
position: relative;
z-index: 3;
}

ul.menu ul {
visibility: hidden;
position: absolute;
top: 100%;
z-index: 2;
}

ul.menu ul li, ul.menu ul li a, ul.menu ul li.strong {
display: block;
width: 100%;
float: none;
}

ul.menu ul ul {
top: 1px;
left: 99%;
}

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

/* ************************** Set ul li ************************** */

ul.menu li {
background-image:url('../images/menu_li_divider.png');
background-position:right top;
background-repeat:no-repeat;
}

ul.menu li a {
padding: 0px 30px;
height: 30px;
line-height: 30px;
font-size:13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
} 

ul.menu li a:hover {
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
} 

/* ************************** Set ul li li ************************** */

ul.menu ul {
top:30px;
left:0px;  
width:180px;
background-color: #FF761A;
padding-bottom:10px;
border: 1px solid gray;
border-top: none;
}

ul.menu li li { 
background-image: none;
}

ul.menu li li a { 
margin: 0px;
padding: 0px 10px;
height: 22px;
line-height: 22px;
}

/* ************************** SUBMENU ARROWS ************************** */

ul.menu li a, 
ul.menu li li a {
position:relative;
}

/* ************************** arrow 1 ************************** */

ul.menu li span.icon1,
ul.menu li:hover span.icon1 {
position:absolute;
top:13px;
right:15px;
background-image:url('../images/menu_li_arrow.png');
background-repeat:no-repeat;
height:7px;
width:8px;
overflow:hidden;
}

ul.menu li span.icon1 {
background-position:left top;
}