#MainNav { position:relative; margin:0px 0 0; padding:0px; z-index:1000; }
#MainNav ul { list-style-type: none; margin:0px; padding:0px; }
#menu { position:relative; z-index:1000;}
#menu li { margin:12px 3px 0 0; padding:0; float:left; background: none; color:#fff; font-size:17px; font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; }


#menu li a {margin:0; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; position:relative; float:333; color: #fff; text-align:center; text-decoration:none; }
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover,#menu li.current_page_item a  { margin:0; padding-left:10px; padding-right:10px; /*padding-top:5px; padding-bottom:5px; */}
#menu li li a, #menu li li a.selected, #menu li li a:hover { border:none; }
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected { text-decoration:none; }
#menu .ddsmoothmenu { margin:0; padding:0; list-style:none; float:left; position:relative; z-index:10000; margin-top:6px;
/*	margin-left:60px;*/ }
#menu .ddsmoothmenu li > ul { margin-top:-3px; }
#menu .ddsmoothmenu li li a:hover {}
#menu .ddsmoothmenu li > ul li > ul { margin-top:1px; }
/*Top level list items*/
#menu .ddsmoothmenu li { position: relative; display: inline; float: left; margin-right:20px; }
/*Top level menu link items style*/
#menu .ddsmoothmenu li li { font-size:12px; font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; text-transform:capitalize; margin:0; padding:0;/*background of menu items (default state)*/  background:#fff; width:280px;}
#menu .ddsmoothmenu li li a { /*width of sub menus*/ height:auto; float:none; display: block; text-align:left; color:#333; text-shadow:none; margin:0; padding:5px 18px; text-decoration: none; background:none; position:relative; }
#menu .ddsmoothmenu li li a:after { width:100%; content: ''; position:absolute; left:0; top:0; }
#menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after { border-top:none; }
#menu .ddsmoothmenu li li:last-child a:after { width:100%; content: ''; position:absolute; left:0; bottom:0; }
* html #menu .ddsmoothmenu li li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited { color: #333; }
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover { color:#A4A716;/*CSS class that's dynamically added to the currently active menu items' LI A element*/ }
#menu .ddsmoothmenu li ul { position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; /*border:1px solid #ccc;*/ background:url(header_bar_bg1.png) top left repeat; margin-top:10px; border:1px solid #999;}
#menu li li:first-child { /*	padding-top:5px !important;*/  }
#menu li li:last-child { /*padding-bottom:5px !important;*/}
/*Sub level menu list items (undo style from Top level List Items)*/
#menu .ddsmoothmenu li ul li { display: list-item; float: none; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#menu .ddsmoothmenu li ul li ul { padding-top:0; background:none; top: 0;
*margin-top:0; }
/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass { display:block; position: absolute; width:0; height:0; overflow:hidden; top: 0; right: 0; display:none !important; }
.rightarrowclass { display:block; width:5px; height:7px; position: absolute; margin-top:-3px; top: 50%; right: 8px; background: url(../images/right.png) 0 0 no-repeat; }
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { width:0; height:0; position: absolute; left: 0; top: 0; display:none; }
/* ---- menu ---- */

/*#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover { color:#fff; background: url(../images/menu-bg.png) top repeat-x #2B4908; }*/
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected,#menu li.current_page_item a  { color:#A4A716; }
/*Top level menu link items style*/
/*#menu .ddsmoothmenu li li { background: #2B4908; }*/
/* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */ /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
  /*      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/ /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
     /*   filter: alpha(opacity=50);*/ /* Older than Firefox 0.9 */
      /*  -moz-opacity:0.5;*/ /* Safari 1.x (pre WebKit!) */
     /*   -khtml-opacity: 0.5;*/ /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
       /* opacity: 0.5;*/	
 /*background of menu items (default state)*/
#menu .ddsmoothmenu li li a { border-top:1px solid rgba(0, 0, 255, 0.1); }
#menu .ddsmoothmenu li li a:after { border-top:1px solid rgba(255, 255, 255, 0.1); }
/*#menu .ddsmoothmenu li li:last-child a { border-bottom:1px solid rgba(255, 255, 255, 0.1); }*/
#menu .ddsmoothmenu li li:last-child a:after { border-bottom:1px solid rgba(0, 0, 255, 0.1); } 			
/* ========== PAGES STYLES&LAYOUTS ========== */