/*navigointipalkki*/

blue {
	color: #678aa1;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	list-style:disc;
	
}

#sddm li
{	
	margin: 0;
	padding-left:15px;
	list-style: none;
	float: left;
	font: 14px "arial narrow";
	
	}

#sddm li a  /*päälinkin tyyli*/
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	color: #678aa1;
	text-align: left;
	text-decoration: none;
	letter-spacing: 1px; 
	
	}

#sddm li a:hover /*pääotsikon hov-tyyli*/
{
	letter-spacing: 1px;
	color:#f78d10;
	
}

#sddm li a:active /*pääotsikon act-tyyli*/
{
	letter-spacing: 1px;
	color:#bcbcbc;
	
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-left: 13px;
	margin-top:-10px;
	padding: 0;
	
}

	#sddm div a
	{	position: relative;
		display: block;
		margin-bottom:-5px; /*määrittää alaotsikoiden väliä toisistaan*/
		padding: 0px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #678aa1;
		font: 13px "arial narrow"; /*alaotsikon fonttikoko*/

		}

	#sddm div a:hover
	{	
		color: #f78d10; /*alaotsikon hover-väri*/
}
		
	#sddm div a:active
	{	
		color: #bcbcbc; /*alaotsikon act-väri*/
}