#menu
{
    color: #000000;
    display: block;
    /*height: 35px;*/
    width:199px;
    padding: 0;
    font-size:14px;
    position: relative;
    background-color:#f0fad0;
    margin-top: 10px;
    font-family: 'PT Narrow', sans-serif;
    float:left;
}

#nav #first
{
    width:17px;
    /*background-image: url('../images/bmDemo/menu_left.png');*/
    background-color:#d0d0d0;
}

#nav #last
{
    width:17px;
   /* background-image: url('../images/bmDemo/menu_right.png');*/
    background-color:#d0d0d0;
    border-right: solid #d0d0d0 0px;

}
/* ================================================================
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/menus/skeleton2.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.
=================================================================== */
#nav, #nav ul
{
    list-style: none outside none;
    position: relative;
    z-index: 100;
}

#nav
{
   /* background-image: url("../images/menu.png");
    background-repeat: repeat-x;*/
    height: 28px;
    padding: 0px;
    margin: 0;  
}

#nav li
{
    text-align: left;
    height: 28px;
    /*float: left;*/
    background-color: #d0d0d0;
    border-top: solid #ffffff 0px;
    border-bottom: solid #ffffff 0px;
}

#nav li li
{
    background-image: none;
    border: none;
    float: none;
    height: 28px;
    border-top: solid #2c3942 0px;
}

/* a hack for IE5.x and IE6 */
#nav li a li
{
  float: left;
}

#nav li a
{
    color: #000000;
    background-color: #d0d0d0;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 28px;
    text-decoration: none;
    white-space: nowrap;
}

#nav li li a
{
    float: none;
    height: 28px;
    line-height: 20px;
    text-align: left;
    padding: 0 5px;
}

#nav li:hover > a .leftDiv, #nav .active a .leftDiv
{
  width: 17px;
  height: 28px;
  display: inline-block;
  background-image:url("/images/menu_o.png");
  color: #000000;
}
#nav li:hover > a .middleDiv, #nav .active a  .middleDiv
{
  display: inline-block;
  height: 28px;
  width: 182px;
  background-color: #bcbc02;
  color: #ffffff;
}
#nav li:hover > a .rightDiv, #nav .active a  .rightDiv
{
  width: 0px;
  height: 28px;
  display: inline-block;
  background-image:url("/images/menu_o.png");
  color: #000000;
}

#nav li a span.rightDiv, #nav li a span.leftDiv
{
    height: 28px;
    width: 17px;
}

#nav li a span.rightDiv, #nav li a span.leftDiv, #nav li a span.middleDiv
{
    display: inline-block;

}

#nav li:hover
{
  position: relative;
  z-index: 100;
}

#nav a:hover
{
  position: relative;
  z-index: 100;
}

#nav li:hover > a
{

}

#nav :hover  ul
{  
  border-top: none;
  left: 0;
  top: 35px;
  z-index: 300;
  padding: 0;
}


#nav ul
{
  position:absolute;
  left:-9999px;
  top:-9999px;
  margin-left:198px;
  margin-top:-35px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul
{
  left:0;
  margin-left:100%;
  top:0;
}

/* keep further levels hidden */
#nav li:hover > ul ul
{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:auto;
  
}

/* show path followed */
#nav li:hover li > a
{
  background: #ffffff;
  color: #BCBC02;
  border:1px solid #D0D0D0;
  line-height: 28px;
}

/* show path followed */
#nav li:hover li:hover > a
{
  background-color:#BCBC02;
  color: #fff;
}

/* show path followed */
#nav li:hover li:hover
{
  background-color:#004263;
  color: #EAA354;
}

#nav li a:hover ul li a:hover {background:#fff;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
test {
font-size: 20px; color: red;
}