/* 
    Document   : fgc_dropdown_menu
    Created on : Nov 10, 2009, 8:58:09 PM
    Author     : Khanh Huy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#navigation_bar {
    position:relative;
    width:100%; 
    top:0;
    left:0;
    z-index:1;
    margin:0;
    padding:0;   
    color:#464646;
    font-size:1em;
    font-weight:bold;
    clear: both;
    background: url(images/bg_nav.gif) top left repeat-x;
    height:29px;
   

}

#navigation_bar ul, #navigation_bar , #navigation_bar li a{
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;  
    
}

    
#navigation_bar li a {
    display:block;
    outline:none;
    color: #464646;
    padding:7px 12px;
    text-decoration:none;
    border:none;
}
/*
#navigation_bar li.current_page_item a,
#navigation_bar li.active a {
    background:#D5D5D5;
    border-top:1px solid #d2d2d2;
    padding:6px 12px;
}
#navigation_bar li.current_page_item li a,
#navigation_bar li.active li a {
    background:inherit;
}
*/
#navigation_bar li.hover a,
#navigation_bar a:hover {
    text-decoration:underline;  
    background:#D5D5D5;
    border-top:1px solid #d2d2d2;
    padding:6px 12px;


}


#navigation_bar ul {
    padding-left:15px;  
    height:100%;
    float:left;
    
    
}

#navigation_bar ul li {   
    position:relative;
    float:left;
    left:0;
    top:0;
   
}

#navigation_bar ul li a {   
    
}



#navigation_bar ul li ul,
#navigation_bar ul li:hover ul,
#navigation_bar ul li.hover ul {
    display:none;
    position:absolute;
    top:29px;
    left:0; 
    z-index:1000;
    background:#E8E8E8;
    border:1px solid #CCC;
    border-top:none;
    width:200px;    
    padding:0;
    opacity:0.95;
    filter:alpha(opacity=95);
    float:none;
    height:auto;
    
}
#navigation_bar ul li:hover ul {
    display:block;
}
#navigation_bar ul li ul li {
    display:block;    
    float:none;   

}

#navigation_bar ul li ul li a,
#navigation_bar ul li ul li a:visited,
#navigation_bar ul li ul li a:hover,
#navigation_bar li.hover ul li a {
    
    text-decoration:none;    
    border-top:1px solid #CCC;
    background:inherit;


}


#navigation_bar ul li ul li a:hover,
#navigation_bar ul li ul li.hover a {
    text-decoration:underline;
    background:#D8D8D8;
}

#navigation_bar .clr {
    padding:0;
    margin:0;
    height:0;
    width:0;
    clear:both;
}