.VerisMainMenuBrown img 
{
	border: 0;
}

.VerisMainMenuBrown ul /* Tier 1 - This is the top most ul */
{
    /*width: 13em;  This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
	background-color: #73614B;
}

.VerisMainMenuBrown ul li
{
	background-color: #73614B;
	border-left: 1px solid #827461;
}

.VerisMainMenuBrown ul a
{
	background-color: #73614B;
}

.VerisMainMenuBrown ul ul  /* Tier 2 */
{
    width: 150px;
    margin-top: 5px;
}

/*.VerisMainMenu li 
{
    background-color: #665C53;
}
*/

.VerisMainMenuBrown li li 
{
    background-color: #73614B !important;
    border: 1px solid #827461;
    margin-top: -1px;
    width: 200px;
}

.VerisMainMenuBrown li li:hover, /* list items being hovered over */
.VerisMainMenuBrown li li.AspNet-Menu-Hover
{
    background-color: #665C53;
}

.VerisMainMenuBrown a, /* all anchors and spans (nodes with no link) */
.VerisMainMenuBrown span
{
    color: White;
    padding: 4px 2px 0px 4px;
    /*border:1px solid #000000;*/
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}

.VerisMainMenuBrown li li.AspNet-Menu-Leaf a, /* leaves */
.VerisMainMenuBrown li li.AspNet-Menu-Leaf span
{
	background-color: #73614B;
    /*background-image: none !important;*/
}

.VerisMainMenuBrown li li:hover a, /* hovered text */
.VerisMainMenuBrown li li:hover span,
.VerisMainMenuBrown li li.AspNet-Menu-Hover a,
.VerisMainMenuBrown li li.AspNet-Menu-Hover span,
.VerisMainMenuBrown li li:hover li:hover a,
.VerisMainMenuBrown li li:hover li:hover span,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.VerisMainMenuBrown li li:hover li:hover li:hover a,
.VerisMainMenuBrown li li:hover li:hover li:hover span,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #E97700;
    background-color: #73614B;
    /* background: transparent url(activeArrowRight.gif) right center no-repeat;*/
}

.VerisMainMenuBrown li li:hover li a, /* the tier above this one is hovered */
.VerisMainMenuBrown li li:hover li span,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li a,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li span,
.VerisMainMenuBrown li li:hover li:hover li a,
.VerisMainMenuBrown li li:hover li:hover li span,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.VerisMainMenuBrown li li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: White;
    /*background: transparent url(arrowRight.gif) right center no-repeat;*/
}







/* this is if you want to put a style on the selected page, which is very 
useful and a very good improvement to navigation usability, but I am not messing 
with it for now */

.VerisMainMenuBrown .AspNet-Menu-Selected /* this tier is selected */
{
    /*border: solid 1px #00ff00 !important;*/
}

.VerisMainMenuBrown .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    /*border: solid 1px #ff0000 !important;*/
}

.VerisMainMenuBrown .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    /*border: solid 1px #0000ff !important;*/
}