/* links
*************************/

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active
{
	text-decoration: none;
}

/* tabs
*************************/

ul.tabs
{display: table; width: 100%; margin: 0; padding: 0; list-style: none; position: relative; }

ul.tabs li
{ margin: 0; padding: 0; list-style: none; display: table-cell; float: left; position: relative; width: 14%; text-align: center; }

ul.tabs a
{position: relative; display: block;}

/* dropdowns
*************************/

ul.dropdown { margin: 0; padding: 0; display: block; position: absolute; z-index: 999; top: 100%; width: 250px; display: none; left: 0;}

ul.dropdown ul.dropdown {top: 0; left: 95%;}

ul.dropdown li { margin: 0;	padding: 0; float: none; position: relative; list-style: none; display: block;}

ul.dropdown li a {display: block;}



/* menu-specifc
*************************/

#menu {width: 100%; background: #f69 url(images/topbg.gif) repeat-x; border-right: 1px solid #c36; border-left: 1px solid #c36; border-bottom: 1px solid #c36;}

#menu ul {margin: 0; width: 100%;}

#menu ul li.hasmore {background: url(images/drophighlight.png) no-repeat 50% 95%;  }

#menu ul li a {color: #fff; padding: 0; font-size: 1.125em; line-height: 1.8em; font-family: Tahoma, Geneva, Verdana, sans-serif; font-weight: bold;}

#menu ul li a img {	vertical-align: middle; }

#menu ul li a:hover {background: url(images/topselectionleft.png) top left no-repeat; }

#menu ul li a span { display: block; padding: 9px 0 9px 0; margin-left: 4px; }

#menu ul li a:hover span {background: url(images/topselectionright.png) 100% 100%;}

#menu ul.dropdown { padding: 5px 10px 5px 10px;	background-image: url(images/dropdown.png); overflow:hidden; border-bottom: 1px solid #c39; width: 250px;}

#menu ul.dropdown li {width: 100%; text-align: left; overflow: hidden;}
#menu ul.dropdown li a { border-bottom: 1px solid #f9c; line-height: 30px; overflow: hidden; height: 30px; font-size:.825em; font-weight: normal;}

#menu ul.dropdown li.last a {border-bottom-width: 0;}

#menu ul.dropdown li a:hover { background: url(images/menuarrow.png) no-repeat left center;}

