/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#row2 { width: auto; height: 30px; margin: 0px auto; padding: 0px auto; background: #CCC url('images/grey-wallpaper-bgd.jpg'); border-bottom: 1px solid #000; }

#menucontainer { width: auto; height: auto; text-align: center; margin: 0px auto; padding: 0px auto; background-color: #CCC; border-top: 1px solid #000; border-bottom: 1px solid #000; }

/* primary level
add 129px to width to add another button in the navbar */
.menu { width: 903px; height: 30px; padding: 0px auto; font-size: 12px; line-height: 20px; margin: 0px auto; position: relative; z-index: 1; }

.menu ul { padding: 0px; margin: 0px; list-style-type: none; }

.menu ul li { float: left; width: 118px; margin: 5px; padding: 0px; }

.menu ul li a { display: block; width: 118px; text-decoration: none; margin: 0px; padding: 0px; color: #000; background-color: #999; }
.menu ul li a:hover { text-decoration: none; color: #FFF; background-color: #000; }
.menu ul li a:active { text-decoration: none; color: #000; background-color: #FF66B5; }

.menu table { border-collapse: collapse; margin: 0px; padding: 0px; font-size: 12px; }

/* secondary level */
.menu ul li ul { visibility: hidden; position: absolute; top: 26px; left: 0px; padding-top: 5px; }

.menu ul li:hover ul,
.menu ul li a:hover ul { visibility: visible; width: 774px; height: 30px; line-height: 20px; background: transparent; color: #fff; }

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li { float: right; border: 0px; }

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li { float: left; border: 0px; }

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub { background-color: #000; color:#fff; }

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul { visibility: hidden; position: absolute; top: 26px; left: 0px; padding-top: 5px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { display: block; background-color: #000; color: #FFF; }

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover { color: #000; background: #FF66B5; }

.menu ul li:hover ul li a:active,
.menu ul li a:hover ul li a:active { color: #DCD1BD; background: #8E703A; }

/* tertiary level */
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul { visibility: visible; color: #000; background: #dfc184; }

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}