/* CSS Menu Document */ /*MAIN MENU*/ #main_menu ul{ float:left; margin:0px; padding:0px; display:block; height:37px; list-style:none; z-index:8; } #main_menu li{ margin:0px; padding:0px; float:left; position:relative; } #main_menu ul li, #main_menu ul a { padding:0px; margin:0px 0px 0px 5px; display:block; height:28px; } /*MENU ITEMS*/ #menu_home, #menu_home_on{float:right; } #menu_connected, #menu_connected_on{float:right; } #menu_belong, #menu_belong_on{float:right; } #menu_worship, #menu_worship_on{float:right;} #menu_blog, #menu_blog_on{float:right;} #menu_ministries, #menu_ministries_on{float:right;} #menu_resources, #menu_resources_on{float:right; } #menu_about, #menu_about_on{float:right;} #menu_home a, #menu_home a:visited{display:block; text-indent:-9999px; width:56px; background: url(http://www.nbschurch.com/images/menu_images/home.jpg) no-repeat 0px 0px; } #menu_connected a, #menu_connected a:visited{display:block; text-indent:-9999px; width:65px; background: url(http://www.nbschurch.com/images/menu_images/events.jpg) no-repeat 0px 0px;} #menu_belong a, #menu_belong a:visited{display:block; text-indent:-9999px; width:145px; background: url(http://www.nbschurch.com/images/menu_images/connect.jpg) no-repeat 0px 0px;} #menu_worship a, #menu_worship a:visited{display:block; text-indent:-9999px; width:58px; background: url(http://www.nbschurch.com/images/menu_images/media.jpg) no-repeat 0px 0px;} #menu_blog a, #menu_blog a:visited{display:block; text-indent:-9999px; width:53px; background: url(http://www.nbschurch.com/images/menu_images/blog.jpg) no-repeat 0px 0px;} #menu_ministries a, #menu_ministries a:visited{display:block; text-indent:-9999px; width:90px; background: url(http://www.nbschurch.com/images/menu_images/min.jpg) no-repeat 0px 0px;} #menu_resources a, #menu_resources a:visited{display:block; text-indent:-9999px; width:98px; background: url(http://www.nbschurch.com/images/menu_images/resour.jpg) no-repeat 0px 0px;} #menu_about a, #menu_about a:visited{display:block; text-indent:-9999px; width:88px; background: url(http://www.nbschurch.com/images/menu_images/about.jpg) no-repeat 0px 0;} #menu_home_on a, #menu_home_on a:visited{display:block; text-indent:-9999px; width:56px; background: url(http://www.nbschurch.com/images/menu_images/home.jpg) no-repeat 0px -30px;} #menu_connected_on a, #menu_connected_on a:visited{display:block; text-indent:-9999px; width:65px; background: url(http://www.nbschurch.com/images/menu_images/events.jpg) no-repeat 0px -30px ;} #menu_belong_on a, #menu_belong_on a:visited{display:block; text-indent:-9999px; width:145px; background: url(http://www.nbschurch.com/images/menu_images/connect.jpg) no-repeat 0px -30px ;} #menu_worship_on a, #menu_worship_on a:visited{display:block; text-indent:-9999px; width:58px; background: url(http://www.nbschurch.com/images/menu_images/media.jpg) no-repeat 0px -30px;} #menu_blog_on a, #menu_blog_on a:visited{display:block; text-indent:-9999px; width:53px; background: url(http://www.nbschurch.com/images/menu_images/blog.jpg) no-repeat 0px -30px;} #menu_ministries_on a, #menu_ministries_on a:visited{display:block; text-indent:-9999px; width:90px; background: url(http://www.nbschurch.com/images/menu_images/min.jpg) no-repeat 0px -30px;} #menu_resources_on a, #menu_resources_on a:visited{display:block; text-indent:-9999px; width:98px; background: url(http://www.nbschurch.com/images/menu_images/resour.jpg) no-repeat 0px -30px;} #menu_about_on a, #menu_about_on a:visited{display:block; text-indent:-9999px; width:88px; background: url(http://www.nbschurch.com/images/menu_images/about.jpg) no-repeat 0px -30px;} /*MENU ROLLOVERS*/ #menu_home a:hover, #menu_home a.sfhover, #menu_home a:active, #main_menu ul li:hover a#home, #main_menu ul li.sfhover a#home, #main_menu ul li.over a#home{ background: url(http://www.nbschurch.com/images/menu_images/home.jpg) no-repeat 0px -30px;} #menu_connected a:hover, #menu_connected a.sfhover, #menu_connected a:active, #main_menu ul li:hover a#connected, #main_menu ul li.sfhover a#connected, #main_menu ul li.over a#connected{ background: url(http://www.nbschurch.com/images/menu_images/events.jpg) no-repeat 0px -30px ;} #menu_belong a:hover, #menu_belong a.sfhover, #menu_cbelong a:active, #main_menu ul li:hover a#belong, #main_menu ul li.sfhover a#belong, #main_menu ul li.over a#belong{ background: url(http://www.nbschurch.com/images/menu_images/connect.jpg) no-repeat 0px -30px ;} #menu_worship a:hover, #menu_worship a.sfhover, #menu_worship a:active, #main_menu ul li:hover a#worship, #main_menu ul li.sfhover a#worship, #main_menu ul li.over a#worship{ background: url(http://www.nbschurch.com/images/menu_images/media.jpg) no-repeat 0px -30px;} #menu_blog a:hover, #menu_blog a:active, #main_menu ul li:hover a#blog, #main_menu ul li.over a#blog{ background: url(http://www.nbschurch.com/images/menu_images/blog.jpg) no-repeat 0px -30px;} #menu_ministries a:hover, #menu_ministries a:active, #main_menu ul li:hover a#ministries, #main_menu ul li.over a#ministries{ background: url(http://www.nbschurch.com/images/menu_images/min.jpg) no-repeat 0px -30px;} #menu_resources a:hover, #menu_resources a:active, #main_menu ul li:hover a#resources, #main_menu ul li.over a#resources{ background: url(http://www.nbschurch.com/images/menu_images/resour.jpg) no-repeat 0px -30px;} #menu_about a:hover, #menu_about a:active, #main_menu ul li:hover a#about, #main_menu ul li.over a#about{ background: url(http://www.nbschurch.com/images/menu_images/about.jpg) no-repeat 0px -30px;} #menu_home_on a:hover, #menu_home_on a:active{ background: url(http://www.nbschurch.com/images/menu_images/home.jpg) no-repeat 0px 0px;} #menu_connected_on a:hover, #menu_connected_on a:active {background: url(http://www.nbschurch.com/images/menu_images/events.jpg) no-repeat 0px 0px ;} #menu_cbelong_on a:hover, #menu_belong_on a:active {background: url(http://www.nbschurch.com/images/menu_images/connect.jpg) no-repeat 0px 0px ;} #menu_worship_on a:hover, #menu_worship_on a:active{ background: url(http://www.nbschurch.com/images/menu_images/media.jpg) no-repeat 0px 0px;} #menu_blog_on a:hover, #menu_blog_on a:active{ background: url(http://www.nbschurch.com/images/menu_images/blog.jpg) no-repeat 0px 0px;} #menu_ministries_on a:hover, #menu_ministries_on a:active{ background: url(http://www.nbschurch.com/images/menu_images/min.jpg) no-repeat 0px 0px;} #menu_resources_on a:hover, #menu_resources_on a:active{ background: url(http://www.nbschurch.com/images/menu_images/resour.jpg) no-repeat 0px 0px;} #menu_about_on a:hover, #menu_about_on a:active{ background: url(http://www.nbschurch.com/images/menu_images/about.jpg) no-repeat 0px 0px;} /*MENU 2nd LEVEL*/ #main_menu ul li ul{ display:none; margin:0px; padding:0px; } #main_menu ul li:hover ul, #main_menu ul li.sfhover ul{ margin:0px; padding:0px 0px 17px 0px; display:block; width:195px; visibility:visible; position:absolute; } #main_menu ul li:hover #align_right, #main_menu ul li.sfhover #align_right{ right:0px; } #main_menu ul li ul li{ display:block; margin:0px; padding:0px; width:195px; height:27px; background:#222222; overflow:hidden; position:relative; } /*2nd LEVEL ITEMS*/ #main_menu ul li ul li a, #main_menu ul li ul li a:visited{ display:block; width:194px; height:21px; background:none; text-indent:0px; margin:0px; padding:5px 0px 0px 8px; color:#fff; font:.9em Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; word-spacing:-.05em; text-decoration:none; border-bottom: 1px dashed #666666; } /*2nd LEVEL ROLLOVERS*/ #main_menu ul li ul li a:hover, #main_menu ul li ul li a.sfhover, #main_menu ul li ul li a:active{ width:194px; height:21px; background:none; } /*Safari Hack :: Bottom of File */ #menu li.over ul{ margin:0px; padding:0px 0px 17px 0px; display:block; width:160px; visibility:visible; position:absolute; } #menu li.over #align_right{ right:-1px; } #menu li.over ul li a, #menu li.over ul li a:visited{ margin:0px; padding:5px 0px 0px 8px; height:21px; width:150px; } #menu_title{ width:194px; height:21px; background:none; text-indent:0px; margin:0px; padding:5px 0px 0px 8px; color:#fff; background:#0773AC; font:.9em Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; word-spacing:-.05em; text-decoration:none; } /*SUBMENU*/ #submenu ul{ z-index:10; float:right; margin:30px 0 0 0; padding:0px; display:block; width:311px; list-style:none; position:relative; } #submenu li{ margin:0px; padding:0px; float:left; position:absolute; top: -1px; } #submenu ul li, #submenu ul a { margin:0px; padding:0px; display:block; height:28px; } /*SUBMENU ITEMS*/ #menu2_service{ left:-10px; } #menu2_contact{ left:200px; } #menu2_faqs{ left:249px; } #menu2_service a, #menu2_service a:visited{display:block; width:198px; text-indent:-9999px; background:url(http://www.nbschurch.com/images/png/stl_btn.gif) no-repeat} #menu2_contact a, #menu2_contact a:visited{display:block; width:100px; text-indent:-9999px; background: url(http://www.nbschurch.com/images/png/cnt_btn.gif) no-repeat } #menu2_faqs a, #menu2_faqs a:visited{display:block; width:59px; height:28px; text-indent:-9999px; background: url(http://www.nbschurch.com/images/png/faq_btn.gif) no-repeat ;} /*SUBMENU ROLLOVERS*/ #menu2_service a:hover, #menu2_service a:active, #submenu ul li:hover a#service, #submenu ul li.over a#service{ background:url(http://www.nbschurch.com/images/png/stl_btn_hover.gif) no-repeat;} #menu2_contact a:hover, #menu2_contact a:active, #submenu ul li:hover a#contact, #submenu ul li.over a#contact{background: url(http://www.nbschurch.com/images/png/cnt_btn_hover.gif) no-repeat;} #menu2_faqs a:hover, #menu2_faqs a:active, #submenu ul li:hover a#faqs, #submenu ul li.over a#faqs{background: url(http://www.nbschurch.com/images/png/faq_btn_hover.gif) no-repeat;} /*SUBMENU 2nd LEVEL*/ #submenu ul li ul{ display:none; margin:0px; padding:0px; } #submenu ul li:hover ul, #menu2 li.over ul{ margin:0px; padding:0px 0px 11px 0px; display:block; width:311px; visibility:visible; position:absolute; background:url(http://www.nbschurch.com/images/png/submenu_caps.png) no-repeat bottom; } #submenu ul li:hover #align_left, #submenu ul li.over #align_left{ left:-209px; } #submenu ul li:hover ul .menu_top, #menu2 li.over ul .menu_top{display:block; margin:0px; padding:0px; width:311px; height:11px; background:url(http://www.nbschurch.com/images/png/submenu_caps.png) no-repeat top; border:none;} #submenu ul #menu2_contact:hover ul .menu_top, #menu2 #menu2_contact.over ul .menu_top{background:url(http://www.nbschurch.com/images/png/submenu_caps.png) no-repeat 0px -11px;} #submenu ul li ul li{ display:block; margin:0px; padding:0px; width:311px; height:121px; background:#65b2c4; overflow:hidden; position:relative; } /*CONTENT MENU*/ #content_menu ul{ margin:0px; padding:0px; display:block; width:273px; list-style:none; text-align:right; } #content_menu li{margin:0px; padding:0px; position:relative;} #content_menu ul a, #content_menu ul a:visited{ margin:0px; padding:6px 20px 0px 0px; display:block; width:253px; height:20px; color:#CEEBF2; text-decoration:none; } #content_menu ul li.menu3_on{color:#EAF7F9; background:url(http://www.nbschurch.com/gui/content_menu.gif) repeat-x;} #content_menu ul a:hover{background:url(http://www.nbschurch.com/gui/content_menu.gif) repeat-x 0px -26px;} #content_menu ul li.menu3_on a:hover{color:#EAF7F9; background:url(http://www.nbschurch.com/gui/content_menu.gif) repeat-x;} /*Safari Hack: Reveals menu roll-overs on all but Safari */ #main_menu ul li ul li a:hover, #main_menu ul li ul li a:active{background:#00b0d8; color:#FFFFFF;#}