.ddsmoothmenu{
font: bold 12px Verdana;
height:40px;
float: left;
}
.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin:0 10px;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a.main_menu{
display: block;
background: #3e3a3b url(images/devider.png) center right no-repeat; /*background of menu items (default state)*/
color: white;
padding: 8px 5px;
margin-top: 4px;
border-radius: 8px;
color: #2d2b2b;
text-decoration: none;
}
.ddsmoothmenu ul li a{
display: block;
background: #3e3a3b url(images/devider.png) center right no-repeat; /*background of menu items (default state)*/
color: white;
/*padding: 17px 10px;*/
padding: 12px 10px;
margin-top: 6px;
border-radius: 8px;
color: #2d2b2b;
text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}
.ddsmoothmenu ul li a:hover{
background: #fff; /*background of menu items during onmouseover (hover state)*/
color: black;
}	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin:0;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
margin:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 180px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
/*border-bottom: 1px solid #666;*/
background: #fff;
border-radius: 0px;
color: #000 !important;

}
/* 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: 22px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}








/*#menu { position: absolute;bottom: -7px; right: 0; }
#menu > ul {}
#menu > ul > li { float: left; margin: 0; position: relative; z-index: 103; }
#menu > ul > li > a { padding: 10px 20px; font-weight: bold; display: block; float: left; white-space: nowrap; }
#menu > ul > li > a:hover { text-decoration: none; }
#menu > ul > li > a span { width: 100%; height: 9px; z-index: 102; display: none; position: absolute; left: 0; top: 37px; }
#menu > ul > li > a .arrow { visibility:hidden; width: 5px; height: 3px; z-index: 103; position: relative; margin-left: 50%; top: 7px; }
#menu > ul > li > a .arrow .a1 { width: 1px; height: 1px; overflow: hidden; display: block; position: absolute; left: 0; top: 0; }
#menu > ul > li > a .arrow .a2 { width: 1px; height: 1px; overflow: hidden; display: block; position: absolute; left: 1px; top: 1px; }
#menu > ul > li > a .arrow .a3 { width: 1px; height: 1px; overflow: hidden; display: block; position: absolute; left: 2px; top: 2px; }
#menu > ul > li > a .arrow .a4 { width: 1px; height: 1px; overflow: hidden; display: block; position: absolute; left: 3px; top: 1px; }
#menu > ul > li > a .arrow .a5 { width: 1px; height: 1px; overflow: hidden; display: block; position: absolute; left: 4px; top: 0px; }
#menu > ul > li.current-menu-item > a span,
#menu > ul > li.current_page_item > a span,
#menu > ul > li.current-menu-ancestor > a span,
#menu > ul > li.current_page_ancestor > a span { display: block; }
#menu > ul > li.current-menu-item > a .arrow,
#menu > ul > li.current_page_item > a .arrow,
#menu > ul > li.current_page_ancestor > a .arrow,
#menu > ul > li.current-menu-ancestor > a .arrow { visibility:visible; }
#menu > ul > li.hover { z-index: 104; }
#menu > ul > li ul { position: absolute; left: 0; top: 37px; z-index: 104; margin: 0; padding: 10px 0; display: none; }
#menu > ul > li ul li { padding: 0 15px; width: 150px; position: relative; }
#menu > ul > li ul li a { padding: 4px 5px; display: block; border-bottom-width: 1px; border-bottom-style: solid; }
#menu > ul > li > ul > li.last-item > a,
#menu > ul > li > ul > li > ul > li.last-item > a { border-bottom-width: 0px; }
#menu > ul > li ul li a:hover { text-decoration: none; }
#menu > ul > li ul li ul { position: absolute; left: 170px; top: -10px; z-index: 104; }

#menu > ul > li.last ul { right: 0; left: auto; }
#menu > ul > li.last ul li ul { right: 180px; }

  #menu > ul > li > a {
    color: #000000;
  }
    
  #menu > ul > li > a em {
    background: #000000;
  }
  
  #menu > ul > li > a:hover,
  #menu > ul > li.current-menu-item > a,
  #menu > ul > li.current_page_item > a,
  #menu > ul > li.current-menu-ancestor > a,
  #menu > ul > li.current_page_ancestor > a {
    color: #F85B0E;
  }
  
  #menu > ul > li ul, #menu > ul > li.submenu.hover > a {
    background: #BB3E18;
    color: #FFFFFF;
  }
  
  #menu > ul > li ul li a {
    color: #FFFFFF;
    border-color: #DA532A;
  }
  
  #menu > ul > li ul li a:hover {
    color: #FFE182;
  }  */


#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; 
/*       width: 100%;*/
       width: 10px;
}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }

#cssmenu {
/*  background: #333;*/
/*  border-bottom: 4px solid #1b9bff;*/
  font-family: Open Sans, Arial, Tahoma, sans-serif;
  font-size: 12px; 
  float: left;
}

  #cssmenu > ul { *display: inline-block; }

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both; 
}

#cssmenu a {
/*    background: #333;*/
    color: #CBCBCB;
    padding: 5px 20px; 
    font-weight: bold;
}
#cssmenu ul { 
/*    text-transform: uppercase; */
}

    #cssmenu ul ul {
      border-top: 4px solid #fff;
      text-transform: none;
      min-width: 190px; 
}
      #cssmenu ul ul a {
        background: #fff;
        color: #000;
/*        border: 1px solid #0082e7;*/
        border-top: 0 none;
        line-height: 150%;
        padding: 8px 15px; 
}
      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li { position: relative }
      
      
      #cssmenu > ul > li > a { line-height: 25px;  }

#cssmenu ul ul li:first-child > a { 
/*    border-top: 1px solid #0082e7; */
}
        #cssmenu ul ul li:hover > a { 
/*            background: #35a6ff;*/
        color: #0193FE;
        }

        #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
/*          box-shadow: 0 1px 0 #1b9bff; */
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu ul ul li.has-sub > a:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px;
}

#cssmenu ul li.show_box:hover > a, #cssmenu ul li.active > a {
      background: #fff;
      color: #0193FE;
}
    #cssmenu ul li:hover > a, #cssmenu ul li.active > a {
/*      background: #fff;*/
      color: #0193FE;
}
    #cssmenu ul li.has-sub > a:after {
      content: '';
      margin-left: 5px; 
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0; 
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
}