#navigation {
  border-top-width: 0px;
}

#navigation,
#preview #preview-navigation {
/*
  background: #000 url('../images/black-menu.png') repeat center left;
*/
  border-bottom-width: 0px;
  padding: 4px 0px;
	background-color: #444;

    background: url('../images/darkest.png') repeat top left;
	background-color: #333;
}

#navigation ul li,
#preview #preview-navigation ul li {
  border-right-color: #333;
}
#navigation ul li a,
#preview #preview-navigation ul li a {
  color: #ddd;
  font-weight: normal;
  font-size: 1.2em;
}
#navigation ul li a:hover,
#preview #preview-#navigation ul li a:hover {
  color: #fff;
  background-color: #555;
  text-decoration: none;
}
#navigation ul.main-menu li:hover,
#navigation ul.main-menu li a:hover {
  color: #fff;
  background-color: #555;
  background: #555;
  text-decoration: none;
}
#navigation ul li a:hover { /* needed for IE */
  color: #fff;
  background: #555;
  text-decoration: none;
}

.back-to-top {
  background-color: #000;
	background-color: #444;
}
.back-to-top a {
  color: #fff;
}
.back-to-top-image {
  background: transparent url('../images/back-to-top.png') no-repeat center center;
}

/*--------------- superfish ----------------*/
#menubar .sf-menu li a {
  background: #000 url('../images/black-menu.png') repeat center left;
  border-right-color: #333;
  color: #ddd;
  font-weight: normal;
}
#menubar .sf-menu li ul li a {
  background: #000;
}
#menubar .sf-menu li.last ul li a,
#menubar .sf-menu li ul li a,
#menubar .sf-menu li ul li.last a {
  border-color: #333;
  background-color: #000;
}
#menubar .sf-menu li a:hover,
#menubar .sf-menu li.last a:hover {
  color: #fff;
  text-decoration: none;
  background: #555;
}
#menubar .sf-menu ul {
  border-color: #333;
}

/*-------------- nice_menus -----------------*/
#menubar ul.nice-menu {
  z-index: 99; /* makes drop down menu item for the menubar comes front of sub menubar */
  background: url('../images/black-menu.png') repeat center left;
}
#menubar .nice-menu a,
#menubar .nice-menu a:active,
#menubar .nice-menu a:visited,
#menubar .nice-menu a:focus {
  color: #ddd;
}
#menubar .nice-menu a:hover {
  color: #fff;
  text-decoration: none;
}
#menubar ul.nice-menu li a {
  /* root menu items */
  background: url('../images/black-menu.png') repeat center left;
}

#menubar ul.nice-menu li ul li.menuparent a,
#menubar ul.nice-menu li ul li.menuparent a:hover,
#menubar ul.nice-menu li ul li.menuparent:hover,
#menubar ul.nice-menu li ul li.menuparent {
  /* drop down menu item that has child menu */
  background-image: url('../images/arrow-right.png');
  background-repeat: no-repeat;
  background-position: 95%;
}
#menubar ul.nice-menu li ul li.menuparent li a {
  background-image: none; /* do not delete! */
}
#menubar ul.nice-menu li.menuparent li a {
  background-image: none; /* do not delete! */
  background-color: #000;
}
#menubar ul.nice-menu li.menuparent li {
  background-image: none; /* do not delete! */
  background-color: #000;
}
#menubar ul.nice-menu li ul li.menuparent li a:hover {
  background-image: none; /* do not delete! */
  background: #555;
}

#menubar ul.nice-menu li.menuparent {
  /* root menu item that has drop down menu */
  background: url('../images/black-menu.png') repeat center left;
}
#menubar ul.nice-menu li.menuparent a {
  /* root menu item that has drop down menu */
  background-image: url('../images/arrow-down.png');
  background-repeat: no-repeat;
  background-position: 90%;
}
#menubar ul.nice-menu li a {
  /* root menu item that has no drop down menu */
  border-right-color: #333;
}
#menubar ul.nice-menu li.last ul li a,
#menubar ul.nice-menu li ul li a,
#menubar ul.nice-menu li ul li.last a {
  /* drop down menu items */
  border-color: #333;
  background: #000;
}

#menubar ul.nice-menu li a:hover,
#menubar ul.nice-menu li.menuparent a:hover {
  /* root menu item hover color */
  background: #555;
}
#menubar ul.nice-menu li.menuparent a:hover {
  /* root menu item that has drop down menu */
  background-image: url('../images/arrow-down.png');
  background-repeat: no-repeat;
  background-position: 90%;
}
#menubar ul.nice-menu li.menuparent li a:hover {
  background-image: none;
}
#menubar ul.nice-menu li ul {
  border: solid 1px #333;
}

/*-------------- original responsive menus color ---------------*/

.menu-button {
  background-color: transparent;
  color: #fff;
  border: none;
  margin-top: 0px;
  background-image: url('../images/menu.png');
  padding-bottom: 12px;
}
.menu-button-closed {
  background-image: url('../images/rollup.png');
}

ul#main-menu {
  border-bottom: none;
  background-color: transparent;
  display: none;
}
ul#main-menu li {		/*----top level----*/
  border: none;
  background-color: #ddd;
}
ul#main-menu > li {		/*----top level----*/
  border-top: solid 1px #ccc !important;
}
ul#main-menu > li.first {	/*---- common to all list items ----*/
  border-top: none !important;
}
ul#main-menu li li {	/*----2nd level----*/
  background-color: #ccc;
  border: none;
  border-top: solid 1px #bbb; /* border-bottom is NG */
}
ul#main-menu li li li {	/*----3rd level----*/
  background-color: #bbb;
  border: none;
  border-top: solid 1px #aaa; /* border-bottom is NG */
}
ul#main-menu li a {
  color: #333;
}
ul#main-menu li a:hover {
  background-color: transparent;
  text-decoration: underline;
}

/*
ul#main-menu li,
*/
ul#secondary-menu li,
#navigation ul > li {
  border-right: solid 1px #444;
  color: #fff;
}

@media screen and (max-width: 800px) {
  #navigation {
    padding: 2px 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-top: none !important;
  }
  #navigation ul#main-menu li {
    border-right: none !important;
  }
  .menu-button-connector {
	clear: both;
    border-top: none;
  }
  ul#main-menu li.item-with-ul {	/*---- regular menu items with sub-menu ----*/
    background-image: url('../images/menu-dark.png');
  }
  ul#main-menu li.item-with-ul-closed {	/*---- regular menu items with sub-menu ----*/
    background-image: url('../images/rollup-dark.png');
  }
  #navigation #secondary-menu {
    margin-top: 2px;
  }
  #navigation ul#main-menu li.searchbox {
   -moz-border-bottom-left-radius: 5px;    /* for Firefox */
   -webkit-border-bottom-left-radius: 5px; /* for old Safari, KHTML */
   border-bottom-left-radius: 5px;         /* for CSS3 */
   -moz-border-bottom-right-radius: 5px;    /* for Firefox */
   -webkit-border-bottom-right-radius: 5px; /* for old Safari, KHTML */
   border-bottom-right-radius: 5px;         /* for CSS3 */
  }
  ul#main-menu li,
  #navigation ul > li {		/* menu divider line */
  	border-color: #fff !important;
  }
  ul#secondary-menu li {	/* secondary menu divider line */
  	border-color: #555 !important;
  }
}

/*------- Desktop PC and tablet ------*/
@media screen and (min-width: 801px) {
  #navigation ul li {
	border-right: solid 1px #444 !important;
  }
  #navigation ul li a {
    font-size: 1.1em;
  }
  ul#main-menu {
    color: #fff;
    border-bottom: none !important;
    border-color: #333;
  }

  ul#main-menu li.item-with-ul {	/*---- regular menu items with sub-menu ----*/
    background-color: #444;
	border
	background-image: url('../images/arrow-right.png');
	border-width: 1px;
    border-left: solid 1px #666;
    border-top: solid 1px #666;
	border-bottom: solid 1px #222;
  }

  ul#main-menu > li.item-with-ul {	/*---- top menu items with sub-menu ----*/
	background-image: url('../images/arrow-down.png');
  }

  ul#main-menu li {	/*---- regular menu items without sub-menu ----*/
    background-color: #000;
	border-width: 1px;
  }

  ul#main-menu li li,
  ul#main-menu li li li {
    background-color: #000;
    background-color: #444;
    border-color: #666; /*--- border-top of sub menu items ---*/
    border-left: solid 1px #666;

	border-bottom: solid 1px #222;
  }
  ul#main-menu li.last {
	border-bottom: solid 1px #222;
  }
  ul#main-menu > li.last {
    border-bottom: none;
  }
  ul#main-menu li a {
	color: #fff;
  }
  ul#main-menu li.item-with-ul:hover,
  ul#main-menu li:hover {
    background-color: #222 !important;
  }

  ul#main-menu > li {	/*---- common to all top level menu items ----*/
    border-top: none !important;
    border-left: none !important;
    background-color: transparent !important;

	border-bottom: none !important;
  }
  ul#main-menu > li.item-with-ul:hover { 
    background-color: #222 !important;
  }
  #navigation #main-menu {
    margin-left: 20px;
  }
  #navigation #secondary-menu {
    margin-right: 15px;
  }
  #navigation #secondary-menu li a:hover {
	background-color: #222 !important;
  }
}