/* Basic code - don't modify */

 #nav { display: block; margin: 0; padding: 0; position: absolute; right:0px; top:6px; z-index:10 }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  z-index:10}
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;  z-index:10 }
  * 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: 150px;  z-index:10}
#nav ul ul { left: 151px;  z-index:10}

/* Everything else is theming */

#nav { height: 24px;  z-index:10 }
#nav *:hover { }
#nav a { color: black; font-size: 12px; padding: 6px; line-height: 1; text-decoration: none}
  #nav li a.hover { color: #E54820 }
  #nav ul { top: 25px;  z-index:10; background-color: white }
    #nav ul li a {  }
      #nav ul a.hover { color: #E54820 }
   #nav ul a { opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


 #themamenu { display: block; margin: 0; padding: 0; position: absolute; left:10px; top:1px; z-index:10 }
  #themamenu li { display: block; list-style: none; margin: 0; padding: 2px 0 0 0; float: left; position: relative;  z-index:10; min-height: 26px }
  #themamenu a { display: block; }
  #themamenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;  z-index:10 }
  * html #themamenu ul { line-height: 0; } /* IE6 "fix" */
  	#themamenu ul a { zoom: 1; } /* IE6/7 fix */
    #themamenu ul li { float: none; background-color: black;border-bottom: 1px solid #999999;}
    #themamenu ul ul { top: 0; }

/* Essentials - configure this */

#themamenu ul { width: 220px;  z-index:10 }
#themamenu ul ul { left: 201px; z-index:10}

/* Everything else is theming */

#themamenu { height: 24px;  z-index:10 }
#themamenu *:hover {  }
#themamenu a { color: white; padding: 6px; line-height: 1; text-decoration: none; text-transform:uppercase }
  #themamenu li.active a { color: #E54820 }
  #themamenu li a.hover { color: #E54820 }
  #themamenu ul { top: 25px;  z-index:10; }
    #themamenu ul li a { text-transform:none; }
      #themamenu ul a.hover { color: #E54820 }
   #themamenu ul a { opacity: 0.9; filter: alpha(opacity=90) }
/* #themamenu ul a { border-bottom: none; } - I also needed this for IE6/7 */