.SchoolUniforms ul.AspNet-Menu /* Tier 1 */
{
    width: 100%; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    z-index:1500;
    
}

.SchoolUniforms ul.AspNet-Menu ul  /* Tier 2 */
{
    width: 147px;
    top: 100%;
    left: 20px;
}

.SchoolUniforms ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -3px;
    left: 147px;
}

.SchoolUniforms li /* all list items */
{
    width: 100%;
    height:20px;
    position:relative;
    top:3px;
    background: #FFFFFF;
    font-weight:normal;
}

.SchoolUniforms li:hover, /* list items being hovered over */
.SchoolUniforms li.AspNet-Menu-Hover
{
    background: #FFFFFF;
}

.SchoolUniforms a, /* all anchors and spans (nodes with no link) */
.SchoolUniforms span
{
    color: #666666; font-size: 10pt; text-align: center;font-weight:bold;
}

.SchoolUniforms li.AspNet-Menu-Leaf a, /* leaves */
.SchoolUniforms li.AspNet-Menu-Leaf span
{
	text-align:left;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	position:relative;
	font-weight:normal;
}

.SchoolUniforms li:hover a, /* hovered text */
.SchoolUniforms li:hover span,
.SchoolUniforms li.AspNet-Menu-Hover a,
.SchoolUniforms li.AspNet-Menu-Hover span,
.SchoolUniforms li:hover li:hover span,
.SchoolUniforms li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SchoolUniforms li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SchoolUniforms li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SchoolUniforms li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    font-size: 10pt; text-align: center;  color: #003366;
    
}

.SchoolUniforms li:hover li:hover li:hover a,
.SchoolUniforms li:hover li:hover li:hover span,
.SchoolUniforms li:hover li:hover a
{
    font-size: 8pt;  text-align: left;  color: #003366;font-weight:bold;
}

.SchoolUniforms li:hover li a, /* the tier above this one is hovered */
.SchoolUniforms li:hover li span,
.SchoolUniforms li.AspNet-Menu-Hover li a,
.SchoolUniforms li.AspNet-Menu-Hover li span,
.SchoolUniforms li:hover li:hover li a,
.SchoolUniforms li:hover li:hover li span,
.SchoolUniforms li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SchoolUniforms li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #666666; font-size: 8pt;  text-align: left;padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
    border: #00336B 1px solid;
    font-weight:normal;
    
}

.SchoolUniforms li:hover li span,
.SchoolUniforms li.AspNet-Menu-Hover li a,
.SchoolUniforms li.AspNet-Menu-Hover li span,
.SchoolUniforms li:hover li:hover li a,
.SchoolUniforms li:hover li:hover li span,
.SchoolUniforms li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SchoolUniforms li li li a
{
	background-color: #f2f1f0;
	color: #003366;
	font-weight:normal;
}

.SchoolUniforms .AspNet-Menu-Selected /* this tier is selected */
{
	
    
}

.SchoolUniforms .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    
}

.SchoolUniforms .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    
}

/* Add more rules here if your menus have more than three (3) tiers */
.SchoolUniforms ul.AspNet-Menu li:hover ul ul ul,
.SchoolUniforms ul.AspNet-Menu li:hover ul ul ul ul,
.SchoolUniforms ul.AspNet-Menu li:hover ul ul ul ul ul,
.SchoolUniforms ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
.SchoolUniforms ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
.SchoolUniforms ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
.SchoolUniforms ul.AspNet-Menu li li li:hover ul,
.SchoolUniforms ul.AspNet-Menu li li li li:hover ul,
.SchoolUniforms ul.AspNet-Menu li li li li li:hover ul,
.SchoolUniforms ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
.SchoolUniforms ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
.SchoolUniforms ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}