/* Start of CMSMS style sheet 'menu_deroulant' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/* The wrapper clears the floating elements of the menu, not used on this menu, you can use it if you need to */

#menuwrapper {
        }

/* Set the width of the menu elements at second and third level. Leaving first level flexible. */

#imap li li {
        width: 200px;
       }

/* Unless you know what you do, do not touch this */

#imap{
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
#imap ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
#imap ul {
    position: absolute;
    top: auto;
    }
#imap ul ul {
    margin-top: 1px; /* this is normally 0px but for this menu we wanted the white line around the main image to show above the drop downs  */
    margin-left: -1px;
    left: 100%;
    top: 0px;
    }  
#imap li {
    margin-left: -1px;
    float: left;
    }
#imap li li {
    margin-left: 0px;
    margin-top: 1px;
    position: relative;
    }
#imap li li li {
    margin-left: 0px;
    margin-top: -1px; 
    }
#imap li li a{
    margin-left: 0px;
    margin-top: -1px;
    position: relative;
    }

/* Styling the basic apperance of the menu elements */

#imap a {
    display: block;
    padding: 0px 0px;
    text-decoration: none;
    }
#imap li a {text-indent:-9000px; /* this moves the words (menutext) of the first layer, images, out of the way which you will need if you have only one layer/no drop downs */
    }
#imap li li a {
    text-indent:0px; /*this makes the second level words in the drop downs show up or else they will inherit the action of the line above*/
    background-color: #5f92c1;   /* before */
    padding: 4px 10px;
    border-left:7px solid #1c719c;   /* fat border on left */
    color:#fff;    /* color of link text */
    }   
#imap li li :hover {background-color: #ffcc00;}   /* second and third layer drop down hover color */

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#imap ul, #imap li:hover ul, #imap li:hover ul ul,
#imap li.menuparenth ul, #imap li.menuparenth ul ul {
    display: none;
    }
#imap li:hover ul, #imap ul li:hover ul, #imap ul ul li:hover ul,
#imap li.menuparenth ul, #imap ul li.menuparenth ul, #imap ul ul li.menuparenth ul {
    display: block;
    }

/* IE Hacks */
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#imap li li {
    float: left;
    clear: both;
    }
#imap li li a {
    height: 1%;
    }
/* End of 'menu_deroulant' */