* {
  margin: 0;
  padding: 0;
}

.menu {
  margin: 30px 0 10px auto;
  width: 1000px;
  height: 37px;
  /*box-shadow:3px 2px 2px #666;*/
}

.menu ul {
	/*background:transparent url(../lfi2imgs/topnavbg.jpg) repeat-x top center;*/
  background: url('../lfi2imgs/topnavbg.jpg') repeat-x #930;
  list-style: none;
  overflow: hidden;
  border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
}

.menu li {
  display: inline;
  float: left;
  width: 165px;
}
		/*last menu item should not have a blue pipe*/
.menu > ul > li:last-child {
  border: 0;
}

.menu li a {
  margin: 0 auto;
  padding: 0;
  display: block;
  border-left: 1px solid #1b6ea6;
  color: #fff;
  letter-spacing: 0.1em;
  font: 400 14px/37px Marcellus,Imprima,Arial;
  text-align: center;
  text-decoration: none;
  transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
}

.menu li a:hover {
  background: #4a89bc url(../lfi2imgs/topnavbg2.jpg) repeat-x top left;
}
	/*child*/
.menu ul ul.child {
  background: #000;
  height: 0;
  width: 0;
  float: left;
  visibility: hidden;
  border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  -moz-border-radius: 0px 0px 8px 8px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.menu ul ul.child li {
  float: left;
  clear: both;
}

.menu ul ul.child li a {
  border: 0;
}		
	/*show hidden sub menu when parent li is hovered  | http://www.orangeandbronze.com/css-tutorials/horizontal-menu1/index.html*/
.menu ul li:hover ul.child {
  background: #4681ad;
  height: auto;
  width: 165px;
  visibility: visible;
  display: block;
}

.menu ul:hover ul.child li a {
  border: 0;
}

.menu ul li:hover ul.child li a:hover {
  background: #165d93;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
}