@charset "UTF-8";

/* BEGIN HORIZONTAL DROP-MENU */
#navbar{
position:relative;
width: 100%;
margin: 0 auto;
padding:0;
/*float: right;*/
}

#navbar li {
list-style: none;
font-size: 11px;
float: right;
text-align:right;
}

/**top level menu**/
#navbar li a {
display: block;
text-decoration: none;
color: #165194;
width: 8em; /* adjust as needed or use auto */
padding: 4px;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #fff;
font-weight:400;
text-align:center;
margin: 0px 0px 0px 3px;
}

/**top menu style on mouse over**/
#navbar li a:hover {
background: #165194;
color: #fff;
}

/**sub-menu**/
#navbar li ul {
display: none;
background-color: #fff;
color: #165194;
text-align:right;
}

/*#navbar li:hover ul li ul {
	display: none;
	position: absolute;
	top:25px;
	left:244px; 
	width:105px;*/ 
}

#navbar li:hover ul li ul li a {
	position: absolute;
	top:25px;
	left:244px; 
	width:105px;
}

/**sub-menu, help for IE6 JavaScript**/
#navbar li:hover ul,
#navbar li.hover ul {
display: block;
position: absolute;
margin-left:-6.5em; /**half of drop-menu width below**/
padding: 0;
}

#navbar li:hover li,
#navbar li.hover li {
float: none;
margin: 0px 0px 0px 0px;

}

/**drop-menu style**/
#navbar li:hover li a,
#navbar li.hover li a {
color: #165194;
background-color: #fff;
border-bottom: 1px solid #FFF;
width: 13em; /*adjust width and margin-left above as needed */
text-align:right;
padding: 4px 25px 4px 3px;
margin: 0px 0px 0px 0px;
}

/**drop-menu style on mouse over**/
#navbar li li a:hover {
color: #fff;
background-color: #165194;
}

/* flyout menu */
/* displays and positions the menu */
#navbar ul li:hover ul{
	position: absolute;
	top:25px;
	left:244px; 
	width:105px;
}

#navbar li {
    display:  none;
}

#navbar > li {
    display: list-item;
}

#navbar li:hover > ul > li {
    display: list-item;
}

/**clear menu floats after ul**/
.clearing {clear:both; height: 1px; visibility: hidden;}