#menu {
	list-style            : none;
	width                 : 683px;
	margin                : 7px auto 0px auto;
	height                : 33px;
	padding               : 0px 20px 0px 0px;

	/* Background color and gradients 
	background            : #999999;
	background            : linear-gradient(-90deg, #999999, #333933);
	background            : -moz-linear-gradient(top, #999999, #333933);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999999), to(#333933));
*/
/*	 Borders */
	border                : 0px solid #992232;

}

#menu a.current {
	background-color      : #D8F49F;
	/*padding-bottom        : 4px;*/
	/*padding        : 4px;*/
	padding-left          : 2px;
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;
}

#menu li.current {
	background-color      : #D8F49F;
	/*padding            : 5px 15px;*/
	/* Rounded Corners */
	-moz-border-radius    : 5px 5px 0px 0px;
	-webkit-border-radius : 5px 5px 0px 0px;
	-khtml-border-radius  : 5px 5px 0px 0px;
	border-radius         : 5px 5px 0px 0px;
	/* Shadow */
	-moz-box-shadow       : 3px 3px 5px #666666;
	-webkit-box-shadow    : 3px 3px 5px #666666;
	box-shadow            : 3px 3px 5px #666666;
}

#menu li {
	float         : left;
	display       : block;
	text-align    : center;
	position      : relative;
	padding       : 4px 10px 4px 10px;
	margin-right  : 10px;
	//margin-left   : 25px;  /*lisätty menun sis. leveydelle ettei menupalkki 'jakaannu' */
	margin-top    : 7px !important;
	margin-bottom : 2px !important;
	border        : none;
	background-color      : #373;
		/* Rounded corners */
	-moz-border-radius    : 5px 5px 0px 0px;
	-webkit-border-radius : 5px 5px 0px 0px;
	-khtml-border-radius  : 5px 5px 0px 0px;
	border-radius         : 5px 5px 0px 0px;
		/* Shadow */
	-moz-box-shadow       : 3px 3px 5px #666666;
	-webkit-box-shadow    : 3px 3px 5px #666666;
	box-shadow            : 3px 3px 5px #666666;
}

#menu li:hover {
	padding               : 4px 9px 4px 9px;
	/* Background color and gradients */
	background            : #F4F4F4;
	background            : linear-gradient(-90deg, #F4F4F4, #EEEEEE);
	background            : -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	border                : 1px solid #777777;
	/* Rounded corners */
	-moz-border-radius    : 5px 5px 0px 0px;
	-webkit-border-radius : 5px 5px 0px 0px;
	-khtml-border-radius  : 5px 5px 0px 0px;
	border-radius         : 5px 5px 0px 0px;

}

#menu li a {
	
	font-family     : Helvetica, Arial , sans-serif;
	font-size       : 14px;
	color           : #EEEEEE;
	display         : block;
	outline         : 0;
	text-decoration : none;
	text-shadow     : 1px 1px 1px #000;
	/*overflow        : auto;*/
}

#menu li:hover a {
	color       : #161616;
	text-shadow : 1px 1px 1px #ffffff;
	
}

#menu li .drop {
	padding-right : 21px;
	background    : url("../images/drop.png") no-repeat right 8px;
}

#menu li:hover .drop {
	background : url("../images/drop.png") no-repeat right 7px;
}

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
	margin                : 4px auto;
	float                 : left;
	position              : absolute;
	left                  : -999em; /* Hides the drop down */
	text-align            : left;
	padding               : 10px 5px 10px 5px;
	/* Gradient background */
	background            : #F4F4F4;
	background            : linear-gradient(-90deg, #EEEEEE, #BBBBBB);
	background            : -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	border                : 1px solid #777777;
	border-top            : none;
	/* Rounded Corners */
	-moz-border-radius    : 0px 5px 5px 5px;
	-webkit-border-radius : 0px 5px 5px 5px;
	-khtml-border-radius  : 0px 5px 5px 5px;
	border-radius         : 0px 5px 5px 5px;
}

.dropdown_1column {
	width : 180px;
}

.dropdown_2columns {
	width : 165px;
}

.dropdown_3columns {
	width : 195px;
}

.dropdown_4columns {
	width : 180px;
}

.dropdown_5columns {
	width : 925px;
}

#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left : -1px;
	top  : auto;	

}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display      : inline;
	float        : left;
	position     : relative;
	margin-left  : 5px;
	margin-right : 5px;
	overflow     : auto;
}

.col_1 {
	width : 100px;
}

.col_2 {
	width : 100px;
}

.col_3 {
	width : 85px;
}

.col_4 {
	width : 80px;
}

.col_5 {
	width : 80px;
}

#menu .menu_right {
	float        : right;
	margin-right : 0px;
}

#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius    : 5px 0px 5px 5px;
	-webkit-border-radius : 5px 0px 5px 5px;
	-khtml-border-radius  : 5px 0px 5px 5px;
	border-radius         : 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left  : auto;
	right : -1px;
	top   : auto;	transition-delay	  :	1s;
}

#menu p, #menu h2, #menu h3, #menu h4, #menu ul li {
	font-family : Arial, Helvetica, sans-serif;
	/*line-height:21px;*/
	font-size   : 12px;
	text-align  : left;
	text-shadow : 1px 1px 1px #FFFFFF;
}

#menu h2 {
	text-transform : uppercase;
	font-size      : 14px;
	font-weight    : 400;
	letter-spacing : -1px;
	margin         : 7px 0 4px 0;
	padding-top    : 14px;
	/*border-top     : 1px solid #666666;*/
}

#menu h3 {
	text-transform : uppercase;
	font-size      : 12px;
	font-weight    : 400;
	margin         : 7px 0 4px 0;
	padding-top    : 7px;
	/*border-top  : 1px solid #888888;*/
}

#menu h4 {
	text-transform : uppercase;
	font-size      : 11px;
	font-weight    : 400;
	margin-bottom  : 4px;
	padding-top    : 7px;
}

#menu p {
	/*line-height:18px;*/
	font-size : 9px;
	margin    : 0 0 5px 0;
}

#menu p.description {
	/*line-height:18px;*/
	margin-left : 5px;
	/*font-style  : italic;*/
	font-weight : normal;
}

#menu li:hover div a {
	font-size : 12px;
	/*color     : #015b86;*/
	
}

#menu li:hover div a:hover {
	color : #626262;
}

.strong {
	font-weight : bold;
}

.italic {
	font-style : italic;
}

.imgshadow {
	/* Better style on light background */
	background           : #FFFFFF;
	padding              : 4px;
	border               : 1px solid #777777;
	margin-top           : 5px;
	-moz-box-shadow      : 0px 0px 5px #666666;
	-webkit-box-shadow   : 0px 0px 5px #666666;
	-khtml-border-radius : 0px 0px 5px #666666;
	box-shadow           : 0px 0px 5px #666666;
}

.img_left {
	/* Image sticks to the left */
	width         : auto;
	float         : left;
	margin-top    : 0px;
	margin-right  : 5px;
	margin-bottom : 5px;
}

#menu li .black_box {
	background-color      : #333333;
	color                 : #eeeeee;
	text-shadow           : 1px 1px 1px #000;
	padding               : 4px 6px 4px 6px;
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;
	/* Shadow */
	-moz-box-shadow       : inset 0 0 3px #000000;
	-webkit-box-shadow    : inset 0 0 3px #000000;
	box-shadow            : inset 0 0 3px #000000;
}

#menu li ul {
	list-style : none;
	padding    : 0;
	margin     : 0 0 12px 0;
}

#menu li ul li {
	font-size   : 12px;
	/*line-height:24px;*/
	position    : relative;
	text-shadow : 1px 1px 1px #ffffff;
	padding     : 0;
	margin      : 0;
	float       : none;
	text-align  : left;
	width       : 175px;
}

#menu li ul li:hover {
	background : none;
	border     : none;
	padding    : 0;
	margin     : 0;

}

#menu li .greybox li, #menu .greybox {
	background            : #F4F4F4;
	border                : 1px solid #bbbbbb;
	/*margin                : 0px 0px 4px 0px;*/
	/*padding               : 4px 6px 4px 6px;*/
	width                 : 172px;
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;

}

#menu li .greybox li:hover {
	background : #aaaaff;
	border     : 1px solid #999999;
	/*padding    : 4px 6px 4px 6px;*/
	/*margin     : 0px 0px 4px 0px;*/
}

#menu .child {
	padding-left : 10px;
	background : #cccccc; /*submenun tausta, Ei otsikko*/
	/*min-height: 50px;*/
}

#menu .menuheader h4 {
	font-size   : 95%;
	//##font-weight : bolder;           /*submenun otsikko, jos sen alla sivuja */
}

#menu .menuitem {
	padding-left  : 5px;
	padding-right : 5px;
	border-bottom : 1px solid #d0d0d0;
	border-right  : 1px solid #d0d0d0;
}

#menu .menuitem.desc {
	min-height : 55px;
}

#menu .column {
	float : left;
}

#menu .freeform-menu h2, #menu .freeform-menu h3, #menu .freeform-menu h4 {
	font-size   : 115%;
	font-weight : bold;
}

#menu .freeform-menu .item-actions a, #menu .freeform-menu .module-actions a {
	display : inline;
}

#menu .freeform-menu .item-actions, #menu .freeform-menu .module-actions, #menu .freeform-menu img {
	clear    : both;
	overflow : hidden;
}

#menu .freeform-menu p:after {
	content    : ".";
	display    : block;
	height     : 0;
	overflow   : hidden;
	clear      : both;
	visibility : hidden;
}
