/* Top Navigation Style */ #wrapper {margin: 0; text-align: left; width: 742px; position:relative; z-index:100;} #headerWrapper {font-size: 11px; color: #000000; font-family: verdana,arial,helvetica,sans-serif;} .cleardiv {clear:both;} /* Start IE specific styles */ * html #headerWrapper {left:0px;} /* +++++++++++++ Begin topNav2 (Header Upper Nav Tier 3) +++++++++++++ */ #topNav2, #topNav2 *{ margin:0; padding:0; font-size:11px; vertical-align:middle; /*font:bold 1em arial;*/} /*opacity:.999; added to prevent flicker from drop down in Firefox on a Mac */ #topNav2 {float:left; margin-bottom:0em; width:750px; line-height: 1.3em; padding-left:0px;} #topNav2 ul {background:#FFFFFF; /*IE6 needs this*/} /*categories/menu default list style*/ #topNav2 li{background:#FFFFFF; border-left:0px solid #859F09; border-top:0px solid #859F09; float:left; list-style:none; position:relative; z-index:1000;} /*categories/menu default a style*/ #topNav2 a {color:#ffffff; display:block; float:left; padding: 15px 0 13px 0; text-decoration:none; border-top:0px solid #990000; /*border-left:1px solid #990000; border-right:1px solid #990000;*/ margin-right:1px;} #topNav2 a:active, #topNav2 a:focus, #topNav2 a:visited {text-decoration:none;} #topNav2 li:hover, #topNav2 li.sfHover, #topNav2 li:hover a.catList, #topNav2 li.sfHover a.catList, #topNav2 li a.catList:focus, #topNav2 li a:hover, #topNav2 li a:active {color:#990000; background:#ffffff; font-weight:bold;} #topNav2 li a:hover {text-decoration:none;} /*style when hovering on categories */ #topNav2 li:hover > a, #topNav2 li.sfHover > a {background:#ffffff; color:#990000; font-weight:bold; text-decoration:none;} #topNav2 * a.catList:hover {color:#990000; font-weight:bold; text-decoration:none; border-top:0px solid #990000; border-left:0px solid #990000; border-right:0px solid #990000;font-family:Arial; letter-spacing:2px;} #topNav2 * a.catList:focus, #topNav2 * a.catList:active {color:#ffffff; font-weight:normal; text-decoration:none; } /* Removing IE exceptions */ /* *html #topNav2 li:hover > a, *html #topNav2 li.sfHover > a, *:first-child+html #topNav2 li:hover > a, *:first-child+html #topNav2 li.sfHover > a {letter-spacing: -0.1em; text-decoration:none;} IE only spacing control */ /* BEGIN width of each category */ .catList {text-decoration:none; font-weight:bold; font-family:Arial; letter-spacing:2px;} .catProducts {text-align: center; width: 185px; background-image:url(http://site.holyfamilyonline.com/graphics/menu-bg.gif); background-repeat:repeat-x;} .catJewelry {text-align: center; width: 185px; /*background-color: #990000;*/ background-image:url(http://site.holyfamilyonline.com/graphics/menu-bg.gif); background-repeat:repeat-x;} .catHolySeasons {text-align: center; width: 185px; /*background-color: #990000;*/ background-image:url(http://site.holyfamilyonline.com/graphics/menu-bg.gif); background-repeat:repeat-x} .catPatronSaints {text-align: center; width: 185px; /*background-color: #990000;*/ background-image:url(http://site.holyfamilyonline.com/graphics/menu-bg.gif); background-repeat:repeat-x} /* +++++++++++++ END width of each category +++++++++++++ */ /* +++++++++++++ END topNav2 (Header Upper Nav Tier 3) +++++++++++++ */ /* +++++++++++++ Begin HUNT 4 (Header Upper Nav Tier 4) +++++++++++++ */ #topNav2 li ul { /* menu default UL setting */ float:none; top:-999em; position:absolute; border-bottom:1px solid #990000; width:185px; margin-top:3px; z-index:1000; padding:8px 5px 5px 5px;} #topNav2 li ul.col1 { /*menu column 1*/ border-left:1px solid #990000;} #topNav2 li ul.col2 { /*menu column 2*/ margin-left:180px; border-right:1px solid #990000; background: #fff url(http://site.holyfamilyonline.com/graphics/dot_vert.gif) 0 repeat-y;} #topNav2 li ul.col3 { /*menu column 3*/ margin-left:360px; border-right:1px solid #990000; background: #fff url(http://site.holyfamilyonline.com/graphics/dot_vert.gif) 0 repeat-y;} #topNav2 li ul.col4 { /*menu column 4*/ margin-left:540px; border-right:1px solid #990000; background: #fff url(http://site.holyfamilyonline.com/graphics/dot_vert.gif) 0 repeat-y;} /* BEGIN menu LI LI styling */ #topNav2 li li {background:#fff; padding-left:6px; padding-top:3px; line-height:13px;} #topNav2 li li a {float:none; width:155px; padding:2px 0px 2px 6px; border:0px solid #fff; margin:0; color:#990000; text-decoration:none; font-weight:normal;} #topNav2 li li a:hover {border:0px solid #fff; background:#fff; position:relative; padding-bottom:2px; top:0px; text-decoration:underline; font-weight:normal;} #topNav2 li li:hover > a, #topNav2 li li.sfHover > a {color:#990000; padding-bottom:2px; font-weight:normal; text-decoration:underline;} /* Removing IE exceptions */ /* *html #topNav2 li li:hover > a, *html #topNav2 li li.sfHover > a, *:first-child+html #topNav2 li li:hover > a, *:first-child+html #topNav2 li li.sfHover > a {letter-spacing: 0; text-decoration:underline;} IE only spacing control*/ /* this is to insure that the drop down menu stays on top of an embeded flash object (not needed because of how we embed the flash) embed, object { position: relative; z-index: 0; } */ /* +++++++++++++ END menu styling +++++++++++++ */ /* +++++++++++++ BEGIN these styles determines the position and height of the menu +++++++++++++ */ #topNav2 li:hover ul, ul#topNav2 li.sfHover ul {left:0px; /*top:22px;*/top:40px;} #topNav2 li:hover ul.productsNav, ul#topNav2 li.sfHover ul.productsNav {height:335px;} #topNav2 li:hover ul.jewelryNav, ul#topNav2 li.sfHover ul.jewelryNav {height:280px;} #topNav2 li:hover ul.holyseasonsNav, ul#topNav2 li.sfHover ul.holyseasonsNav {height:215px;} #topNav2 li:hover ul.patronsaintsNav, ul#topNav2 li.sfHover ul.patronsaintsNav {left:-536px; height:175px;} /* For Find Out hdr */ #topNav2 li:hover ul.eaNav, ul#topNav2 li.sfHover ul.eaNav {/*height:330px;*/padding-bottom:20px; border-right:1px solid #859F09;} #topNav2 li:hover ul.advNav, ul#topNav2 li.sfHover ul.advNav {/*height:227px;*/padding-bottom:20px; border-right:1px solid #859F09;} #topNav2 li:hover ul.odsNav, ul#topNav2 li.sfHover ul.odsNav {/*height:258px;*/padding-bottom:20px; border-right:1px solid #859F09;} #topNav2 li:hover ul.eventsNav, ul#topNav2 li.sfHover ul.eventsNav {height:60px; padding-bottom:20px; border-right:1px solid #859F09;} #topNav2 li:hover ul.familiesNav, ul#topNav2 li.sfHover ul.familiesNav {height:60px; padding-bottom:20px; border-right:1px solid #859F09;} #topNav2 li:hover ul.youthNav, ul#topNav2 li.sfHover ul.youthNav {height:60px; padding-bottom:20px; border-right:1px solid #859F09;} #topNav2 li:hover ul.volNav, ul#topNav2 li.sfHover ul.volNav {height:60px; padding-bottom:20px; border-right:1px solid #859F09; left:-66px;} #topNav2 li:hover li ul, #topNav2 li.sfHover li ul {top:-999em;} #topNav2 li li:hover ul, /* pure CSS hover is removed below */ ul#topNav2 li li.sfHover ul {left:9.45em; top:-1px; width:9.45em;} /* +++++++++++++ END these styles determines the position and height of the menu +++++++++++++ */ #topNav2 li li.subTitle {font-weight:bold; color:#333333; padding-left: 12px; padding-top:5px; padding-bottom:2px;} #topNav2 img.dotHori {padding:9px 0px 3px 8px;} #topNav2 li li.catCatchAll {padding-top:10px; margin-top:13px; background: #fff url(http://site.holyfamilyonline.com/graphics/dot_horiz_several.gif) 14px 0px no-repeat;} /* +++++++++++++ END drop down nav style, i.e. END HUNT 4 (Header Upper Nav Tier 4) +++++++++++++ */ /* ++++++++ END Header navigation ++++++++++ */ /* Start IE specific styles */ * html .rei #topNav2 * a.catList:focus, * html .rei #topNav2 * a.catList:active {color:#990000; font-weight:bold;} /* same for all sites */ * html #topNav2 li:hover > a, * html #topNav2 li.sfHover > a, *:first-child+html #topNav2 li:hover > a, *:first-child+html #topNav2 li.sfHover > a {letter-spacing: -0.1em; text-decoration:none; /*IE only spacing control */} * html #topNav2 li li:hover > a, * html #topNav2 li li.sfHover > a, *:first-child+html #topNav2 li li:hover > a, *:first-child+html #topNav2 li li.sfHover > a {letter-spacing: 0; text-decoration:underline; /* IE only spacing control*/} /* END IE specific styles */