/* CSS Document */
/* Main Menu Container */
#menu_container { position: absolute; left: 0px; top:101px; }
#menu_wrapper { width: 978px; margin: 0px auto; display:block; }
#menu { list-style:none; background: url(menu.png) left bottom repeat-x; float:left; width:896px; }
#menu li { float: left; position: relative; background:url(menu_li.gif) right 13px no-repeat; padding: 0 2px 0 0; }
#menu li a { float:left; display:block; color:#FFDF73; text-decoration:none; text-transform:lowercase; position:relative; font-size:12px; }
#menu li.last { background:none; }
#menu li a strong { height:40px; padding:10px 20px 0; line-height: 40px; display: block; float: left; cursor: pointer; font-weight: normal; }
#menu li#first a, #menu li#after_current a { background:none; }
#menu li#after_current a strong { padding-left: 0px; }
#menu li.selected a, #menu li.selected.has_sub_over a, #menu li.over a { background: url(menu_li_selected_a.gif) no-repeat right bottom; }
#menu li.has_sub_over a { margin-left:10px; background:url(li-has_sub_over-a.png) no-repeat right 0px; }
#menu_container li.selected a strong, #menu_container li.selected.has_sub_over a strong, #menu_container li.over a strong { background: url(menu_li_selected_a_strong.gif) no-repeat left bottom; padding: 10px 20px 0px 20px; }
#menu_container li.has_sub_over a strong { margin-left:-10px; background:url(li-has_sub_over-a-strong.png) no-repeat left 0px; }
	
#menu_container #menu_start { float: left; display:block; height:50px; width:14px; border:none; position:relative; background: url(menu_start.png) left bottom no-repeat; }
#menu_container #menu_end { float: left; display:block; height:50px; width:16px; position:relative; background: url(menu_end.png) left bottom no-repeat; }

#menu li ul { display:none; }
#menu li ul li a { color:#FFF; }

#menu li.has_sub_over { z-index:200; }
#menu li.has_sub_over ul { display: block; width:198px; left:0px; margin:-1px 0px 0px -2px; padding:9px 9px 18px 9px; background:url(li-has_sub_over-ul.png) repeat-x left bottom; }
#menu li.has_sub_over ul li { display:block; float:none; background:none; height:auto; }
#menu li.has_sub_over ul li a { background:none; color:#FFDF73; width:171px; padding-left:9px; }
#menu li.has_sub_over ul li a:hover { background:url(li-has_sub_over-ahover.png) no-repeat center center; }
#menu li.has_sub_over ul li.selected a strong { background:none; }
#menu li.has_sub_over ul li a strong { height:auto; line-height:27px; }

#menu ul li.over a:hover, #menu ul li.has_sub_over a:hover { text-decoration:none; }
#menu li.selected ul li a, #menu li.selected ul li a strong {background:none; }
#menu li.has_sub_over ul ul, #menu li.selected ul li ul { display:none; }
 
#menu ul { position:absolute; display:none; margin:0px; padding:0px; top:50px; left:0px; width:960px; }
#menu ul ul { top:0; left:200px; }
#menu ul li { display:block; float:left; position:relative; width:200px; padding:0; height:auto; }
#menu ul li.last { border-bottom: none !important; }

#menu li.has_sub li a strong { font-weight:normal; padding:0px 15px; background:none; }
#menu li.selected, #menu li.selected.has_sub_over { position:static; }
#menu li.selected ul, #menu li.selected.has_sub_over ul { display:block; width:960px; background:none; left:0px; margin:-1px 0 0 0; padding:0; z-index:20; }
#menu li.selected ul ul, #menu li.selected.has_sub_over ul ul { display:none; }
#menu li.selected ul li, #menu li.selected.has_sub_over ul li { float:left; width:auto; margin:0px; padding: 0 2px 0 0; background: url(sub_menu_li.gif) right bottom no-repeat; }
#menu li.selected ul li a, #menu li.selected.has_sub_over ul li a { float:left; display:block; color:#FFFFFF; text-decoration:none; text-transform:lowercase; position:relative; font-size:11px; width:auto; margin:0px; padding:0px; background:none; }
#menu li.selected ul li a strong, #menu li.selected.has_sub_over ul li a strong { display:block; margin:0px; padding:0px 15px; float:left; font-weight:normal; line-height:40px; height:40px; cursor:pointer; background:none; }

#menu li ul li.selected.has_sub_over a strong { padding:0px 15px; }

#menu li.selected ul li.selected a { background: url(li_selected_a.gif) right bottom no-repeat; }
#menu li.selected ul li.selected a strong { background: url(li_selected_strong.gif) left bottom no-repeat; color:#435018; }