﻿/* 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS Stylesheet: Navigation menu 
This stylesheet defines:
1.  Styles for classes used with the menu control. 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
*/

/* Main vertical menu */

/*
NOTE: I tried to set all of the style properties in CSS classes defined in the 
included CSS file.  This didn't work for some properties 
(e.g., dynamichoverstyle-forecolor).  For example, the hover style worked
on my local server, but not on the host server at M6; so I set those styles in the 
appropriate section of the control (e.g., the DynamicHoverStyle
section), and I removed them from the CSS file.  If I set them in the control 
and left them in the CSS file, the hover style was not picked up by the 
host server at M6.  It was important to set the hover styles only in the 
control.  
Alternatively, style properties could have been set directly in the 
menu control declaration. SOURCE:  Asp.Net 2.0 Design, p. 183-184.
*/

.menu1{ width:150px;}

.StaticHoverStyle{color:#b22222; }
.StaticMenuItemStyle{line-height:30px; color:#555555; }
.StaticMenuStyle{}
.StaticSelectedStyle{}

.DynamicHoverStyle{color:#b22222; }
.DynamicMenuItemStyle{color:#555555; }
.DynamicMenuStyle{background-color:#f5f5f5; }
.DynamicSelectedStyle{ }
  
.LevelMenuItemStyle1{}
.LevelMenuItemStyle2{}
.LevelMenuItemStyle3{}

.LevelSelectedStyle1{}
.LevelSelectedStyle2{}
.LevelSelectedStyle3{}

.LevelSubMenuStyle1{}
.LevelSubMenuStyle2
    {width:220px; border:solid 1px #c0c0c0; 
     padding-left:10px; padding-top:5px; padding-bottom:5px; margin:-5px 0px 0px 0px;}
.LevelSubMenuStyle3
    {width:220px; border:solid 1px #c0c0c0; 
     padding-left:10px; padding-top:5px; padding-bottom:5px; margin:-10px 0px 0px 0px;}
