/* NAVIGATION MENUS - MAIN */

#main_navigation { position: relative; z-index: 2;}

ul#drop_menu { padding: 0px; margin: 0px; height: 26px; list-style: none; width: 566px;  z-index: 15; color:red;}
ul#drop_menu a { display: inline; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: middle; } 
ul#drop_menu li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; text-decoration: none; }
ul#drop_menu li a { display: block; background-color: inherit; color:pink; text-align: center; text-decoration: none; padding-top: 4px; height: 43px; background: url(../images/layout/nav/nav_button_background.jpg) repeat-x; position: absolute; }

ul#drop_menu #heop_main_current,  ul#drop_menu #heop_main        { width: 186px; left:   0px; }
ul#drop_menu #cstep_main_current, ul#drop_menu #cstep_main             { width: 184px; left: 187px; }
ul#drop_menu #step_main_current,  ul#drop_menu #step_main         { width:  196px; left: 372px; }

/* replace navigation text with background images */

ul#drop_menu #heop_main_current span.text,   ul#drop_menu #heop_main span.text,
ul#drop_menu #cstep_main_current span.text,  ul#drop_menu #cstep_main span.text,
ul#drop_menu #step_main_current span.text,   ul#drop_menu #step_main span.text{ display: none; }

/* set navigation menu background images */

ul#drop_menu #heop_main_current, ul#drop_menu li:hover #heop_main,
ul#drop_menu li.CSStoHighlight #heop_main   { background: url(../images/layout/nav/nav_heop-over.gif) repeat-x left top;  }
ul#drop_menu #heop_main                     { background: url(../images/layout/nav/nav_heop.gif) repeat-x left top;       }

ul#drop_menu #cstep_main_current, ul#drop_menu li:hover #cstep_main,
ul#drop_menu li.CSStoHighlight #cstep_main        { background: url(../images/layout/nav/nav_cstep-over.gif) repeat-x left top;}
ul#drop_menu #cstep_main                          { background: url(../images/layout/nav/nav_cstep.gif) repeat-x left top;}

ul#drop_menu #step_main_current, ul#drop_menu li:hover #step_main,
ul#drop_menu li.CSStoHighlight #step_main    { background: url(../images/layout/nav/nav_step-over.gif) repeat-x left top;}
ul#drop_menu #step_main                      { background: url(../images/layout/nav/nav_step.gif) repeat-x left top;}


/* display the currently selected tab ('selected') permanently but put it UNDER the other tabs so that focusing on other tabs will overlap the currently selected one */

ul#drop_menu li.selected { z-index: 1; }
ul#drop_menu li.selected ul { display: block; margin-bottom: 27px; }
ul#drop_menu li { z-index: 2; }

/* NAVIGATION MENUS - SECOND LEVEL */

ul#drop_menu ul { padding: 4px 10px 0px 10px; margin:0px; margin-bottom:3px; width:566px; list-style:none; position:absolute; top:43px; height:43px; border-bottom: 0px solid #000; color: inherit; background-color: inherit; background-image: url(../images/layout/nav/subnav_bg.gif) !important; background-repeat: repeat-x; } /* replace the bg image and color*/

ul#drop_menu ul li   { max-width: 180px; text-align: left; }
ul#drop_menu ul li a { text-align: left; white-space: nowrap; }
/* b94804  73766f*/

ul#drop_menu ul li   { padding: 2px 0px 2px 0px; margin: 0px 8px 0 1px; display: block; float: left; background-image: none; color: inherit; background-color: inherit; text-decoration: none; }
ul#drop_menu ul li a { padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; height: 20px; background-image: none; text-transform: none; font-size: 11px; vertical-align: top; font-weight: normal; color: #b94804; background-color: inherit; text-decoration: none; position: static; /*border-right:1px dotted; */}
ul#drop_menu ul li a:hover { background-image: none; text-transform: none; font-size: 11px; vertical-align: top; color: #73766f; background-color: inherit; position: static; }
ul#drop_menu ul li.i7 a{border-right:none;}

ul#drop_menu ul#heop_sub, ul#drop_menu ul#cstep_sub, ul#drop_menu ul#step_sub{width:549px; overflow:hidden;}

ul#drop_menu ul#heop_sub li {
	margin:5px 0 0 0;
	padding: 0 8px; 
	display: inline;
	border-left: 1px dotted #B94804;
	list-style-type:none;
	background:none;
	height:20px;
	line-height:14px;}
ul#drop_menu ul#heop_sub li.i1{border-left:none;}

ul#drop_menu ul#cstep_sub li {
	margin:5px 0 0 0;
	padding: 0 6px; 
	display: inline;
	border-left: 1px dotted #B94804;
	list-style-type:none;
	background:none;
	height:20px;
	line-height:14px;}
ul#drop_menu ul#cstep_sub li.i1{border-left:none;}



ul#drop_menu ul#step_sub li { /* if your li's float, you can adjust border height w/ line-height */
	margin:5px 0 0 0;
	padding: 0 11px; 
	display: inline;
	border-left: 1px dotted #B94804;
	list-style-type:none;
	background:none;
	height:20px;
	line-height:14px;}
ul#drop_menu ul#step_sub li.i1{border-left:none;}