/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

.topMenu
{
	width:100%;
	margin-bottom: 0px;
	background-color: #544170;
	
}

.menuDropShadow { margin-bottom: 3px; }
.menuDropShadow_PI 
{
	margin-bottom:3px;
	margin-left:414px;
}

.menuDropShadow_ISI
{
	margin-bottom:3px;
	margin-left:552px;
	margin-top:-24px;
}

.topMenu li { margin-bottom: 0px; }

.AspNet-Menu:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*  style all tiers in the menu this way... */
.topMenu ul.AspNet-Menu, 
.topMenu ul.AspNet-Menu ul
{
    
    font-family: Lucida Sans, verdana, arial, helvetica, sans-serif;
    font-weight:bold;
    font-size: 11px;
    background-color:#544170;
}

/* Use this rule create the common appearance of each menu item. */
.topMenu ul.AspNet-Menu li
{
    background-color: #544170;
}

/* Within each menu item is a link or a span*/
.topMenu ul.AspNet-Menu li a,
.topMenu ul.AspNet-Menu li span
{
    color: #ffffff;
    padding: 7px 10px;
}

.topMenu ul.AspNet-Menu li:hover, 
.topMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background-color: #8f71b8;
    background-image: url(images/menubg_over_right.gif);
    background-position:right;
    background-repeat: no-repeat;
}

.topMenu ul.AspNet-Menu li a:hover,
.topMenu ul.AspNet-Menu li.AspNet-Menu-Selected a:hover,
.topMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    background-color: transparent;
    background-image: url(images/menubg_over_left.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    text-decoration: none;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH */
.topMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 100%;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
.topMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    text-align:center;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.topMenu ul li.AspNet-Menu-Selected
{
    /*background: #008b95 url(images/menubg_selected_right.gif) no-repeat fixed right;*/
    background-color: #008b95;
    background-image: url(images/menubg_selected_right.gif);
    background-position:right;
    background-repeat: no-repeat
}

/* Within each menu item is a link or a span*/
.topMenu ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.topMenu ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected
{
    color: #ffffff;
    padding: 7px 9px;
    background-color: transparent;
    background-image: url(images/menubg_selected_left.gif);
    background-repeat: no-repeat;
}

.imgTop
{
	margin-top:-22px;
	position: relative; 
}