/*
  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 ***/
/*
BN, 6/11/09: This is a just a slightly modified version of the sibling file suckerfish.css.
This file is the version I am currently using to properly format the drop-down navbar that I made in
sibling file navbar1.inc.php, that is INCLUDE-ed in
wp-content > themes > arthemia > header.php
for Michael's www.guardyoureyes.org WordPress blog.

The present css file, however, is not used directly but, at least currently, takes effect by having been copied 
and pasted into the Appearance box of the multi-level-navigation-plugin (PixoPoint Multi-level Navigation Plugin) 
and having that plugin active in WordPress.
*/

#suckerfishnav {
    /* background:#1F3E9F url("../multi-level-navigation-plugin/images/suckerfish_blue.png") repeat-x; */
    /* background:#3C78A7; */
    /* background:black; */
    background:#333333;
    /* font-size:15px; */
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    /* line-height:40px; */
    line-height:30px; 
    padding:0;
    /* border:1px solid #aaa; */
    margin:0;
    /* width:100%; */
    width:722px;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    /* padding:0px 10px; */
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    /* width:101px; */
    width:200px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    /* width:99px; */
    width:198px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    /* width:80px; */
    width:179px;
    /* font-size:12px; */
    font-size:13px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    /* margin:-21px 0 0 100px; */
   margin:-21px 0 0 199px;
    }
#suckerfishnav li li:hover {
    background:#1F3E9F;
    }
#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:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#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:#dddddd;
    }
#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;
    }
#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:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#5E7AD3;
    }