#menu-bar
{
	min-height:28px;
	text-align:center;
	vertical-align:middle;
}

/* MENU CSS */

/* JS disabled styles */
.no-js nav li:hover ul { display:block; }

/* base nav styles */
nav { display:block; }

nav ul { 
    padding:0; 
    margin:0; 
    list-style-type: none;
}

nav li { 
    display: inline-block;
    position:relative; 
    /*float:left;*/ 
    list-style-type:none; 
    text-align: left;
    margin: 2px 0px 0px 0px;
}

nav li a { 
    display:block; 
    padding:5px 7px 4px 4px;
    color:#eee; 
    text-decoration:none; 
	font-weight: bold;
	font-size:small;
	color:#202020;
	margin:0px 1px;
    white-space:pre;
}
nav li a:focus { outline:none; text-decoration:underline;}


nav > ul > li
{
    display: inline-block; /* sets elems to be inline but retain block-like properties, you may not need this */
    position: relative; /* resets the positioning context */
    cursor: pointer; /* sets the mouse cursor to look like a link for menus that do not have an A element */
}

nav > ul > li:hover
{
    position: relative;  /* reset positioning context */
    z-index: 2000; /* bring element top-most */
}

nav > ul > li:hover,
nav > ul > li:hover > a /* HOVERED list elems and links in the main menu */
{
}

nav > ul > li,
nav > ul > li > a /* list elems and links in the menu */
{
}

nav > ul > li > div.submenu /* only first level of submenus */
{
    display: none; /* hide the submenus by default */
    min-width: 100px; 
    position:absolute; 
    left:0; 
    border-left:1px solid #999; 
    border-top:1px solid #999; 
    border-right:1px solid #222; 
    border-bottom:1px solid #222; 
    background: #ff8b00;     
}

nav > ul > li:hover > div.submenu /* Only HOVERED OVER first level of submenus */
{
    display: block; /* display the submenus when the LI is hovered over */
    position: absolute; 
    top: 100%; /* set to the bottom of the menu */
    left: -1px; /* move left 1px from left of LI element */
    z-index: 1000; /* top most */
}

nav > ul div.submenu /* All submenus */
{
}

nav > ul div.submenu > ul /* All lists of links in a submenu */
{
    background: #ff8b00; 
}

nav > ul div.submenu > ul > li, /* All list elements in any submenu */
nav > ul div.submenu > ul > li > a /* All list elements containing links in any submenu */
{
}

nav > ul div.submenu > ul > li
{
    float:none; 
    margin: 2px;
}

nav > ul div.submenu > ul > li > a
{
    padding:1px 10px; 
    border-left:none; 
    border-right:none; 
    font-size:14px; 
    display: block; 
}

nav > ul div.submenu > ul > li,
nav > ul div.submenu > ul > li > a /* All links in any submenu */
{
}

nav > ul div.submenu > ul > li:hover /* All HOVERED li containing links in any submenu */
{
}

nav > ul div.submenu > ul > li:hover > a /* All links HOVERED in any submenu */
{
}

nav div.submenu > ul > li > div.submenu,
nav div.submenu > ul > li > a + div.submenu /* 2nd level of submenus and on */
{
    display: none; /* Hide by default submenus */
}

nav div.submenu > ul > li:hover div.submenu,
nav div.submenu > ul > li:hover a + div.submenu /* 2nd level submenus and on (if even used) */
{
    display: block; /* Show submenus when parent hovered */
    position: absolute; 
    top: -2px; 
    left: 75%; 
    z-index: 1000; 
}

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


/* CSS3 */
    /*.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
    .cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); }
    .boxshadow.rgba nav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }*/
    /*.cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #ff8b00, #ff8b00); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); }*/
/*.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.boxshadow.rgba nav ul ul { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }*/
    /*.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }*/
    /*.rgba nav ul ul a:hover { background-color:rgba(85,85,85,.9); }*/
    /*.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }*/
    /*.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }*/

    /* fallbacks */
    /*.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../fallback/navBG.gif) repeat-x 0 0; }
    .no-borderradius nav ul, .no-js nav ul { background:url(../fallback/navRight.gif) no-repeat 100% 0; }
    .no-borderradius nav li, .no-js nav li { height:44px; }*/
    /*.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; }*/
/*.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; }
.no-rgba nav ul ul, .no-js nav ul ul { left:1px; padding-left:2px; background-color:#ff8b00; }
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; }
.no-cssgradients.boxshadow nav { box-shadow:none; }*/

/* END MENU CSS */