/*********************************************************
 ****** CSS generated via the PixoPoint Menu Plugin ******
 ********** http://pixopoint.com/pixopoint-menu/ *********
 *********************************************************/



#suckerfishnav {
    background:#f8b233 url("../multi-level-navigation-plugin/images/suckerfish_blue.png") repeat-x;
    font-size:11px;
    font-family:verdana,sans-serif;
    font-weight:normal;
    color:#055c92;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border-top:0px solid #6f9ab5; /* Add a border on the main div - no bottom*/
    border-left:1px solid #ffffff; 
    border-right:1px solid #ffffff; 
    margin:0px;
   /* margin-top:20px; *//* the height spacing at the top of the div*/
     width:220px;
    }

#suckerfishnav li {
    text-align:left;
    height:30px;
    padding-left:10px; 
    border-bottom:1px solid #ffffff;
    width:210px;
    }

#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 0px 0px 0px;

    width:210px;
    }

/* the base menu grey colour*/

#suckerfishnav li a {
   width:210px;
    overflow:hidden;
    }

/*
The flyout menus start here
*/
#suckerfishnav ul {
    position:absolute;
    background-color:#f8b233;
    left:-999em;
    height:30px;
    width:220px; /* ************************the width of the flyout*/
    font-weight:normal;
    margin:0;
    line-height:1.0em;
    /*border-bottom:1px solid #6f9ab5;*/
    border-top:1px solid #ffffff;
    border-right:1px solid #ffffff;
    margin:-31px 0 0 210px; /* adding just the correct distance from the parent*/

/*************************************************
this s the flyout menus
including the top negative setting to allow the child menu to fly out and line up

**************************************************/
    }
#suckerfishnav li li {
    width:210px; 
    background-color:#f8b233;
    /*border-bottom:1px solid #6f9ab5;*/
    border-left:0px solid #ffffff;
    border-right:0px solid #ffffff;
    font-weight:normal;
    font-family:verdana,sans-serif;
    color:#ffffff;
    margin-left;1px;
    padding-left:10px;

    }
#suckerfishnav li li a {
    /*padding:3px 10px;*/
    width:210px;
    font-size:11px;
    color:#ffffff;
    }
#suckerfishnav li ul ul {
    margin:-40px 0 0 130px;
    } 

/***** the hover on the child menu level 1*********************/
#suckerfishnav li li:hover {
   background-color:#f3a416;
  /* border-bottom:1px solid #6f9ab5;*/
   border-right:1px solid #ffffff;
   color:#055c92;
   width:210px;
    }

/***** the hover on the child menu *********************/

#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:#ffffff;
 

    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { /* the hover on the parent menu*/
    color:#ffffff;

    }

#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:#ffffff;
padding-top:9px;
    }

#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:-999em;
    }

/* this is the hover on the child menu*/
#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;
    background-color:#f0a61f; /*darker hover*/

    }

/* the hover on the parent menu */
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#f0a61f; 
    }

/* selected parent menu**/
#suckerfishnav .current_page_parent, #suckerfishnav .current_page_ancestor, #suckerfishnav .current-cat-parent {
    background-color:#f0a61f;
    border-right:1px solid #ffffff; 
    border-bottom:1px solid #ffffff;

    }

/* the current selected menu option - the page  */
#suckerfishnav .current-cat, #suckerfishnav .current_page_item {
    text-align:left;
    background-color:#f0a61f; 
    width:210px; /*width of the fly out menu*/
    border-right:0px solid #ffffff; 
    border-bottom:1px solid #ffffff; /* only applies to the last menu flyout for some reason*/
    }
#suckerfishnav .current_page_ancestor a:after, #suckerfishnav .current_page_ancestor li a:after, #suckerfishnav .current_page_ancestor li li a:after, #suckerfishnav .current_page_ancestor li li li a:after, #suckerfishnav .current_page_ancestor li li li li a:after, #suckerfishnav .current-cat-parent a:after, #suckerfishnav .current-cat-parent li a:after, #suckerfishnav .current-cat-parent li li a:after, #suckerfishnav .current-cat-parent li li li a:after, #suckerfishnav .current-cat-parent li li li li a:after, #suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {
    content:"";
    }
#suckerfishnav .current_page_ancestor a:after, #suckerfishnav li .current_page_ancestor a:after, #suckerfishnav li li .current_page_ancestor a:after, #suckerfishnav li li li .current_page_ancestor a:after, #suckerfishnav .current-cat-parent a:after, #suckerfishnav li .current-cat-parent a:after, #suckerfishnav li li .current-cat-parent a:after, #suckerfishnav li li li .current-cat-parent a:after, #suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {
    color:#ffffff;
    content:"";
    }
#suckerfishnav .current-cat a:after, #suckerfishnav li .current-cat a:after, #suckerfishnav li li .current-cat a:after, #suckerfishnav li li li .current-cat a:after, #suckerfishnav li li li li .current-cat a:after, #suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {
    color:#ffffff;
    content:"";
    }