@charset "utf-8";
/* CSS Document */

#nav { float: right; }

.menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}

.menu li { /* all list items */
	float: left;
	position: relative;
}

.menu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	width: 245px;
}
#rightmenu li ul { 
display: block; 
margin: 8px 0 0 -8px;
position: absolute;
right: -229px;
}
#rightmenu .submenu li { 
background-color: #dddddd; 
color: #000; 
border-bottom: 1px solid #878787; 
text-align: right; 
}
#rightmenu .submenu a { color: #000; background-color: #b4b4b4; }
#rightmenu .submenu a:hover { background-color: #c5c5c5; }
#rightmenu .submenu li.divider { display: none; }
#rightmenu .label { color: #666666; }

.submenu li {
width: 100%;
text-align: left;
background-color: #3e3e3e;
padding: 3px 10px 3px 10px;
text-transform: lowercase;
font-weight: normal;
font-style: italic;
border-bottom: 1px solid #272727;
}
.submenu li:hover { background-color: #3e3e3e; }
.menu .submenu a {
margin: -3px -10px -3px -10px;
padding: 5px 15px 5px 16px;
color: #fff;
font-style: normal;
}
.menu .submenu a:hover { background-color: #303030; }

.menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

.menu li:hover ul, .menu li.over ul { /* lists nested under hovered list items */
display: block;
}
.menu li:hover, .menu li.over { background-color: #383838; }
.menu li:hover a, .menu li.over a { color: #fff; }

.submenu li.divider {
height: 2px;
background-color: #353535;
}
.submenu li.divider:hover { background-color: #353535; }
.submenu li:hover { background-color: #3e3e3e; }