/*Nav bar styles*/

ul.nav, .nav ul {
 margin: 0;
 padding: 0;
 cursor: default;
 list-style-type: none;
 display: inline; }

ul.nav {
 display: table;
}

ul.block {
 width: 100%;
 table-layout: fixed; }

ul.nav>li {
 display: table-cell;
 position: relative;
 padding: 2px 6px 5px;
 border-top: 1px solid #d8d7c3;
 border-right: 1px solid #d8d7c3;
 border-left: 1px solid #d8d7c3; }

ul.nav li>ul {
 display: none;
 position: absolute;
 max-width: 40ex;
 margin-left: -7px;
 margin-top: 0;
 padding-top: 6px; }

ul.nav li:hover>ul {
 display : block;
}

.nav ul li a {
 display: block;
 padding: 2px 10px;
 }

/*Menu styles*/
.nav a {
 color: #7d5b5f;
 text-decoration: none;
 }
.nav ul {
 background-color: transparent;
 color: #7d5b5f;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif; }
.nav ul li {
 border-right: 1px solid #cccbb8;
 border-bottom: 1px solid #cccbb8;
 border-left: 1px solid #cccbb8;
 opacity:0.9;
 -moz-opacity:0.9;
 -khtml-opacity:0.9; }
.nav ul li a {
 background-color: #f2f1da;
 color: #7d5b5f;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif; }

.nav ul li a:hover {
 background-color: #cccbb8;
 background-repeat: repeat-x;
 background-position: 0 0; }

.nav ul li a:active {
 background-color: #7d5b5f;
 color: #fff;
}

ul.nav {
 background-color: transparent;
 color: #7d5b5f;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif; }

ul.nav li:hover {
 background-color: #d8d7c3;
 background-image: url(/art/nav-0-background-hover.jpg);
 background-repeat: repeat-x;
 background-position: 0 0; }

ul.nav li:active {
 background-color: #7d5b5f;
 color: #fff;
}
