/* Menu
================================*/
div#nav {
	position: relative;
	height: 2em;
	/*width: 100%; /*60em; */
	width: 60em;
	margin: 0 auto;
	background: #e8c07b url('../images/nav_bg.jpg') repeat;
	border-bottom: 1px solid #000000;
}

div#nav ul {
	width: 60em;
	height: 2em;
	margin: 0 auto;
	padding: 0;
}

div#nav ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#nav ul li a, div#nav span#active {
	display: block;
	float: left;
	color: #000000;
	height: 2em;
	margin: 0 auto;
	padding: 0em 2.526em 0em 2.526em;
	/*padding: 0em 2.899em 0em 2.899em;*/
	background: #e8c07b url('../images/nav_bg.jpg') repeat;
	line-height: 2em;
	text-align: center;
	border-left: 1px solid #4a4a4a;
}

div#nav span#active {
	background: #e8c07b url('../images/nav_bg_rollover.jpg') repeat;
	color: #FFFFFF;
}

.active {
	background: #e8c07b url('../images/nav_bg_rollover.jpg') repeat;
}

div#nav .first {
	border-bottom: none;
}

div#nav .last {
	border-right: 1px solid #4a4a4a;
}

div#nav ul li a:hover, div#nav ul li a:focus {
	background: #FFCC66 url('../images/nav_bg_rollover.jpg');
	color: #FFFFFF;
}

div#menu ul li a:hover, li.submenu:hover a, div#media ul li a:hover, li.submenu2:hover a {
	background-color: #FFCC66;
	text-decoration: none;
	
}

.submenu:hover #menu ul, .submenu2:hover #media ul {
	/*display: block;*/
	visibility: visible;
}


/* Sub-Menu
================================*/

div#menu, div#media {
	position: absolute;
	visibility: hidden;
	height: auto;
	z-index: 20;
}

div#menu {
	width: auto;
	height: auto;
	top: 2.0em;
	left: 0;
	right: 37.8em;
}

div#menu ul, div#media ul {
	width: 7.3em;
	height: auto;
	padding-bottom: 0.5em;
}

div#media ul {
	width: 8.2em;
	height: auto;
	padding-bottom: 0.5em;
}

div#media {
	width: auto;
	height: auto;
	top: 2.0em;
	right: 7.2em;
	left: 0;
}

div#menu ul li a, div#media ul li a {
	display: block;
	float: none;
	width: 2.14em;
	text-align: center;
	border: 1px solid #000000;
	background-color: #E5FFAA;
}

div#media ul li a {
	width: 6.1em;
	padding: 0 1em 0 1em;
}

div#menu ul div.navshadow {
	width: 7.3em;
}

div#media ul div.navshadow {
	width: 8.2em;
}

.navshadow {
	position: relative;
	margin: 0 auto;
	padding: 0;
	margin-bottom: -1.5em;
	height: 1em;
	width: 60em;
	background: transparent url('../images/shadow.png') repeat-x;
	z-index: 10;
}

ul.navshadow {
	background: transparent url('../images/shadow.png') repeat-x bottom left;
}

div#media ul.navshadow li a.last { border-top: none;}