/* @override http://skelmini.local/~flash/muritai-test/css/menu.css */
.clear {clear:both}   

/* remove the list style */ 
 
#nav {  
    margin:0;   
    padding:0;   
    list-style:none;  
}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {  
        background: #215192;   
        display:block;   
        float:left;   
        position:relative;  
        margin:0 1px;  
        width: 95px;   
        z-index: 500; 
/*         border: 1px solid white;   */
    }
    #nav li.menu-wide {
    	width: 130px;	
    }
    #nav li.menu-charter {
    	width: 150px;	
    }
    
    #nav li.blog {
		background-image: url(../images/blog_images/blogger_20x20.png);
		background-repeat: no-repeat;
		background-position: 155px center;
	}
    #nav ul.widemenu li.blog { 
    	background-position: 195px center;	}
    #nav ul.narrowmenu li.blog { 
    	background-position: 130px center;	}
  
          
    /* this is the parent menu */  
    #nav li a {  
        color:#fff;  
        display:block;   
        height:18px;   
        padding:8px 5px 2px 5px;   
        text-decoration:none;   
        text-align: center;   
    }  
  
    #nav li a:hover {  
        color: #fff;  
    }  
    
    /* you can make a different style for default selected value */  
    #nav a.selected {  
        color:#f00;  
    }  
      
        /* submenu, it's hidden by default */  
        #nav ul {  
            position:absolute;   
            left:0;   
            display:none;   
            margin:0 0 0 -1px;   
            padding:0;   
            list-style:none;  
        }  
          
        #nav ul li {  
            width:180px;   
            float:left;   
            border-top:1px solid #fff;  
        }  
        #nav ul.widemenu li { width: 220px; }          
        #nav ul.narrowmenu li { width: 150px; }          
        /* display block will make the link fill the whole area of LI */  
        #nav ul a {  
            color: #ffffff;  
            display:block;    
            height: auto;  
            padding: 8px 5px 8px 15px; 
            margin-right: 25px;  
            text-align: left;
        }  
        
        #nav ul li:hover {
        	background-color: #265ba2;
		}
          
        #nav ul a:hover {  
            text-decoration: none;    
        }  
  
/* fix ie6 small issue */  
/* we should always avoid using hack like this */  
/* should put it into separate file : ) */  
*html #nav ul {  
    margin:0 0 0 -2px;  
}