/*****************************************************
 * 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
 * -----------      ----        --------
 * Tim Stratton     10/6/2007   Changed Colors for Boardwalk
 *****************************************************/

.collapse
{
    display:block;
}

.menuTopImage
{
    background-image:url("../../images/new-menu-curve-top_gradient.jpg");
    width:226px;
    height:6px;
	margin-left:5px;
    background-repeat:no-repeat;
    font-size:1px;  
}

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

.arrowBox
{

display:block;
float:left;
    border:0px;
    width:13px;
    height:13px;

    margin:1px 3px 0px 3px;


}

.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;

        margin-left:5px;

}

.menuItemDepth1 .ItemTitle, .depth1Selected .ItemTitle,
.menuItemDepth2 .ItemTitle, .depth2Selected .ItemTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
display:block;
    margin-left:5px;
    border:inset 0px;
	padding:0px 0px 7px 0px;
}




.topMenu, .topMenu:visited
{
    display:block;
    width:212px;
    height:21px; 
    margin:0px 0px 0px 0px;
    padding-left:14px;
    padding-top:2px;    
    color:White;
    background-image:url("../../images/new-menu-bar-top.jpg");
    background-position:left bottom;
    border-bottom:0px;
}
.topMenu:hover
{    
    color:#ffc90c;
}

.depth1Selected,.menuItemDepth1,.depth2Selected,.menuItemDepth2
{
    display:block;
    border-top:0px;
    border-left:1px solid #7a7a7a; 
    border-right:1px solid #7a7a7a;
    border-bottom:1px solid #7a7a7a; 
padding-top:6px;




}

.menuItemDepth1, .menuItemDepth1:visited
{
    width:224px;
    padding-left:0px;
    color:#000000;
    background-color:#dddddd;    

}
.menuItemDepth1:hover 
{
    color:white;
	background-color:#333333;
}

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


.menuItemDepth2, .menuItemDepth2:visited
{
    width:214px;
    padding-left:10px;
    color:#000000;
background-color:White;
/*    background-color:#e9e9e9;*/

}

.menuItemDepth2:hover 
{
    color:White;
    background-color:#3366cc;
}

.depth2Selected, .depth2Selected:visited
{
    width:214px;
    padding-left:10px;
    color:#ffc90c;
    background-color:#3366cc;
}
.depth2Selected:hover 
{
    color:#ffc90c;
}