/* common styling */
.menu ul {padding:0; margin:0; list-style-type: none; font-size:11px}
.menu ul li {float:left; border-right:1px solid #eee; }
.menu ul li ul {display: none;}

/* YELLOW */
body#yellow .menu {font-family: arial, sans-serif; width:800px; height:30px; position:relative; margin:0; font-size:11px; margin:0 0 50px 0; background:#E4FF00; position:relative; z-index:100;}
body#yellow .menu ul li a, body#yellow .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 20px; height:30px; line-height:30px; color:#000; background:#E4FF00 url(../../graphics/drop.gif) bottom right no-repeat;}
body#yellow .menu ul li:hover a {color:#000; background:#E4FF00;}
body#yellow .menu ul li:hover ul {display:block; position:absolute; width:800px; top:30px; left:0; background:#E4FF00; color:#fff;}
body#yellow .menu ul li:hover ul.right_side li {float:right; border:0; border-right:1px solid #eee;}
body#yellow .menu ul li:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee;}
body#yellow .menu ul li:hover ul li a.hide {background:#E4FF00 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
body#yellow .menu ul li:hover ul li:hover a.hide {background:#E4FF00; color:#000;}
body#yellow .menu ul li:hover ul li ul {display: none;}
body#yellow .menu ul li:hover ul li a {display:block; background:#E4FF00; color:#000; font-size:10px;}
body#yellow .menu ul li:hover ul li a:hover {background:#eff89e; color:#000;}
body#yellow .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
body#yellow .menu ul li:hover ul.right li {float:right;}
body#yellow .menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
body#yellow .menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
body#yellow .menu ul li:hover ul li:hover ul li a:hover {background:#eff89e; color:#fff;}




/* RED */
body#red .menu {font-family: arial, sans-serif; width:800px; height:30px; position:relative; margin:0; font-size:11px; margin:0 0 50px 0; background:#FE0000; position:relative; z-index:100;}
body#red .menu ul li a, body#red .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 20px; height:30px; line-height:30px; color:#000; background:#FE0000 url(../../graphics/drop.gif) bottom right no-repeat;}
body#red .menu ul li:hover a {color:#000; background:#FE0000;}
body#red .menu ul li:hover ul {display:block; position:absolute; width:800px; top:30px; left:0; background:#FE0000; color:#fff;}
body#red .menu ul li:hover ul.right_side li {float:right; border:0; border-right:1px solid #eee;}
body#red .menu ul li:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee;}
body#red .menu ul li:hover ul li a.hide {background:#E4FF00 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
body#red .menu ul li:hover ul li:hover a.hide {background:#FE0000; color:#000;}
body#red .menu ul li:hover ul li ul {display: none;}
body#red .menu ul li:hover ul li a {display:block; background:#FE0000; color:#000; font-size:10px;}
body#red .menu ul li:hover ul li a:hover {background:#fa6969; color:#000;}
body#red .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
body#red .menu ul li:hover ul.right li {float:right;}
body#red .menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
body#red .menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
body#red .menu ul li:hover ul li:hover ul li a:hover {background:#fa6969; color:#fff;}




/* BORDEAUX */
body#bordeaux .menu {font-family: arial, sans-serif; width:800px; height:30px; position:relative; margin:0; font-size:11px; margin:0 0 50px 0; background:#901A1A; position:relative; z-index:100;}
body#bordeaux .menu ul li a, body#bordeaux .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 20px; height:30px; line-height:30px; color:#fff; background:#901A1A url(../../graphics/drop.gif) bottom right no-repeat;}
body#bordeaux .menu ul li:hover a {color:#fff; background:#901A1A;}
body#bordeaux .menu ul li:hover ul {display:block; position:absolute; width:800px; top:30px; left:0; background:#901A1A; color:#fff;}
body#bordeaux .menu ul li:hover ul.right_side li {float:right; border:0; border-right:1px solid #eee;}
body#bordeaux .menu ul li:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee;}
body#bordeaux .menu ul li:hover ul li a.hide {background:#E4FF00 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
body#bordeaux .menu ul li:hover ul li:hover a.hide {background:#901A1A; color:#000;}
body#bordeaux .menu ul li:hover ul li ul {display: none;}
body#bordeaux .menu ul li:hover ul li a {display:block; background:#901A1A; color:#fff; font-size:10px;}
body#bordeaux .menu ul li:hover ul li a:hover {background:#a85151; color:#000;}
body#bordeaux .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
body#bordeaux .menu ul li:hover ul.right li {float:right;}
body#bordeaux .menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
body#bordeaux .menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
body#bordeaux .menu ul li:hover ul li:hover ul li a:hover {background:#a85151; color:#fff;}




/* PURPLE */
body#purple .menu {font-family: arial, sans-serif; width:800px; height:30px; position:relative; margin:0; font-size:11px; margin:0 0 50px 0; background:#8931BB; position:relative; z-index:100;}
body#purple .menu ul li a, body#purple .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 20px; height:30px; line-height:30px; color:#fff; background:#8931BB url(../../graphics/drop.gif) bottom right no-repeat;}
body#purple .menu ul li:hover a {color:#fff; background:#8931BB;}
body#purple .menu ul li:hover ul {display:block; position:absolute; width:800px; top:30px; left:0; background:#8931BB; color:#fff;}
body#purple .menu ul li:hover ul.right_side li {float:right; border:0; border-right:1px solid #eee;}
body#purple .menu ul li:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee;}
body#purple .menu ul li:hover ul li a.hide {background:#E4FF00 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
body#purple .menu ul li:hover ul li:hover a.hide {background:#8931BB; color:#000;}
body#purple .menu ul li:hover ul li ul {display: none;}
body#purple .menu ul li:hover ul li a {display:block; background:#8931BB; color:#fff; font-size:10px;}
body#purple .menu ul li:hover ul li a:hover {background:#cd8ef1; color:#000;}
body#purple .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#cd8ef1;}
body#purple .menu ul li:hover ul.right li {float:right;}
body#purple .menu ul li:hover ul li:hover a.hide {background:#cd8ef1; color:#000;}
body#purple .menu ul li:hover ul li:hover ul li a {background:#cd8ef1; color:#000;}
body#purple .menu ul li:hover ul li:hover ul li a:hover {background:#cd8ef1; color:#fff;}




/* GREEN */
body#green .menu {font-family: arial, sans-serif; width:800px; height:30px; position:relative; margin:0; font-size:11px; margin:0 0 50px 0; background:#248D30; position:relative; z-index:100;}
body#green .menu ul li a, body#green .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 20px; height:30px; line-height:30px; color:#000; background:#248D30 url(../../graphics/drop.gif) bottom right no-repeat;}
body#green .menu ul li:hover a {color:#fff; background:#248D30;}
body#green .menu ul li:hover ul {display:block; position:absolute; width:800px; top:30px; left:0; background:#248D30; color:#fff;}
body#green .menu ul li:hover ul.right_side li {float:right; border:0; border-right:1px solid #eee;}
body#green .menu ul li:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee;}
body#green .menu ul li:hover ul li a.hide {background:#E4FF00 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
body#green .menu ul li:hover ul li:hover a.hide {background:#FE0000; color:#fff;}
body#green .menu ul li:hover ul li ul {display: none;}
body#green .menu ul li:hover ul li a {display:block; background:#248D30; color:#fff; font-size:10px;}
body#green .menu ul li:hover ul li a:hover {background:#7cb383; color:#fff;}
body#green .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
body#green .menu ul li:hover ul.right li {float:right;}
body#green .menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
body#green .menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
body#green .menu ul li:hover ul li:hover ul li a:hover {background:#7cb383; color:#fff;}




/* BLUE */
body#blue .menu {font-family: arial, sans-serif; width:800px; height:30px; position:relative; margin:0; font-size:11px; margin:0 0 50px 0; background:#2339A8; position:relative; z-index:100;}
body#blue .menu ul li a, body#blue .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 20px; height:30px; line-height:30px; color:#000; background:#2339A8 url(../../graphics/drop.gif) bottom right no-repeat;}
body#blue .menu ul li:hover a {color:#fff; background:#2339A8;}
body#blue .menu ul li:hover ul {display:block; position:absolute; width:800px; top:30px; left:0; background:#2339A8; color:#fff;}
body#blue .menu ul li:hover ul.right_side li {float:right; border:0; border-right:1px solid #eee;}
body#blue .menu ul li:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee;}
body#blue .menu ul li:hover ul li a.hide {background:#E4FF00 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
body#blue .menu ul li:hover ul li:hover a.hide {background:#2339A8; color:#fff;}
body#blue .menu ul li:hover ul li ul {display: none;}
body#blue .menu ul li:hover ul li a {display:block; background:#2339A8; color:#fff; font-size:10px;}
body#blue .menu ul li:hover ul li a:hover {background:#838dc4; color:#000;}
body#blue .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
body#blue .menu ul li:hover ul.right li {float:right;}
body#blue .menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
body#blue .menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
body#blue .menu ul li:hover ul li:hover ul li a:hover {background:#838dc4; color:#fff;}



/* BLUE */
body#blue_light .menu {font-family: arial, sans-serif; width:800px; height:30px; position:relative; margin:0; font-size:11px; margin:0 0 50px 0; background:#4B4EAF; position:relative; z-index:100;}
body#blue_light .menu ul li a, body#blue_light .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 20px; height:30px; line-height:30px; color:#fff; background:#4B4EAF url(../../graphics/drop.gif) bottom right no-repeat;}
body#blue_light .menu ul li:hover a {color:#fff; background:#4B4EAF;}
body#blue_light .menu ul li:hover ul {display:block; position:absolute; width:800px; top:30px; left:0; background:#4B4EAF; color:#fff;}
body#blue_light .menu ul li:hover ul.right_side li {float:right; border:0; border-right:1px solid #eee;}
body#blue_light .menu ul li:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee;}
body#blue_light .menu ul li:hover ul li a.hide {background:#E4FF00 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}
body#blue_light .menu ul li:hover ul li:hover a.hide {background:#4B4EAF; color:#fff;}
body#blue_light .menu ul li:hover ul li ul {display: none;}
body#blue_light .menu ul li:hover ul li a {display:block; background:#4B4EAF; color:#fff; font-size:10px;}
body#blue_light .menu ul li:hover ul li a:hover {background:#838dc4; color:#000;}
body#blue_light .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
body#blue_light .menu ul li:hover ul.right li {float:right;}
body#blue_light .menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
body#blue_light .menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
body#blue_light .menu ul li:hover ul li:hover ul li a:hover {background:#838dc4; color:#fff;}