/* ' ' ' ' ' */ * { margin: 0; padding: 0; } #menu_container { margin: 0 0 0 25px; width: 930px; height: 45px; z-index: 50; } /*855*/ /*880px*/ #menu_container #arts_menu { width:930px; height:45px; display: inline; float: left; font-size:1em; position:relative; z-index:100;border-right:none;} .ie6 #menu_container #arts_menu { width:931px; height:45px; display: inline; float: left; font-size:1em; position:relative; z-index:100;border-right:none;} /* hack to correct IE5.5 faulty box model */ /*731 730*/ /*756px 755px*/ .ie5 #menu_container #arts_menu { width:756px; w\idth:755px;} /* remove all the bullets, borders and padding from the default list styling */ #menu_container #arts_menu ul { padding:0;margin:0;list-style-type:none; font-weight: bold;} #menu_container #arts_menu ul ul { width:120px; font-weight: normal;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ /*120*/ /*125*/ #menu_container #arts_menu li { float:left;width:132px;position:relative;} /* style the links for the top level */ /*120*/ /*125*/ #menu_container #arts_menu a { display:block;font-size:13px;text-decoration:none; color:#fff; width:132px; height:45px; border-bottom: 1px solid #FFF; background:#00AFE6; line-height:45px;} /*110*/ /*115*/ .ie6 #menu_container #arts_menu a { width:123px; height:45px; border-bottom: none; background:#00AFE6; padding-left:10px; line-height:45px;} /* a hack so that IE5.5 faulty box model is corrected */ .ie5 #menu_container #arts_menu a { width:149px; w\idth:138px;} /* style the third level background */ #menu_container #arts_menu ul ul ul a { background:#00AFE6;} /* style the third level hover */ #menu_container #arts_menu ul ul ul a:hover { background:#D8ECEC;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #menu_container #arts_menu ul ul { visibility:hidden;position:absolute;height:0;top:45px;left:0; width:149px;border-top:1px solid #FFF;} /* another hack for IE5.5 */ * html #menu_container #arts_menu ul ul {top:35px;t\op:45px;} /* position the third level flyout menu */ #menu_container #arts_menu ul ul ul { left:149px; top:-1px; width:149px;} /* position the third level flyout menu for a left flyout */ #menu_container #arts_menu ul ul ul.left {left:-149px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ #menu_container #arts_menu table { position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ #menu_container #arts_menu ul ul a { background:#00AFE6; color:#FFF; height:auto; line-height:1em; padding:8px 10px; width:128px;border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html #menu_container #arts_menu ul ul a { width:150px;w\idth:128px; border-bottom: 1px solid #FFF;} /* style the top level hover */ #menu_container #arts_menu a:hover, #menu_container #arts_menu ul ul a:hover { background:#D8ECEC;} #menu_container #arts_menu :hover > a, #menu_container #arts_menu ul ul :hover > a { background:#D8ECEC;} /* make the second level visible when hover on first level list OR link */ #menu_container #arts_menu ul li:hover ul, #menu_container #arts_menu ul a:hover ul{ visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ #menu_container #arts_menu ul :hover ul ul{ visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ #menu_container #arts_menu ul :hover ul :hover ul{ visibility:visible;} #menu_container #arts_menu a.current { background:#91D4CC; } /* ie6 This was causing the "Current" sections dropdown to be hidden?? */ /*#menu_container #arts_menu a.current:hover { background:#91D4CC; color: #FFF; }*/ /* a hack for IE5.6 to stop anchors expanding large */ /*.ie6 #menu_container #arts_menu #pmenu ul li a:link , .ie6 #menu_container #arts_menu #pmenu ul li a:visited , .ie6 #menu_container #arts_menu #pmenu ul li a:hover , .ie6 #menu_container #arts_menu #pmenu ul li a:active { height:auto; line-height:1em; padding:8px 10px; width:128px; }*/ /* a hack for IE5.6 to stop anchors expanding large */ .ie6 #menu_container #arts_menu #pmenu ul li a { height:auto; line-height:1em; padding:8px 10px; width:132px;border-width:0 1px 1px 1px; border-top:1px solid #FFF } #menu_container #arts_menu #pmenu li a { background:url(/shared/images/nav/sprite_template_5.png) no-repeat; text-align:right; padding:0px 10px; } #menu_container #arts_menu #pmenu li a strong { margin-right: 14px; } #menu_container #arts_menu #pmenu li a#home { background-position:0 0;} #menu_container #arts_menu #pmenu li a#home:hover, #menu_container #arts_menu #pmenu li a#home.current {background-position:0 -50px;} #menu_container #arts_menu #pmenu li a#jobs { background-position:-134px 0; } /* -158px */ #menu_container #arts_menu #pmenu li a#jobs:hover, #menu_container #arts_menu #pmenu li a#jobs.current {background-position:-134px -50px;} #menu_container #arts_menu #pmenu li a#news { background-position:-267px 0; } #menu_container #arts_menu #pmenu li a#news:hover, #menu_container #arts_menu #pmenu li a#news.current {background-position:-267px -50px;} #menu_container #arts_menu #pmenu li a#events { background-position:-400px 0; } #menu_container #arts_menu #pmenu li a#events:hover, #menu_container #arts_menu #pmenu li a#events.current {background-position:-400px -50px;} #menu_container #arts_menu #pmenu li a#classifieds { background-position:-533px 0;} #menu_container #arts_menu #pmenu li a#classifieds:hover, #menu_container #arts_menu #pmenu li a#classifieds.current {background-position:-533px -50px;} #menu_container #arts_menu #pmenu li a#directory { background-position:-665px 0; } #menu_container #arts_menu #pmenu li a#directory:hover, #menu_container #arts_menu #pmenu li a#directory.current {background-position:-665px -50px;} #menu_container #arts_menu #pmenu li a#join { background-position:-797px 0; width: 130px; padding-right: 0px; } #menu_container #arts_menu #pmenu li a#join strong { margin-right: 8px; } #menu_container #arts_menu #pmenu li a#join:hover, #menu_container #arts_menu #pmenu li a#join.current {background-position:-797px -50px;} /* style the top level hover #menu_container ul#help a:hover { color:#22ABB1; background:#D8ECEC;} #menu_container ul#help :hover > a { color:#22ABB1;background:#D8ECEC;}*/ /*#menu_container ul#help { margin: 7px 12px 0 0; display: inline; float: right; list-style: none; } #menu_container ul#help li a { display: block; width: 47px; height: 21px; background: url(../images/btns/btnHelp.gif) no-repeat; } #menu_container ul#help li a:hover { background-position: 0 -22px; } #menu_container ul#help span { display: none; }*/ #menu_container ul#help { margin: 0; display: inline; float: right; list-style: none; background-position:-933px 0; width:130px; } #menu_container ul#help li a { display: block; width:130px; height:45px; background:url(/shared/images/nav/sprite_template_5.png) no-repeat; text-align:right; font-size:13px;text-decoration:none; color:#fff; border-bottom: 1px solid #FFF; padding-left:10px; line-height:45px; font-weight:bold; } .ie7 #menu_container ul#help li a { margin-left:-16px; } #menu_container ul#help li a#help { background-position:-937px 0; text-align:right; } #menu_container ul#help li a#help:hover, #menu_container ul#help li a#help.current { background-position:-937px -50px;} /* style the second level links */ #menu_container #arts_menu #pmenu li { float:left; position:relative;} #menu_container #arts_menu #pmenu li li { float:left; width:148px; height:30px; position:relative; } #menu_container #arts_menu #pmenu li li a { background:#42ABF5; text-align:left; } #menu_container #arts_menu #pmenu li li a:hover { background:#D8ECEC; } #menu_container #arts_menu ul ul a { background:none; color:#FFF; height:35px; line-height:30px; text-align:left; padding:8px 10px; width:138px;border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html #menu_container #arts_menu ul ul a { width:150px;w\idth:128px; border-bottom: 1px solid #FFF;} /* style the top level hover */ #menu_container #arts_menu ul ul a:hover { color:#0071BC; background:#D8ECEC;} #menu_container #arts_menu ul ul :hover > a { color:#0071BC;background:#D8ECEC;} /* style the second level background */ #menu_container #arts_menu ul ul a.fly {background:url(/shared/images/btns/arrowFly.gif) top right no-repeat;padding: 8px 10px;} /* style the second level hover */ #menu_container #arts_menu ul ul a.fly:hover { background:url(/shared/images/btns/arrowFlyHover.gif) bottom right no-repeat;} #menu_container #arts_menu ul ul :hover > a.fly { background:url(/shared/images/btns/arrowFlyHover.gif) bottom right no-repeat;}