/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
#suckerfishnav {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #000;
   }
#suckerfishnav, #suckerfishnav ul {
	padding: 5px 0px 5px 0px;
	margin: 3px 0px 25px 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 100%;
	float: left;
    }
#suckerfishnav a {
    display:block;
    padding:0px 30px 0px 50px;
    margin:0px 0px;
    }
#suckerfishnav li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align:left;
    float:left;
    }
#suckerfishnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
    width:12em;
	position: absolute;
	left: -1000em;	
    }
#suckerfishnav li li {
    padding:0;
    margin:0;
    border: 1px solid #ebebeb; 
   }
#suckerfishnav li li a {
    padding:5px 30px 5px 50px;
    width:12em;
    display: block;
    cursor: pointer;
    text-decoration: none;
    }
#suckerfishnav li ul ul {

        margin:-21px 0 0 90%;
        padding: 0 0 0 0;
   }
#suckerfishnav li li:hover {
    background:#FFF;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    background:#FFF;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    background:#FFF;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    background:#FFF;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left:-1000em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    background:#FFF;
    left:auto;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#FFF;
    }