/*
  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 {
    width:100%;
       }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:22px;
    padding:0;
      margin:2px 0px 0px 10px;
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold; 
    }
#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
padding:2px 27px 0px 27px;
  }
#suckerfishnav li {
    float:left;
    border-left:1px #349acb solid;
   height:36px; 
   }
   
#suckerfishnav ul {
    position:absolute;
    left:-999em;
   height:30px;

    width:151px;
     margin:0;
    line-height:1;
    border:0;
   
    }
#suckerfishnav li li 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width: 200px; /*width of sub menus*/
	text-align:left;
	height:28px;
	border:1px #fff solid;
	padding:5px 0px -25px -20px;
position:relative;
    z-index:300;
	}

#suckerfishnav li li a 
{
	color:#FFF;
	}
	
#suckerfishnav li ul ul {
    margin:21px 0 0 150px;
    
    }
    
#suckerfishnav li li:hover {
color:#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 {
   color:#FFF;
   background: url(images/nav-bg-hover.jpg) repeat-x;
	    }
	    
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
   color:#FFF;
   height:30px;
       }

#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 
	{
	color:#FFF;
	text-decoration:none;
	background:#3da1d3;
	height:30px;
	padding-top:7px;
	}

	#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  
	{	
	margin-top:10px;
	color:#FFF;
	background: url(images/nav-bg-hover.jpg) repeat-x;
	}

	#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  
	{
	left:auto;
	color:#FFF;
	height:30px;
	background: url(images/nav-bg-hover.jpg) repeat-x;
	}

	#suckerfishnav li a
	{
	color:#FFF;
	padding-top:7px;
	}
	#suckerfishnav li a:hover
	{
	color:#FFF;
	text-decoration:none;
	height:30px;
	padding-top:7px;
	background: url(images/nav-bg-hover.jpg) repeat-x;
	}

	#suckerfishnav li:hover, #suckerfishnav li.sfhover 
	{
	}

#suckerfishnav .current_page_parent a, #suckerfishnav .current_page_ancestor a, #suckerfishnav .current-cat-parent a {
     color:#FFF;
	 height:30px;
	 padding-top:7px;
	 background: url(images/nav-bg-hover.jpg) repeat-x;
    }

#suckerfishnav .current_page_parent a:hover, #suckerfishnav .current_page_ancestor a:hover, #suckerfishnav .current-cat-parent a:hover {
     color:#FFF;
	 height:30px;
	 padding-top:7px;
	 background: url(images/nav-bg-hover.jpg) repeat-x;
    }

#suckerfishnav .current-cat, #suckerfishnav .current_page_item a{
    color:#FFF;
	text-decoration:none;
	background: url(images/nav-bg-hover.jpg) repeat-x;
	height:30px;
	padding-top:7px;
    }
	
#suckerfishnav .current-cat, #suckerfishnav .current_page_item a:hover{
    color:#FFF;
	text-decoration:none;
	background: url(images/nav-bg-hover.jpg) repeat-x;
    height:30px;

	padding-top:7px;
    }