css
Hi
Here is the css page of the website. It has no body tag, I cannot find a tag that is overriding the body tag, unless it is one of the other background images, I think they are in the main content. here is the link to my website again
http://www.ilariahonsinger.org/Miri Lee maybe you can look at it This is: menu_megaSubs1.css
/****[Main Menu]****/
/*Main Menu Container*/
.nfMain {}
/*Items*/
.nfMain .nfItem {height:200px;}
#image1 {position: absolute; top:-100px; left:1px;}
#text1 {position: absolute; top:5px; right:-300px;}
h1{font-family: Century Gothic,Impact, sans serif;}
#trans {
filter:alpha(opacity=50);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
/*Item Links*/
.nfMain .nfLink {width:131px;text-align:center;padding:15px 0px 30px 0px;font-family:Arial;font-size:1em;color:#fff;text-decoration:none;}
/*Item Links - Hover (duplicate styles below!)*/
.nfPure .nfItem:hover>.nfLink, .nfPure .nfItem:hover>*>.nfLink {text-decoration:none;}
.nfPure .nfLink:hover, .nfMain .nfJSHover {text-decoration:none;}
/*Items - Active (Pure CSS Mode Only)*/
.nfPure .nfItem:hover {background:transparent url('../../images/gallery/menu/megaSubs1/hlBox.gif') no-repeat top;}
/*Items - Active*/
.nfMain .nfJSActiveItem {background:transparent url('../../images/gallery/menu/megaSubs1/hlBox.gif') no-repeat top;}
/*Item Links - Active*/
.nfMain .nfItem .nfJSActive {color:#333;background:transparent url('../../images/gallery/menu/megaSubs1/downArrow.gif') no-repeat 50% 100%;}
/*Item Links - Focus*/
.nfPure .nfLink:focus, .nfMain .nfItem .nfJSFocus {}
/*Item Links - Breadcrumbs*/
.nfMain .nfItem .nfJSBreadcrumb {color:#00f;}
/****[Sub Menus]****/
/*Sub Menu Position Offsets*/
.nfMain .nfSubC {margin:0px 0px 0px 0px;}
/*Sub Menu Styles*/
.nfMain .nfSubS {}
/*Items*/
.nfMain .nfSubC .nfItem {}
/*Item Links*/
.nfMain .nfSubS .nfLink {padding:0px;height:400px;width:800px;background:transparent url('../../images/gallery/menu/megaSubs1/megaBG.gif') no-repeat top;}
/*Item Links - Hover (duplicate styles below!)*/
.nfMain .nfSubC .nfItem:hover>.nfLink {}
.nfMain .nfSubC .nfLink:hover, .nfMain .nfSubC .nfJSHover {}
/*Item Links - Active*/
.nfMain .nfSubS .nfItem .nfJSActive {}
/*Item Links - Focus*/
.nfPure .nfSubS .nfLink:focus, .nfMain .nfSubS .nfItem .nfJSFocus {}
/*Item Links - Breadcrumbs*/
.nfMain .nfSubS .nfItem .nfJSBreadcrumb {}
This is menu_core.css, that I am using as well.
.nfMain, .nfSubC, .nfSubS{list-style:none;margin:0px;padding:0px;}
.nfMain{position:relative;z-index:1;}
.nfMain .nfSubC{visibility:hidden;position:absolute;}
.nfMain .nfItem, .nfMain .nfLink{list-style:none;position:relative;display:block;white-space:nowrap;margin:0px;}
.nfMain:after{content: ".";display:block;height:0px;clear:both;overflow:hidden;}
.nfPure .nfItem:hover, .nfPure .nfItem:hover>.nfSubC{z-index:1101;visibility:inherit;}
.nfPure .nfLink:focus{z-index:1102;}
.nfMain .nfJSActiveItem{z-index:1101;}
.nfMain .nfJSShowSub{z-index:1101;visibility:inherit;}
.nfMain .nfItem div.nfLink {cursor:default;}
.nfMain .nfItem {float:left;}.nfMain .nfItem .nfItem {float:none;}.nfMain .nfItem .nfSubC {top:100%;left:0px;width:auto;}.nfMain .nfSubC .nfItem .nfSubC {top:0px;left:100%;width:auto;}