#nav1 {
margin:0 auto; 
padding:0; 
clear:both; 
width:1020px;
text-align:center; 
}

#nav1 ul {
margin:0 auto; 
padding:0; 
list-style-type:none; 
}

#nav1 ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}

#nav1 ul {
margin:0 auto; 
padding:0;  
}

#nav1 ul li {
list-style: none;
margin:1px; 
padding:0; 
float:left;
min-width:140px; 
text-align:left; 
font-size:20px; 
line-height:24px; 
}

#nav1 ul li a {
margin:2px; 
padding:2px 12px 2px 12px; 
display:block; 
text-decoration:none; 
color:#CCCC33; 
background-color:#3366AA; 
border:1px solid #33FFFF; 

transition: background 0.3s ease-out; /* explorer 10 */
-webkit-transition: background 0.3s ease-out; /* chrome & safari */
-moz-transition: background 0.3 ease-out; /* firefox */
-o-transition: background 0.3 ease-out; /* opera */
}


#nav1 ul li:hover > a { 
margin:2px; 
padding:2px 12px 2px 12px; 
display:block; 
text-decoration:none; 
color:#CCCC33; 
/* color: #FAFAFA; */
/* background-color:#3366AA;  */
border:1px solid #FFFFFF; 
}

#nav1 ul li:hover > ul { 
/* margin-left:-40px; */
margin-left:20px; 
padding:0; 
visibility: visible;
background-color:#EAEAEA; 
}

#nav1 ul li ul { 
display: inline;
visibility: hidden;
position: absolute;
padding:0px;
}

#nav1 ul li ul li { 
float: none; 
font-size:18px; 
}

#nav1 ul li ul li a { 
color: #FAFAFA;
}

#nav1 ul li a:hover { 
margin:2px; 
padding:2px 12px 2px 12px; 
background-color:#6699CC; 
border:1px solid #FFFFFF; 
color:#222200; 
}


#nav1 ul li ul li a:hover { 
margin:2px; 
padding:2px 12px 2px 12px; 
color:#330033; 
background-color:#6699CC; 
border:1px solid #FFFFFF; 
}