/* Start of CMSMS style sheet 'fp4 : Simple - Horizontal' */
/********************
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#menu_horiz {
   width: 100%;
   margin: 0;
  border: 1px solid black;
   margin: 0 auto;     /* this centers wrapper */
   max-width: 80em; /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
background: #000000 url(/uploads/fp4/tekstipalktaus.gif); 
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #000000;
   border-left:  1px solid #000000;
   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: 1px solid #000000;
}


/* the links, that is each list item */
div#menu_horiz a {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #F0E7DA;
   background: url(/uploads/fp4/arrow-right.gif) no-repeat 0.5em center; ;
   display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
div#menu_horiz li a:hover {
   background-color: #000000;
}
div#menu_horiz a.activeparent:hover {
   background-color: #FFFDFB;
   color: #000000;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   background: #000000 url(/uploads/fp4/arrow-down.gif) no-repeat 0.4em center; 
   color: #FFFDFB;
}

div#menu_horiz h3 {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #FFFDFB;
   background: #000000 url(/uploads/fp4/arrow-right-active.gif) no-repeat 0.4em center; ;
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
}

/* End of 'fp4 : Simple - Horizontal' */