/* ################ Menu Level Style ################ */
html>body .navigation-pad{ /*fix for FF alignment issue*/
    padding-bottom: 15px;
    }

.ddsmoothmenu{
    background: url(../images/nav-background.gif) center top no-repeat; /*background of menu bar (default)*/
    width: 982px; /*100% (default)*/
    }

.ddsmoothmenu ul{
    z-index: 100;
    margin: 0;
    padding: 0 0 0 15px;
    list-style-type: none;
    }
    
.ddsmoothmenu ul li {
    padding: 0;
    }

/* Primary Level List Items */
.ddsmoothmenu ul li{
    position: relative;
    display: inline;
    float: left;
    }

/* ################ Primary Level Menu Link Items Style ################ */
.ddsmoothmenu ul li.primary a{
    display: block;
    background: transparent; /*background of menu items (default)*/
    color: #515151;
    padding: 8px 18px;
    border-right: 1px solid #A0A0A0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    }
.ddsmoothmenu ul li.selected a:link, .ddsmoothmenu ul li.selected a:visited{
    color: #515151;
    text-decoration: none;
    }
.ddsmoothmenu ul li.primary a.selected, .ddsmoothmenu ul li.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: url(../images/nav-on.gif) center top repeat-x; 
    color: #515151;
    text-decoration: none;
    }
.ddsmoothmenu ul li.primary a:hover{
    background: url(../images/nav-on.gif) center top repeat-x; /*background of menu items during onmouseover (hover)*/
    color: #515151; 
    text-decoration: none;
    }
    
/* ################ Primary Selected Menu Link Items Style ################ */
.ddsmoothmenu ul li.selected a{
    display: block;
    background: none; /*background of menu items (default)*/
    color: #FFF;
    padding: 8px 18px;
    border-right: 1px solid #A0A0A0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    }
.ddsmoothmenu ul li.selected a, .ddsmoothmenu ul li.selected a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: url(../images/nav-on.gif) left top repeat-x; 
    color: #FFF;
    text-decoration: none;
    }
.ddsmoothmenu ul li.selected a:hover{
    background: url(../images/nav-on.gif) left top repeat-x;
    }
    
/* ################ Primary Special Menu Link Items Style ################ */
.ddsmoothmenu ul li.special a{
    display: block;
    background: transparent; /*background of menu items (default)*/
    color: #515151;
    padding: 8px 18px;
    border-right: 1px solid #A0A0A0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    }
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: url(../images/nav-on-special.gif) left top repeat-x;
    color: #FFF;
    text-decoration: none;
    }
.ddsmoothmenu ul li.special a:hover{
    background: url(../images/nav-on-special.gif) left top repeat-x;  /*background of menu items during onmouseover (hover)*/
    color: #FFF; 
    text-decoration: none;
    }
    
 /* ################ Primary Selected Special Menu Link Items Style ################ */
.ddsmoothmenu ul li.selectedSpecial a{
    display: block;
    background: none; /*background of menu items (default)*/
    color: #FFF;
    padding: 8px 18px;
    border-right: 1px solid #A0A0A0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    }  
.ddsmoothmenu ul li.selectedSpecial a, .ddsmoothmenu ul li.selectedSpecial a{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: url(../images/nav-on-special.gif) left top repeat-x; 
    color: #e87b25;
    text-decoration: none;
    }
    
/* ################ Secondary Level Menu Link Items Style ################ */
.ddsmoothmenu ul li.secondary a{
    display: block;
    background: #2974ba; /*background of menu items (default)*/
    color: #FFF;
    padding: 8px 10px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    }
.ddsmoothmenu ul li.secondary a:link, .ddsmoothmenu ul li.secondary a:visited{
    color: #FFF;
    text-decoration: none;
    }
.ddsmoothmenu ul li.secondary a.selected, .ddsmoothmenu ul li.secondary selected a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: #FFF url(../images/nav-on-secondary.gif) center top repeat-x;
    color: #2974ba;
    text-decoration: none;
    }
.ddsmoothmenu ul li.secondary a:hover{
    background: #FFF url(../images/nav-on-secondary.gif) center top repeat-x; /*background of menu items during onmouseover (hover)*/
    color: #2974ba;
    text-decoration: none;
    }

/* ################################################ Don Not Modify Items ################################################ */
* html .ddsmoothmenu ul li.secondary a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
    }

/* 1st Secondary Level Menu */
.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus (default)*/
    visibility: hidden;
    }

/* Secondary Level List Items (override style from primary level list items) */
.ddsmoothmenu ul li ul li{
    display: list-item;
    float: none;
    }

/* All Subsequent Sub Menu Levels Vertical Offset After 1st Level Sub Menu */
.ddsmoothmenu ul li ul li ul{
    top: 0;
    }

/* Secondary Level Menu Links Style */
.ddsmoothmenu ul li ul li a{
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid gray;
    }

/* Hack for IE */
* html .ddsmoothmenu{
    height: 1%;
    }

/* CSS classes applied to down and right arrow images */
.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
    }

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
    }

/* Shadow CSS */
.ddshadow{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: #555;
    }

/* Shadow Opacity */
.toplevelshadow {
    opacity: 0.50; /*firefox, opera, safari, chrome*/
    }