/**************************************/
/* GENERAL MENU STYLES                */
/* YOU WILL NEED TO EDIT THESE CSS    */
/* ELEMENTS PER SITE                  */
/**************************************/
#menu { margin: 0; padding: 0; border-top: 1px solid #3b6e8e; }
#menu li { list-style: none outside; position: relative; cursor: pointer; }
#menu li a:link, #menu li a:visited, #menu li a { display: block; color: #3b6e8e; font: bold 14px/14px "trebuchet ms", arial, sans-serif; padding: 9px 4px; border-bottom: 1px solid #3b6e8e; text-decoration: none; }
#menu li.active a:link, #menu li.active a:visited, #menu li.active a { color: #fff; background: #3a6e8f; }

#menu ul { display: none; margin: 0; padding: 0; }

#menu li.active ul { display: block; }
#menu li.active ul li a:link, #menu li.active ul li a:visited { color: #c1b4a1; background: #fff; border: none; width: 126px; padding: 9px; font-size: .9em; }

#menu ul ul, #menu li.active ul ul { display: none; position: absolute; top: 0%; left: 100%; background: #3b6e8e; border: 1px solid #000; width: 150px; }
#menu li.active ul ul li a:link, #menu li.active ul ul li a:visited { background: none; }

#menu ul li:hover ul { display: block; }