/******************** 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 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
  margin-top: 35px;
   margin-left: 0px;
   margin-right: 0px;
   height: 30px;
}

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #EAEAEA;
   border-bottom: 2px solid #F86E1C;
   width: 100%;
   height: 30px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
   height: 26px;
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
   z-index: 10000;
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 0px 7px; 
   text-decoration: none; 
   height: 24px;
}

ul#primary-nav li a {
   font-size: 14px; 
   padding: 0px 7px 5px 7px; 
}

ul#primary-nav li.menuparent a {
  padding-left: 16px;
}

ul#primary-nav li ul li a {
    font-size: 14px; 
    padding: 4px 7px;
}

#primary-nav li a { 
   border-right: 1px solid #CB9805; /*C0C0C0*/
   border-left: 1px solid #CB9805; /*C0C0C0*/
}

#primary-nav li li a { 
   border: 1px solid #CB9805; /*C0C0C0*/
}	

#primary-nav li, #primary-nav li.menuparent { 
   background-color: #ececec; 
  
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #C7C7C7; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent #primary-nav ul li.menuparent:hover, 
#primary-nav ul ul li.menuparent, ul#primary-nav li ul li.menuparent { 
   background: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/parent.png);
   background-position: 4px 9px; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menu, 
#primary-nav li.menuparent, 
#primary-nav li.menuactive { 
   background-color: #E7AB0B; 
   background-image: transparent url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/parent.png);
   background-position: 4px 9px; 
   background-repeat: no-repeat; 

}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/*
#primary-nav li:hover ul ul, 
#primary-nav li.menuparent ul ul ul,
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparent ul, 
#primary-nav li.menuparent ul ul { 
    height: auto;
    float: right;
    top: 2px;
    left: 200px;
    left: auto;
    z-index: 999;    
    display: block;
}
*/
/*
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparent ul,
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparent ul, 
#primary-nav ul li.menuparent ul, 
#primary-nav ul ul li.menuparent ul { 
    height: auto;
    float: left;
    top: 66px;
    left: 200px;
    left: auto;
    z-index: 10999;    
    display: block;
}
*/
#primary-nav li:hover ul { 
    height: auto;
    float: left;
    top: 65px;
    left: 200px;
    left: auto;
    z-index: 10999;    
    display: block;
}


#primary-nav .menuparent {
   background: #EAEAEA url(https://hankkijanperinneyhdistys.fi/uploads/ngrey/parent.png);
   background-position: 4px 9px; 
   background-repeat: no-repeat;   
}

div#menu_vert ul ul li {
   line-height: 26px;
   padding-bottom: 6px;
}

div#menu_vert ul ul li a {
   line-height: 26px;
}




/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* Stylesheet: Navigation: Horizontal Modified On 2022-12-30 17:14:11 */