/******************** MENU *********************/
#menu_vert {
	margin: 0 0 10px 0;
	padding: 0;
}

#uusi #menu_vert {
	margin: 0;
	padding: 0;
}

#menu_vert ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
        border: 1px solid #ccc;
        border-bottom: none;
}

#menu_vert ul ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */

}

#menu_vert ul#primary-nav ul {
   margin-top:0px;
}

#uusi #menu_vert ul {
    border-style: 1px solid #777;
    border-right: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 278px;
    background: #FE8215;
}

#menu_vert li {
   list-style: none;
    margin: 0px 0px 0px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 0px 0px;
        border-bottom: 1px solid #ccc;
}

#menu_vert ul li {
   border-bottom: 0px solid #ccc;
}

#uusi #menu_vert ul li {
   display: block;
   list-style: none;
   height: 35px;
   background: #FE8215;
   border-bottom: 1px solid #fff;
}

#uusi #menu_vert ul li a {
   display: block;
   height: 32px;
   font-size: 16px;
   background: #FE8215;
   border-bottom: 1px solid #fff;
   padding: 3px 0 0 10px;
}

#uusi #menu_vert ul li a:hover {
   display: block;
   height: 32px;
   background: #EA6C03;
   border-bottom: 1px solid #fff;
   padding: 3px 0 0 10px;
}

#menu_vert li.currentpage {
     padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
     margin: 0;
     padding: 0px;
     background: none;
}

#menu_vert li.menuactive a {
       font-weight: bold;
       color: #C9571E;
}

#menu_vert ul li.menuactive ul li a {
       font-weight: normal;
       padding-left: 12px;
       color: #187CB4; /* #C9571E; */
}

#menu_vert ul li.menuactive ul li a:hover {
      color: #fff;
}

#menu_vert li.menuactive ul {
     margin: 0;
}
#menu_vert li.activeparent {
     margin: 0;
     padding: 0px;
}

/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/

/* first level links */
div#menu_vert a {
       /* IE6 has problems with this, fixed above */
	display: block;
       padding: 0.7em 0.3em 0.5em 1.5em;
       /* this will be link color for all levels */
       color: #18507C;
       line-height: 30px;
       /* Fixes IE7 whitespace bug */
       min-height: 24px;
       text-decoration: none;
       background: #EAEAEA; /* transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/libk.gif) no-repeat right top; */
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 100%;
	padding: 0.8em 0.3em 0.5em 3em;
}

div#menu_vert ul ul {
         margin-top: 38px;
         border: 0px solid #ccc;
         border-top: 1px solid #ccc;
}

div#menu_vert ul ul li {
        border: none;
        border: 0px solid #ccc;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
}

div#menu_vert a:hover {
	background-color: transparent;
	color: #fff; /* #595959; */
        text-decoration: none;
        font-weight: normal;
}

div#menu_vert a.activeparent:hover {
	color: #595959;
}

div#menu_vert li.activeparent {
      background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/liup.gif) no-repeat right -65px;
       color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
	background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/libk.gif) no-repeat right top;
	color: #000;
}
div#
menu_vert li a.parent {
	padding-left: 0em;
}

div#menu_vert ul ul li a.parent {
	padding-left: 0.9em;
}

div#menu_vert li a.parent span {
 	display: block;
 	margin: 0;
       /* adds left padding taken out of "a.parent" */
 	padding-left: 1.5em;
      /* arrow on left for pages with children, points down, you can set your own image here */
	background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/active.png) no-repeat 2px center;
}

div#menu_vert li a.parent:hover {
	text-decoration: none;
}

div#menu_vert li a.parent:hover span {
	 display: block;
         margin: 0;
  	 padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
	background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/parent.png) no-repeat 2px center;
}

div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
	background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
	background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/libk.gif) no-repeat right top;
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* Stylesheet: Navigation: Simple - Vertical Modified On 2024-03-26 18:31:05 */
