/* base nav styles */

nav ul { padding:0; margin:0; width:850px;}
nav li { position:relative;  list-style-type:none; }
nav li a { display:block; padding:5px 20px;  border-right:1px solid #222; color:#eee; text-decoration:none; }
nav li a:focus { outline:none; text-decoration:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul { display:none; width: 200%; position:absolute; left:-5px; background:#6a6a6a; }
nav ul ul li { float:none; margin-right:0 !important;}
nav ul ul a { padding:5px 5px;  border-right:none; font-size:18px; color: #626262; }
nav ul ul a:hover { color:black; background-color:lightgrey;}
nav ul ul {border-top:1px solid #DFE2E1; border-left:1px solid #DFE2E1;}
#ul2 {width: 110%;}
#ul3 {min-width: 180px; max-width: 200px}
.bigul {width: 140px}
.biggerul {width: 150px;}
.wideul {width: 180px;}
.widerul {width: 200px;}
.widestul {width: 220px;}


/* CSS3 */
.boxshadow.rgba nav ul ul { background-color:white; -moz-box-shadow:2px 2px 2px rgba(85,85,85,0.8); -webkit-box-shadow:2px 2px 2px rgba(85,85,85,0.8); box-shadow:2px 2px 2px rgba(85,85,85,0.8); }
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }




/* Original CSS */
/*nav { display:block; margin:0 auto 20px; border:1px solid #222; position:relative; background-color:#6a6a6a; font:16px Tahoma, Sans-serif; }*/
/*nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/
/*nav li.last a { border-left:1px solid #DFE2E1; border-right:1px solid #222; }*/

/* Original CSS */
/*.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }*/
/*.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }*/
/*.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }*/
/*.rgba nav ul ul a:hover { font-weight:bold; }*/
/*.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }*/
/*.cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); }*/
/*.boxshadow.rgba nav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }*/
/*.cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555)); }*/