/* CSS style for dropdown */
#main_menu {
width:960px;
height:50px;
margin:auto;
background:url(../images_pres/main_menu_bkgnd.png) top left repeat-x;
position:relative;
text-align:left;
z-index:101; /*containing element must be higher z-index than dropdown so IE will not break*/
font-family:arial, sans;
white-space:nowrap;
}

#main_menu a {
display:block;
text-decoration:none;
color:white;
padding:2px 13px;
}

#main_menu ul {  /* main menu */
margin:0;
padding:9px 0 0 0;
list-style-type:none;
}

#main_menu li ul { /* sub-menu */
z-index:100;
position:absolute;
top:35px;
left:-9999px; /* hide nested menus until hover */
padding:0;
background:#005229;
border-right:2px black solid;
border-bottom:3px black solid;
}

#main_menu ul li {
padding:0;
margin:0;
}

#main_menu li.parent_item span.parent_item {  /* menu items with sub-items */
background:url(../images_pres/white_triangle.gif) right 5px no-repeat;
padding-right:20px;
}

#main_menu ul li.level_1 {
height:35px;
float:left;
position:relative;
display:block;
font-size:16px;
line-height:20px;
margin-bottom:-5px; /* bottom 5px are invisible until hover */
}

#main_menu ul li.level_2 {
margin:0;
font-size:15px;
}

#main_menu ul li.level_2 {
padding:1px; /* this keeps IE6 from putting extra bottom padding on each item - zero doesn't work */
margin:0;
}

#main_menu ul li.level_2 a {
padding:7px 15px;
}

#main_menu li:hover ul, #main_menu li.sfhover ul { 
left:auto; /* show nested menus on hover */
}

#main_menu a:hover {
color:yellow;
}

#main_menu ul li.level_1:hover {
background:#005229;
}

#main_menu ul ul li.level_2:hover {
/*background:#1a643f;*/
background:#25764d;

}

.active_main_menu_item {
color:yellow !important;
}

.centering {
	float:left;
	position:relative;
	/*left:50%;*/
}
.centering ul {
	position:relative;
	/*left:-50%;*/
}