﻿.surfer5menu .AspNet-Menu-Horizontal {
    position:relative;
    z-index: 300;
}

.surfer5menu ul.AspNet-Menu { /* Tier 1 */
    float: right;
}

.surfer5menu ul.AspNet-Menu ul { /* Tier 2 */
    font-size: x-small;	/*x-small;*/
    width: 13.1em;
    left: 0%;
    background: #eeeeee;
    z-index: 400;
}

.surfer5menu ul.AspNet-Menu ul li { /* Tier 2 list items */
    font-size: x-small;	/*x-small;*/
    width: 13em;
    border:1px solid #cccccc;
    float: left;
    clear: left;
    height: 100%;
}

.surfer5menu ul.AspNet-Menu ul ul { /* Tier 3+ */
    top: -0.5em;
    left: 6em;
}

.surfer5menu li { /* all list items */
    font-size: small;	/*x-small;*/
}

.surfer5menu li:hover, /* list items being hovered over */

.surfer5menu li.AspNet-Menu-Hover {
    background: #477897;
}

.surfer5menu a, /* all anchors and spans (nodes with no link) */

.surfer5menu span {
    color:	#022776;		/*#477897;*/
    padding: 4px 12px 4px 8px;
    background: transparent url(../images/arrowRight.gif) right center no-repeat;
}

.surfer5menu li.AspNet-Menu-Leaf a, /* leaves */

.surfer5menu li.AspNet-Menu-Leaf span {
    background-image: none !important;
}

.surfer5menu li:hover a, /* hovered text */

.surfer5menu li:hover span,

.surfer5menu li.AspNet-Menu-Hover a,

.surfer5menu li.AspNet-Menu-Hover span,

.surfer5menu li:hover li:hover a,

.surfer5menu li:hover li:hover span,

.surfer5menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.surfer5menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

.surfer5menu li:hover li:hover li:hover a,

.surfer5menu li:hover li:hover li:hover span,

.surfer5menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.surfer5menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span {
    color: White;
    background: transparent url(../images/activeArrowRight.gif) right center no-repeat;
}

.surfer5menu li:hover li a, /* the tier above this one is hovered */

.surfer5menu li:hover li span,

.surfer5menu li.AspNet-Menu-Hover li a,

.surfer5menu li.AspNet-Menu-Hover li span,

.surfer5menu li:hover li:hover li a,

.surfer5menu li:hover li:hover li span,

.surfer5menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,

.surfer5menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span {
    color: #022776;		/*#477897;*/
    background: transparent url(../images/arrowRight.gif) right center no-repeat;
}