.nav_exmaple {

}
nav {
     font-family: arial, sans-serif;
     position: relative;
     font-size:12px;
     color:#333;
     margin: 0px auto;
}
 
nav ul {
     list-style-type: none;
     margin: 0;
}
 
nav ul li {
     float: left;
     position: relative;
  
}
 
nav ul li a {
    text-align: center;
    padding:6px 16px;
    display:block;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    margin:0px 1px;
    background: #d1dfe8;
	background: -moz-linear-gradient(top, #ff0100 0%, #ff0100 44%, #ff0100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0100), color-stop(44%,#ff0100), color-stop(100%,#ff0100));
	background: -webkit-linear-gradient(top, #ff0100 0%,#ff0100 44%,#ff0100 100%); 
	background: -o-linear-gradient(top, #ff0100 0%,#ff0100 44%,#ff0100 100%); 
	background: -ms-linear-gradient(top, #ff0100 0%,#ff0100 44%,#ff0100 100%); 
	background: linear-gradient(top, #ff0100 0%,#ff0100 44%,#ff0100 100%);
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
nav ul li:hover > a {
	background:#74b126;
	color:#333;
	text-shadow:none;
}
nav ul li ul {
     display: none
}
 
nav ul li:hover ul {
     display: block;
     position: absolute;
     top:28px;
     left:-1px;
     padding:0;
     margin:0;
     width:auto;
     border:0;
	 z-index:2000;
}
nav ul li:hover ul li a {
    
     background:#74b126;
     color:#fff;
     border: 1px solid #999;
     border-top: none;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     font-weight:bold;
     width:120px; font-size:12px; font-family:arial; text-align:left; 
}
 
nav ul li:hover ul li a:hover, nav ul li a:hover {
	background:#74b126;
    color:#FE0201;
}
a{ color:#36C;text-decoration:none;font-weight:normal;font-size:105%; }
a:hover{text-decoration:none;}