body { 
 
}
.nav{ width:100%; height:auto;
 font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: center; float:left;
  

background: #2c539e;
background: -moz-linear-gradient(top, #2c539e 0%, #2c539e 100%); 
background: -webkit-linear-gradient(top, #2c539e 0%,#2c539e 100%); 
background: linear-gradient(to bottom, #2c539e 0%,#2c539e 100%);
}

.nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;

}
.nav ul li {
	font-size:16px;  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 15px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nav ul li a{ color:#CCCCCC; text-decoration:none;}
.nav ul li:hover {background:#4c6996;color: #fff;}
.nav ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 175px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.nav ul li ul li {width:100%; height:auto; border-top:1px solid #8ba4cc;border-bottom:1px solid #4d6c9c;
 font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; display: block; color: #fff;
 
 background: #2c539e;
background: -moz-linear-gradient(top, #2c539e 0%, #2c539e 100%); 
background: -webkit-linear-gradient(top, #2c539e 0%,#2c539e 100%); 
background: linear-gradient(to bottom, #2c539e 0%,#2c539e 100%);}
.nav ul li ul li:hover { background:#4c6996; }
.nav ul li:hover ul {display: block;opacity: 1;visibility: visible;
}
.name{ width:100%; height:auto; background-color:#CC3333;}