/*Credits: CSSplay Modified by Cris D to add "you are here" highlighting (takes on hover property)
increased width of sub menus to 150px. URL: http://www.cssplay.co.uk/menus/pro_drop2. Modified by R - stick for Etomite template*/

/*.preload2 {background: url(menuimages/button4.gif);}*/

.menu2 {padding:0 0 0 8px;
margin:0;
list-style:none;
height:23px;
background:#fff url(menuimages/menu.jpg);
position:relative;
font-family:arial, verdana, sans-serif;
border-top: 1px solid #000000;
border-bottom: 1px #000000 solid;}/* #bbb */

.menu2 li.top {display:block;
float:left;
position:relative;
margin-left: 0px;
border-right: 1px solid #000000;}

.menu2 li a.top_link {display:block;
float:left;
height:23px;
line-height:23px;
color:#000;
text-decoration:none;
text-transform:lowercase;
font-size:12px;
font-weight:bold;
padding:0 0 0 0;
cursor:pointer;}

.menu2 li a.top_link span {float:left;
display:block;
padding:0 20px 0 3px;
height:23px;}

.menu2 li a.top_link span.down {float:left;
display:block;
padding:0 20px 0 3px;
height:23px;
background:url(menuimages/down.gif) no-repeat right top;}

.menu2 li a.top_link:hover {color:#635712;
background: transparent;}

.menu2 li a.top_link:hover span {background:transparent;}

.menu2 li a.top_link:hover span.down {background: transparent;}

.menu2 li.top a.current_link span.down {background: #bbb;
color:#635712;}

.menu2 li.top a.current_link {display:block;
float:left;
height:23px;
line-height:23px;
color:#bbb;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding:0 0 0 0;
cursor:pointer;
background:transparent;}

.menu2 li.top a.current_link span {float:left;
display:block;
padding:0 20px 0 3px;
height:23px;}

.menu2 li.top a.current_link {color:#635712;
background: transparent;}

.menu2 li.top a.current_link span {color:#635712;
background:url(menuimages/active.jpg) repeat-x;}

.menu2 li.top a.current_link span.down {text-transform:lowercase;
color:#635712;
background: url(menuimages/active_down.jpg) no-repeat right top;}

.menu2 li.top a.current_link:hover {color:#635712;
background:url(menuimages/grey-40.png) repeat-x;}

.menu2 li.top a.current_link:hover span {background:transparent;}

.menu2 li.top a.current_link:hover span.down {background:transparent;}

.menu2 li:hover > a.top_link {color:#635712;
background: transparent;}

.menu2 li:hover > a.top_link span {background:url(menuimages/grey-40.png) repeat-x;}

.menu2 li:hover > a.top_link span.down {background:url(menuimages/grey-40.png) repeat-x;}

.menu2 table {border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}

.menu2 li:hover {position:relative;
z-index:400;}

/* keep the 'next' level invisible by placing it off screen. */

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute;
z-index: 100;
left:-9999px;
top:-9999px;
width:0;
height:0;
margin:0;
padding:0;
list-style:none;}

.menu2 :hover ul.sub {left:2px;
top:23px;
background: url(menuimages/white-90.png) repeat;
padding:3px 0;
border-left:0px solid #fff;
border-right:2px solid #c5c5c5;
border-top:0px solid #fff;
border-bottom:3px solid #c5c5c5;
white-space:nowrap;
width:150px;
height:auto;
position:absolute;
z-index: 100;}

.menu2 :hover ul.sub li {display:block;
height:20px;
position:relative;
z-index: 100;
float:left;
width:143px;
margin-left: 0px;}

.menu2 :hover ul.sub li a {border-left:3px solid #fff;
border-right:0px solid #fff;
border-top:0px solid #fff;
border-bottom:0px solid #fff;
display:block;
font-size:11px;
font-weight:bolder;
text-transform:lowercase;
height:20px;
width:143px;
line-height:20px;
text-indent:5px;
color:#000;
text-decoration:none;
position:relative;
z-index: 100;}

.menu2 :hover ul.sub li a.fly {background:transparent url(menuimages/arrow.gif) no-repeat 140px 7px;}

.menu2 :hover ul.sub li a:hover {background:#D6BB25;
color:#fff;}

.menu2 :hover ul.sub li a.fly:hover {background:#917F1A url(menuimages/arrow_over.gif) no-repeat 140px 7px;
color:#fff;}

.menu2 :hover ul li:hover > a.fly {background:#917F1A url(menuimages/arrow_over.gif) no-repeat 140px 7px;
color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:145px;
top:-4px;
background: url(menuimages/white-90.png) repeat;
padding:8px 0;
border-left:0px solid #fff;
border-right:2px solid #c5c5c5;
border-top:0px solid #fff;
border-bottom:3px solid #c5c5c5;
white-space:nowrap;
width:150px;
position:absolute;
z-index: 100;
height:auto;}

/************* ListMenu snippet stylesheet **************/

#LM_level_1, #LM_level_1 ul, #LM_level_1 li {padding:0px;
margin:0px;
list-style-type: none;
position: relative;
z-index: 0;}

#LM_level_1 li a {color: #000;
font-weight: bolder;
text-decoration: none;
padding: 2px;
margin: 4px;
margin-bottom: 2px;
margin-top: 2px;
display: block;
background: transparent url(menuimages/level_1.jpg) no-repeat top right;
position: relative;
z-index: 0;}

#LM_level_2 li a, #LM_level_2 li #LM_youAreHere {padding-left:8px;
background: transparent url(menuimages/level_2.jpg);
position: relative;
z-index: 0;}

#LM_level_3 li a, #LM_level_3 li #LM_youAreHere {padding-left:16px;
background: url(menuimages/level_3.jpg);
position: relative;
z-index: 0;}

#LM_level_4 li a, #LM_level_4 li #LM_youAreHere {padding-left:24px;
background: url(menuimages/level_4.jpg);
position: relative;
z-index: 0;}

#LM_level_5 li a, #LM_level_5 li #LM_youAreHere {padding-left:32px;
background: url(menuimages/level_5.jpg);
position: relative;
z-index: 0;}

#LM_level_1 li a:hover, #LM_level_2 li a:hover, #LM_level_3 li a:hover {color: gray;
background: url(menuimages/level_active.jpg);}

#LM_level_2 li #LM_youAreHere {padding: 2px;
margin: 4px;
margin-bottom: 2px;
margin-top: 2px;}

.LM_collapsed {background: url(menuimages/arrow.gif) no-repeat 196px 6px ;
position: relative;
z-index: 0;}