/* ==================NAVIGATION MENU STYLE RULES ================================== */

.menu {
    padding:0;
    margin:0;
    font-size: 13px;
    font-weight:bold;
}


.menu li {
	position: relative;
	padding: 0 1em;
	line-height:2em;
	list-style: none outside;
	float:left;
	white-space:nowrap;
        background: #555A61;
        
}

.menu li ul {
	position: relative;
	padding: 0 0.5em;
	line-height:2em;
	list-style: none outside;
	float:left;
	white-space:nowrap;
        background: #555A61;
}


.menu li a, .menu li a:link, .menu li a:visited {
    color: #fafafa;
    text-decoration:none;
}

.menu > li > ul { /* Hide the first child ul from view and apply some style to it.*/
	position:absolute;
	/*width:200px;*/
	width: 260px;
	display:none;
	left:0;
	top:2em;
	z-index:10;
}

.menu li ul.firstchild { /* Clone of the above for ie6 */
	position:absolute;
	/*width:200px;*/
	width: 260px;
	display:none;
	left:0;
	top:2em;
	z-index:10;
}


.menu li:hover ul, .menu li.over ul.firstchild { /* Show the block on hover */
	display:block;
	
        
        
}

.menu ul li, .menu ul ul { /* Remove any inherited positioning from subordinate levels. */
	position:static;
}

.menu ul ul {
	/*padding-left:1em;*/
	/*padding-left:1em;*/
	
}


/*2nd level menu items */
.menu ul ul li .menu li.menu-item ul.sub-menu li ul.sub-menu li{
    text-indent: 25px;
}

/*3rd level menu items*/
.menu li.menu-item ul.sub-menu li ul.sub-menu li{
     text-indent: 35px;
    
}


/*4th level menu items */
.menu li.menu-item ul.sub-menu li ul.sub-menu li ul.sub-menu li {
    text-indent: 47px;
    
}



.menu li li {
	text-indent:1em;
	float:none;
	width:100%;
	padding:0;
	position:static;
	white-space:nowrap;
}


.menu li li a {
    display:block;
    width: 100%;
}

/*===========IE 7 FIXES ==============*/

.menu li.menu-item ul.sub-menu li {
    width: 100%
}


/*2nd Level menu items*/
.menu li.menu-item ul.sub-menu li ul{
    display: inline-block;
    width: 100%;
} 

/*===================================*/

.menu ul {
	background-color: #ccc;
}

.menu li:hover, .menu li.over {
	background-color:#999;
}


/*fix for excessive left and right padding in submenu items*/
.menu ul.sub-menu{
    padding:0 0 0 0;
}



/*Style rules for "Home" option in any menu contained in div#navbar */

div#navbar .menu li a[title=home] {
    background: url('../images/home.png') no-repeat left 5px ;
    padding-left: 26px;
    display: inline-block;
    width: 100%;
    margin-left: -14px;
}



div#navbar .menu li.menu-item-home:hover {
    background-color:#999;
}

/* ============END OF NAVIGATION MENU STYLE RULES ================================== */