.menu {
  width: 100%;
  position: inherit;
  background: #0565a8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0565a8 30%, #043b81 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #0565a8), color-stop(100%, #043b81));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0565a8 30%, #043b81 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0565a8 30%, #043b81 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0565a8 30%, #043b81 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #bb0c13 30%, #bb0c13 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0565a8', endColorstr='#043b81',GradientType=0 ); }

.ddsmoothmenu {
  /*background of menu bar (default state)*/
  width: 100%;
  height: 44px;
  display: block;
  margin: 0 auto;
  position: relative; }

.ddsmoothmenu ul {
  z-index: 100;
  height: 44px;
  padding: 0px  0 0;
  list-style-type: none;
  }

/*Top level list items*/
.ddsmoothmenu ul li {
  position: relative;
  display: inline;
  float: left;
  font-size: 100%;
  padding: 0;
  width: 19%;
  text-align: center;
  border-right: 2px ridge #fff; }

.ddsmoothmenu ul li:first-child {}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
  display: block;
  background: none;
  /*background of menu items (default state)*/
  color: #fff;
  padding: 0;
  text-decoration: none;
  line-height: 44px;
  text-transform: uppercase;
  font-weight: 700; }

* 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: #fff; }

.ddsmoothmenu ul li.selected a {
  /*CSS class that's dynamically added to the currently active menu items' LI A element*/
  color: #fae2ad; }

.ddsmoothmenu ul li a:hover {
  /*background of menu items during onmouseover (hover state)*/
  color: #fae2ad; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
  position: absolute;
  left: 0;
  display: none;
  /*collapse all sub menus to begin with*/
  visibility: hidden;
  top: 37px;
  width: 100% !important; }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
  display: list-item;
  float: none;
  background-color: #e04d58 !important;
  color: #fff;
  padding: 0 !important;
  background-image: none !important;
  font-size: 13px;
  text-align: left !important;
  width: 100%;
  min-width: 190px;
  border-bottom: 1px solid #ccc; }

.ddsmoothmenu ul li ul li:last-child {
  background: #e04d58;
  border-bottom: 0; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
  top: 0 !important; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
  /*width of sub menus*/
  margin: 0;
  line-height: 20px;
  color: #fff;
  padding: 6px 10px !important; }

.ddsmoothmenu ul li ul li a:hover {
  background: #a40000;
  border-radius: 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 {
  position: absolute;
  top: 12px;
  right: 7px; }

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

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0; }

.toplevelshadow {
  /*shadow opacity. Doesn't work in IE*/ }