/* Start of CMSMS style sheet 'OS-Ylavalikko' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#englishsuomi {
  background-color: #A1A1A1;  /* English ja Suomi napin alla oleva taustaväri */
  color: #fff; 
  width: 100%;
  margin: 0;
}

div#englishsuomi a:link {
  color:#fff; /* unvisited link */
  background-color: #A1A1A1;  /* English ja Suomi napin alla oleva taustaväri */
  width: 100%;
  margin: 0;
}

div#englishsuomi a:visited {
  color:#fff; /* visited link */
  background-color: #A1A1A1;  /* English ja Suomi napin alla oleva taustaväri */
  width: 100%;
  margin: 0;
}

div#englishsuomi a:hover {
  color:#646464; /* mouse over link */
  background-color: #A1A1A1;  /* English ja Suomi napin alla oleva taustaväri */
  width: 100%;
  margin: 0;
}
div#englishsuomi a:active{
  color:#DEDEDE;  /* selected link */
  background-color: #A1A1A1;  /* English ja Suomi napin alla oleva taustaväri */
  width: 100%;
  margin: 0;
}

div#menu_horiz {
   background-color: #A1A1A1;  /* background color for the entire menu row */
   width: 100%;
   margin: 0;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0;
   border-bottom: 0px solid #C0C0C0;
   border-left:  0px solid #C0C0C0;
   height:2.2em;
}


/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: 0 ;
   border-right: 0px solid #C0C0C0;
}


/* the links, that is each list item */
div#menu_horiz a {
  padding: .6em .9em .5em .8em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #FFFFFF;
      display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
div#menu_horiz li a:hover {
  padding: .6em .9em .5em .8em; /* padding inside the list item box */
   background-color: #A1A1A1;
  color: #646464; /*teksti mouseoverilla*/
}
div#menu_horiz a.activeparent:hover {
   background-color: #A1A1A1; 
   color: #DEDEDE; /*aktiivinen teksti ilman mouseoveria*/
}

 /*active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   background: #A1A1A1; 
  color: #fff;
 }

div#menu_horiz h3 {
  margin: 0; /* margin outside each list item box */
  padding: .6em .9em .5em .8em; /* padding inside the list item box */
  text-decoration: none; /* no underline for links */
 color: #fff;
  background: #A1A1A1; 
 display: block; /* IE has problems with this, fixed above */
  font-size: 1em;  /* instead of the normal font size for <h3> */
}

/* End of 'OS-Ylavalikko' */