/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    


/* Essentials - configure this */

/*
#nav ul { width: 180px; }
#nav ul ul { left: 181px; }
*/

/* Everything else is theming */
 
#nav { background-color: #30A8C3; height: 24px; 	font-size: x-small;}
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
  #nav li.hover a { /*background-color: /*#eeddce; #f6f6f6*/ }
  #nav ul { top: 25px;}
    #nav ul li a { background: #f3f3f3 url( images/li04.gif) 3px center no-repeat;}
      #nav ul a.hover {  background: #30A8C3 url( images/li03.gif) 3px center no-repeat;  }
   #nav ul a { border-bottom: 1px dotted #cccccc; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav { height: 26px; background: #f9f6eb; padding:4px 0 0 4px}
#nav a { padding: 0px; border:none; text-decoration: none;}
#nav ul li a { border-right: 1px solid white; color: #663333; font-size: 12px; padding: 6px 0 6px 12px; line-height: 1; }
#nav a.btn:hover{ background-color: #f9f6eb; }
      #nav ul a.hover { background-color: #e877a6; color: #ffffff;}
#nav ul {
	top: 27px;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#nav ul,
#nav li{
	zoom: 1;
}
#nav li {
	padding:1px; 
}
#nav ul li {
	padding:0px; 
}
#nav ul:after,
#nav li:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}