﻿#menu, #menu ul
{
    height:20px;
    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;
}
#menu 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:20px;
}
#menu li {width:10em;float:left;}
#LeftEnd, #menu li a.home, #menu li a.search, #menu li a.about, #menu li a.dev, #menu li a.register, #menu li a.blog, #menu li a.faq,
#menu li a.home_Focus, #menu li a.search_Focus, #menu li a.about_Focus, #menu li a.dev_Focus, #menu li a.register_Focus, #menu li a.blog_Focus, #menu li a.faq_Focus
{
    background:#FDFDE2;
    color:#000000;
    float: none;
    text-decoration:none;
    width:111px;
    height:20px;
}

#menu li a.home,#menu li a.home_Focus
{
    background: url(images/menu_home.gif) 0 0 no-repeat;
    width: 101px;
}
#menu li a.home_Focus
{
background-position: 0 -20px;
}

#menu li a.search,#menu li a.search_Focus
{
    background: url(images/menu_search.gif) 0 0 no-repeat;
    width: 147px;
}
#menu li a.search_Focus
{
background-position: 0 -20px;
}

#menu li a.about,#menu li a.about_Focus
{
    background: url(images/menu_about.gif) 0 0 no-repeat;
    width: 101px;
}
#menu li a.about_Focus
{
background-position: 0 -20px;
}

#menu li a.register,#menu li a.register_Focus
{
    background: url(images/menu_register.gif) 0 0 no-repeat;
    width: 147px;
}
#menu li a.register_Focus
{
background-position: 0 -20px;
}

#menu li a.faq,#menu li a.faq_Focus
{
    background: url(images/menu_faq.gif) 0 0 no-repeat;
    width: 101px;
}
#menu li a.faq_Focus
{
background-position: 0 -20px;
}

#menu li a.dev,#menu li a.dev_Focus
{
    background: url(images/menu_dev.gif) 0 0 no-repeat;
    width: 187px;
}
#menu li a.dev_Focus
{
background-position: 0 -20px;
}

#menu li a.blog,#menu li a.blog_Focus
{
    background: url(images/menu_blog.gif) 0 0 no-repeat;
    width: 80px;
}
#menu li a.blog_Focus
{
background-position: 0 -20px;
}


#menu li a:hover, #menu li a:hover, #menu li a.home:hover, #menu li a.search:hover, #menu li a.about:hover, #menu li a.register:hover, #menu li a.faq:hover, #menu li a.dev:hover, #menu li a.blog:hover
{
    background-position: 0 -20px;
}
#menu li a:focus, #menu li a:focus, #menu li a.home:focus, #menu li a.search:focus, #menu li a.about:focus, #menu li a.register:focus, #menu li a.faq:focus, #menu li a.dev:focus, #menu li a.blog:focus
{
    background-position: 0 -40px;
}
/*
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.
*/
#menu ul li a  
{
    font-family: arial, helvetica, sans-serif;
    font-size:9pt;
	color: #565656;
	vertical-align:middle;
	padding: 6px 0px 0px 12px;
	width:140px;
}
#menu ul li a:hover  
{
    background-color:#D2D2D2;
}
#menu 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.
*/
#menu li:hover ul, #menu 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.
*/
#menu li:hover ul a, #menu 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.
*/
#menu 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. 
*/
#menu 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;
}

.summary
{
    font-family: arial, helvetica, sans-serif;
    font-size:9pt;
	color: #000000;
	vertical-align:middle;
}
