/* body {margin:25px; font:11px Verdana,Arial; background:#eee}  body {margin:25px; font:11px Verdana,Arial; } */
ul.menu {list-style:none; margin:0;  margin-left: 5px; padding:0;  z-index:999}
ul.menu * {margin:0px; padding:0; line-height:33px; background-color:C100F; z-index:999}
ul.menu a {display:block; color:#ffffff; text-decoration:none; z-index:5; z-index:999}
ul.menu li {position:relative; float:left; top:0px; padding-right:0px; padding-left:0px; background:url(images/UI/ylavalikko_fade.gif); z-index:999;}
ul.menu ul {position:absolute; top:35px; left:0;  background:url(images/UI/ylavalikko_fade.gif); display:none; list-style:none; z-index:z-index:50;}

ul.menu ul li {position:relative; height:34px; border-left:1px solid #440000; border-bottom:1px solid #aaaaaa; left:0px; top: 0px; width:210px; margin:0; background-color:C100F; z-index:999}

ul.menu ul li a {position: relative; display:block;  height:34px; padding-left:7px; line-height: 23px; background-color:#880000; z-index:999;}

ul.menu ul li a:hover {background-color:#888888; text-decoration:underline; z-index:999}
ul.menu ul ul {left:210px; top:0px}

ul.menu .menulink {border-right:2px dotted #ffffff; padding:2px 13px 0px 13px; font-weight:normal; background:url(images/UI/ylavalikko_fade.gif); background-repeat:repeat-x; font-size:11px; z-index:999;}

ul.menu .menulink_active { padding:2px 13px 0px 13px; border-right:2px dotted #ffffff; font-weight:normal; text-decoration: none; background-color:#880000; z-index:999;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#880000; text-decoration: underline; z-index:999;}

ul.menu .sub {background:C100F; z-index:999;}

ul.menu .topline {z-index:999;}


ul.menu_pr2 {list-style:none; margin:0;  margin-left: 5px; padding:0;  }
ul.menu_pr2 * {margin:0px; padding:0; line-height:25px; }
ul.menu_pr2 a {display:block; color:#ffffff; text-decoration:none;  }
ul.menu_pr2 li {position:relative; float:left; margin-right:2px}
ul.menu_pr2 ul {position:absolute; top:27px; left:0; background:#880000; display:none; opacity:0; list-style:none}
ul.menu_pr2 ul li {position:relative; border-bottom:1px solid #aaa; left:-2px; border-top:none; width:148px; margin:0}
ul.menu_pr2 ul li a {display:block; padding:0px 7px 0px; background-color:C100F}
ul.menu_pr2 ul li a:hover {background-color:#880000}
ul.menu_pr2 ul ul {left:148px; top:-1px}
ul.menu_pr2 .menulink {border-right:1px dotted #aaa; padding:2px 7px 0px 2px; font-weight:normal; background:url(images/UI/ylavalikko_fade.gif); background-repeat:repeat-x;}
ul.menu_pr2 .menulink_active {border-right:1px dotted #aaa; padding:2px 7px 0px 2px; font-weight:normal; text-decoration: none; background-color:#880000;}
ul.menu_pr2 .menulink:hover, ul.menu .menuhover {background-color:#880000; text-decoration: none;}
ul.menu_pr2 .sub {background:#880000 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu_pr2 .topline {border-top:1px solid #aaa;}



#sddm
{	margin: 0;
	padding: 0;
	z-index: 50;


	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px Trebuchet MS;

	
	}

#sddm li a
{	display: block;
	margin: 3px 2px 2px 0;
	padding: 4px 10px;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	/* background: #49A3FF} */
	text-decoration: underline;
	
}

#sddm div
{	position: absolute;
	bottom: 17px;
	margin: 0px;
	padding: 0px;
	
	left:5px;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		top:3px;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #aaaaaa;
		color: #ffffff;
		font: 11px arial}

	#sddm div a:hover
	{	background: #eeeeee;
		color: #000}