/* CSS Document */ /* -- blue main nav color #6996c1 red main nav rollover color #981b1e light blue pulldown color #ffffff red pulldown rollover color #981b1e white text #fff first menu class under dropdown style section and 1st and 3rd classes under dropdown hover style is where you would add dividerimage 'url(http://www.fsam.gov/images/nav_global_border.gif) bottom left repeat-x;' if needed for background html>body .menu a.gstyle under dropdown location section is where you change the spacing between each main nav item --*/ /* ----- global navigation ----- */ .menu {width: 900px; font-weight: normal; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-left: 0; background:#6996c1 url(http://www.fsam.gov/images/nav-back.jpg) no-repeat top left;} .menu #gnavlist {background:#6996c1 url(http://www.fsam.gov/images/nav_global.jpg) no-repeat top left;} .menu ul {padding:0px; margin: 0; list-style-type: none; height: 80px; background: transparent;} .menu ul ul {width: 150px;} .menu ul li {float: left; height: 80px; line-height: 1em; margin: 0; padding: 0;} .menu ul ul li {display: block; width: 150px; height: auto; line-height: 1em;} .menu a, .menu a:visited {display:block; float: left; height:100%; font-size: 1em; text-decoration: none; color: #fff; background: transparent; padding: 0; border: 0; font-weight: normal;} /* ----- dropdown style ----- */ .menu ul ul a, .menu ul ul a:visited {display: block; background-color: #6895c0; width: 150px; height: 100%; line-height: 12px; padding: 5px 8px 1px 8px; font-weight: normal; font: 11px "Trebuchet MS", Arial, Helvetica; color: #fff; text-align:left; border-right:#bdd1e4 solid 2px; border-left:#bdd1e4 solid 2px;} * html .menu ul ul a, * html .menu ul ul a:visited {width: 14em; width: 150px;} .menu table {position: absolute; left: 0; top: 0; width: 0; height: 0; font-size: 1em; z-index: 200;} * html .menu a:hover {color: #fff; background: #981b1e; position: relative; z-index: 100;} .menu li:hover {position: relative;} .menu :hover > a {color: #fff; background: #981b1e;} /* -- dropdown hover style --*/ * html .menu ul ul a:hover {color: #981b1e; background-color: #bdd1e4; position: relative; z-index: 110;} .menu ul ul li:hover {position: relative;} .menu ul ul :hover > a {color: #981b1e; background-color: #bdd1e4;} /* ----- dropdown location ----- */ .menu ul ul {visibility: hidden; position: absolute; height: 0; top: 77px; left: 7px; width: 14em;} .menu ul ul ul {left: 12em; top: 0; width: 14em;} .menu ul :hover ul {visibility: visible; height: auto; padding-bottom: 3em;} .menu ul :hover ul ul {visibility: hidden;} .menu ul :hover ul :hover ul ul {visibility: hidden;} .menu ul :hover ul :hover ul {visibility: visible;} .menu ul :hover ul :hover ul :hover ul {visibility: visible;} .menu a.gstyle {height: 80px; text-indent: -9999px; margin: 0; padding: 0; margin-left: 0;} html>body .menu a.gstyle {overflow: hidden; margin-left: 0px;} /* ----- navbar slices width and x-coordinates ----- */ .menu a#g01 {width: 304px; background: url(http://www.fsam.gov/images/nav_global.jpg) 0 0 no-repeat;} .menu a#g02 {width: 56px; background: url(http://www.fsam.gov/images/nav_global.jpg) -304px 0 no-repeat;} .menu a#g03 {width: 68px; background: url(http://www.fsam.gov/images/nav_global.jpg) -360px 0 no-repeat;} .menu a#g04 {width: 57px; background: url(http://www.fsam.gov/images/nav_global.jpg) -428px 0 no-repeat;} .menu a#g05 {width: 72px; background: url(http://www.fsam.gov/images/nav_global.jpg) -485px 0 no-repeat;} .menu a#g06 {width: 82px; background: url(http://www.fsam.gov/images/nav_global.jpg) -557px 0 no-repeat;} .menu a#g07 {width: 104px; background: url(http://www.fsam.gov/images/nav_global.jpg) -639px 0 no-repeat;} .menu a#g08 {width: 76px; background: url(http://www.fsam.gov/images/nav_global.jpg) -743px 0 no-repeat;} .menu a#g09 {width: 81px; background: url(http://www.fsam.gov/images/nav_global.jpg) -819px 0 no-repeat;} .menu a#g01:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) 0 -80px no-repeat;} .menu a#g02:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -304px -80px no-repeat;} .menu a#g03:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -360px -80px no-repeat;} .menu a#g04:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -428px -80px no-repeat;} .menu a#g05:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -485px -80px no-repeat;} .menu a#g06:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -557px -80px no-repeat;} .menu a#g07:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -639px -80px no-repeat;} .menu a#g08:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -743px -80px no-repeat;} .menu a#g09:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -819px -80px no-repeat;} #home .menu a#g01, #home .menu a#g01:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) 0 -80px no-repeat;} #about .menu a#g02, #about .menu a#g02:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -304px -80px no-repeat;} #toolkit .menu a#g03, #tookit .menu a#g03:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -360px -80px no-repeat;} #faqs .menu a#g04, #faqs .menu a#g04:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -428px -80px no-repeat;} #training .menu a#g05, #training .menu a#g05:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -485px -80px no-repeat;} #outreach .menu a#g06, #outreach .menu a#g06:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -557px -80px no-repeat;} #casestudies .menu a#g07, #casestudies .menu a#g07:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -639px -80px no-repeat;} #glossary .menu a#g08, #glossary .menu a#g08:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -743px -80px no-repeat;} #links .menu a#g09, #links .menu a#g09:hover {background: url(http://www.fsam.gov/images/nav_global.jpg) -819px -80px no-repeat;}