#menuAbout, #menuAbout ul
{
    height:30px;
    padding:0px;
    margin:0px;
    color:#000000;
    white-space:nowrap;
    list-style-type:none;
    /* without this, the dropdown menu will appear behind the main content
    section in MasterPage3Col */
    z-index:500;
}
#menuAbout a
{     
    display: block;     
    width: 10em; 
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    background:#FDFDE2;
    color:#454545;
    float: none;
    text-decoration:none;
    width:111px;
    height:30px;
}
#menuAbout li {width:10em;float:left;}
#LeftEnd, #menuAbout li a.Meet, #menuAbout li a.CareOwn, #menuAbout li a.Why, #menuAbout li a.How, #menuAbout li a.Professionals, #menuAbout li a.Who,
#menuAbout li a.Meet_Focus, #menuAbout li a.CareOwn_Focus, #menuAbout li a.Why_Focus, #menuAbout li a.How_Focus, #menuAbout li a.Professionals_Focus, #menuAbout li a.Who_Focus
{
    background:#FDFDE2;
    color:#000000;
    float: none;
    text-decoration:none;
    width:111px;
    height:30px;
}


#menuAbout li a.Who,#menuAbout li a.Who_Focus
{
    background: url(images/buttons/about_who.gif) 0 0 no-repeat;
    width: 290px;
}
#menuAbout li a.Who_Focus
{
background-position: 0 -30px;
}

#menuAbout li a.How,#menuAbout li a.How_Focus
{
    background: url(images/buttons/about_how.gif) 0 0 no-repeat;
    width: 191px;
}
#menuAbout li a.How_Focus
{
background-position: 0 -30px;
}

#menuAbout li a.Why,#menuAbout li a.Why_Focus
{
    background: url(images/buttons/about_why.gif) 0 0 no-repeat;
    width: 189px;
}
#menuAbout li a.Why_Focus
{
background-position: 0 -30px;
}

#menuAbout li a.Meet,#menuAbout li a.Meet_Focus
{
    background: url(images/buttons/about_meet.gif) 0 0 no-repeat;
    width: 193px;
}
#menuAbout li a.Meet_Focus
{
background-position: 0 -30px;
}

#menuAbout li a:hover, #menuAbout li a:hover, #menuAbout li a.CareOwn:hover, #menuAbout li a.Why:hover, #menuAbout li a.How:hover, #menuAbout li a.Professionals:hover, #menuAbout li a.Who:hover
{
    background-position: 0 -30px;
}
#menuAbout li a:active, #menuAbout li a:active, #menuAbout li a.CareOwn:active, #menuAbout li a.Why:active, #menuAbout li a.How:active, #menuAbout li a.Professionals:active, #menuAbout li a.Who:active
{
    background-position: 0 -60px;
}
#menuAbout li a:focus, #menuAbout li a:focus, #menuAbout li a.CareOwn:focus, #menuAbout li a.Why:focus, #menuAbout li a.How:focus, #menuAbout li a.Professionals:focus, #menuAbout li a.Who:focus
{
    background-position: 0 -90px;
}
/*
The sub-menu links. We set color and turn off the right border, which
would otherwise be inherited from the root link rule. We set top and 
bottom padding less than the root items and increas the left padding
to indent the sub-menu links a small amount in from the root links.
*/
#menuAbout ul li a  
{
    font-family: arial, helvetica, sans-serif;
    font-size:9pt;
	color: #565656;
	vertical-align:middle;
	padding: 6px 0px 0px 12px;
	width:140px;
}
#menuAbout ul li a:hover  
{
    background-color:#D2D2D2;
}
#menuAbout li ul
{
    position: absolute;
    left: -999em;
	width: 140px;
}
/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
*/
#menuAbout li:hover ul, #menuAbout li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
The color set should march the normal Sub-Level link color
in the rule: #p7menubar ul li a. The background color must be
transparent to allow the underlying gradient background on the UL
to show through.
*/
#menuAbout li:hover ul a, #menuAbout li.p7hvr ul a {
	color: #000000;
}

/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to white.
*/
#menuAbout ul a:hover
{
	color: #000000!important;
	font-weight: bold;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. 
*/
#menuAbout li {width: auto;}

/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.subItemLI {
    border-width:0px 1px 1px 1px;
    border-color:#A7A7A7;
    border-style:solid;
    z-index:500;
}