/*****************************************************
 * File Name: MenuStyle.css
 * Created By: Tim Stratton
 * Date Created: 9/25/2007
 * 
 * Summary:
 * This is a Cascading Style Sheet that controls the 
 * styles of a web page.  This file specifically 
 * controls the look of the Side navigation menu.
 *
 * Using Classes:
 * .menuItemDepth# - Unselected Menu Item at a Depth of
 *                   # in the menu structure.
 * .depth#Selected - Selected Menu Item at a Depth of #
 *                   in the menu structure.
 * .collapse - If javascript is disabled, all collapsed
 *             sub menus will expand by default.  If 
 *             javascript is enabled, .collapse is set to
 *             'display:none'.  Refer to BWPConfig/js/Menu.js
 *             for more info.
 *
 * Revisions:
 * Modified By      Date        Comments
 * -----------      ----        --------
 * 
 *****************************************************/

.collapse
{
    display:block;
}

.menuBottomImage
{
    background-image:url(../../images/menu-curve-bottom.jpg);
    width:226px;
    height:14px;
    background-repeat:no-repeat;
    margin-left:5px;
    font-size:1px;  
}


.arrowBox
{
    display:block;
    
    border:0px;
    width:13px;
    height:13px;
    margin:1px 3px;
    float:left;
}

.sideNav
{
    margin-left:5px;
    margin-bottom:-1px;
    border:0px;
}

.sideNav a,.sideNav a:hover,.sideNav a:visited
{
  	text-decoration: none;  
  	cursor:pointer;
}

.ItemTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    display:block;    
    
   /* margin:6px 0px 6px 0px;      */
}

.topMenu, .topMenu:visited
{
    display:block;
    width:217px;
    height:18px; 
    margin:15px 0px 0px 0px;
    padding-left:9px;
    padding-top:7px;    
    color:White;
    background-image:url('../../images/menu-bar-top.jpg');
    border-bottom:0px;
}
.topMenu:hover
{
    display:block;   
    color:#ffc90c;
}
    
.depth1Selected,.depth2Selected,.menuItemDepth1,.menuItemDepth2
{
    display:block;
    border-top:1px solid #7a7a7a; 
    border-left:1px solid #7a7a7a; 
    border-right:1px solid #7a7a7a;
    border-bottom:0px;
    padding-top:6px;
    padding-bottom:6px;
}

.depth1Selected, .depth1Selected:visited
{
    width:224px;
    padding-left:0px;
    color:#ffc90c;    
    background-color:#755f56;
}
.depth1Selected:hover 
{
    color:#ffc90c;
}

.depth2Selected, .depth2Selected:visited
{
    width:204px;
    padding-left:20px;
    color:#ffc90c;
    background-color:#b55c26;      
}
.depth2Selected:hover
{
    color:#ffc90c;
}

.menuItemDepth1, .menuItemDepth1:visited
{
    width:224px;
    padding-left:0px;
    color:#223c64;
    background-color:#d5d5d5;    
}

.menuItemDepth1:hover 
{
    width:224px;
    padding-left:0px;
    color:White;
    background-color:#755f56;
}
.menuItemDepth2, .menuItemDepth2:visited
{
    width:204px;
    padding-left:20px;
    color:#223c64;
background-color:White;
/*    background-color:#d5d5d5;    */
}

.menuItemDepth2:hover 
{
    width:204px;
    padding-left:20px;
    color:white;
    background-color:#b55c26;
}