/* menuder.css */
.menuder-container {}
.menuder,
.menuder ul { float: left; width: 100%; margin: 0; padding: 0; background-color: #fff0c0; list-style: none; text-align: left; font-weight: bold; font-size: 16px; font-variant: small-caps; }
.menuder a { display: block; width: 138px; padding: .25em 0.5em; text-decoration: none; }
.menuder a.daddy { background: url(img/menuder.gif) right center no-repeat; }
.menuder a.daddyroot { background: url(img/menuderr.gif) right center no-repeat; }
.menuder li { float: left; width: 158px; padding: 0; border-left: 1px solid #FFF; border-right: 1px solid #BA9; border-top: 1px solid #FFF; border-bottom: 1px solid #BA9; background-color: #fff0c0; 
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(127,127,127,0.1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(127,127,127,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#1a808080',GradientType=0);
	ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#1a808080',GradientType=0)";
 white-space: nowrap; }
.menuder li ul { position: absolute; left: -999em; height: auto; width: 11em; margin: 0 0 0 -2px; border: solid transparent; border-width: .25em; font-weight: normal; z-index:100; font-size: 14px; font-variant: normal; }
.menuder li li { width: 11em; padding-right: 0em; border-left: none; border-right: none; border-top: 1px solid #FEE; }
.menuder li ul a { width: 11em; }
.menuder li ul ul { margin: -1.75em 0 0 11em; }
.menuder li:hover ul ul,
.menuder li:hover ul ul ul,
.menuder li:hover ul ul ul ul,
.menuder li.hover ul ul,
.menuder li.hover ul ul ul,
.menuder li.hover ul ul ul ul { left: -999em; }
.menuder li:hover ul, 
.menuder li li:hover ul, 
.menuder li li li:hover ul,
.menuder li li li li:hover ul { left: auto; }
.menuder li.hover ul,
.menuder li li.hover ul,
.menuder li li li.hover ul,
.menuder li li li li.hover ul { left: auto; }
.menuder li:hover,
.menuder li.hover { background-color: #FFF; }
.menuder a:hover { color: #900; background-color: transparent; }
.menuder li.on { background-color: #ffe8a8; }
/* end */
.menuicon {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #AA0000;
	background-image: url(img/favicon12.png);
	vertical-align: middle;
	margin-right: 0.2em;
}
#menubutton { display: none; position: absolute; top: 5px; right: 5px; width: 36px; height: 36px; background-image: url(img/rdmenu.png); background-repeat: no-repeat; background-position: center center; }
#menubutton:hover { background-color: #FFF; }

@media (max-width: 701px) {
	.menuder { display: none; position: absolute; top: 48px; left: 0; width: 100%; overflow: scroll; padding-top: 2em; padding-bottom: 1em; }
	.menuder a.daddyroot { background: url(img/menuder.gif) right center no-repeat; }
	.menuder li { float: none; }
	.menuder li ul { left: auto; margin-left: 11.5em; margin-top: -2.4em; }
	.menuicon { display: none; }
	#menubutton { display: block; }
}