﻿body {
}

.ddsmoothmenu, .ddsmoothmenu li ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
     width: 196px;
    _width: 176px; /*WIDTH OF MAIN MENU ITEMS*/
    border: 0px solid black;
}

.ddsmoothmenu li
{
    position: relative;
    list-style-type: none;
}

.ddsmoothmenu li a
{
    list-style-type: none;
    background-image: url(/images/l_nav_tbg.png);
    background-repeat: no-repeat;
    font: bold 12px Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    width: auto;
    padding :8px 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:0px;
    text-decoration: none;
    height: 16px;
    overflow: hidden;
}

.ddsmoothmenu li ul
{
    /*SUB MENU STYLE*/
    position: absolute;
     width: 176px;
    _width: 176px; /*WIDTH OF SUB MENU ITEMS*/
    left: 0px;
    top: 0px;
    display: none;
}

.ddsmoothmenu li ul li
{
    float: left;
}

.ddsmoothmenu li ul a
{
     width: 176px;
    _width: 179px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
    background: orange;
    margin-left: 0px;
}

.ddsmoothmenu .arrowdiv
{
    position: absolute;
    right: 2px;
    background: transparent url(/images/arrow_right.gif) no-repeat center right;
}

.ddsmoothmenu li a:visited
{
    color: white;
}

.ddsmoothmenu li a:hover
{
    background-image: url(/images/h2.gif);
    background-repeat: repeat-x;
    color: black;
    width:159px;
	 _width: 151px; 

}

.ddsmoothmenu li a:selected
{
    background-image: url(/images/l_nav_hoverbg.png);
    background-repeat: no-repeat;
      width: 176px; 
 
}


.ddsmoothmenu li ul li a:hover
{
    background: #50575a;
    color: white;
      width:176px;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu li
{
    float: left;
}
* html .ddsmoothmenu li a
{
}



/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 2px;
_right: 8px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
background: silver;
overflow:hidden;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}