/* remove all the bullets, borders and padding from the default list styling */ #ulWrapper{visibility:hidden;position:absolute; border-left:1px solid #bfb7a6; border-right:1px solid #bfb7a6;border-top:1px solid #bfb7a6; background:#ffffff;width:180px;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #mainNav ul ul {width:180px; margin:0 auto;visibility:hidden;position:relative; border:solid 0px #333333;} /* style the table so that it takes no part in the layout - required for IE to work */ #mainNav table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ #mainNav ul ul a, #mainNav ul ul a:visited { display: block; line-height: 20px; width:180px; color:#9a8967; overflow: hidden; background:#ffffff /*url(../img/navArrow_off.gif) 95% 50% no-repeat*/; font-size:12px; border-bottom:1px solid #bfb7a6;} #mainNav ul ul a.last, #mainNav ul ul a:visited.last {border-bottom:solid 1px #bfb7a6;} #mainNav ul ul a span, #mainNav ul ul a:visited span {margin-left:15px; } /* style the top level hover */ #mainNav ul ul a:hover{background: #d4d4d4 /*url(../img/navArrow_on.gif) 95% 50% no-repeat*/; color:#465254;} #mainNav ul ul :hover > a {background: #d4d4d4 /*url(../img/navArrow_on.gif) 95% 50% no-repeat*/; color:#465254;} #mainNav ul ul a:hover span{color:#465254;} #mainNav ul ul :hover > a {color:#465254;} /* make the second level visible when hover on first level list OR link */ #mainNav ul li:hover #ulWrapper, #mainNav ul a:hover #ulWrapper, #mainNav ul li:hover ul, #mainNav ul a:hover ul{visibility:visible; } /*controls the left position of the drop downs */ .mainDrop1{left:-2px; top:51px;} .mainDrop2{left:175px; top:51px;} .mainDrop3{left:306px; top:51px;} .mainDrop4{left:429px; top:51px;} .mainDrop5{left:628px; top:51px;} .mainDrop6{left:9px; top:51px;} #mainNav ul ul li{display:inline;} /* main nav */ #kNav { z-index:1; height:50px; width:902px; list-style: none; margin:0 auto; position:relative; } /* each block of code contains the bg image for each section ie. home, about */ .pos00{background:transparent url(../img/nav/homeNav.gif) 0 0 no-repeat;} .pos01{background:transparent url(../img/nav/homeNav.gif) 0 0 no-repeat;} .pos02{background:transparent url(../img/nav/homeNav.gif) 0 -51px no-repeat;} .pos03{background:transparent url(../img/nav/homeNav.gif) 0 -102px no-repeat;} .pos04{background:transparent url(../img/nav/homeNav.gif) 0 -153px no-repeat;} .pos05{background:transparent url(../img/nav/homeNav.gif) 0 -204px no-repeat;} .pos06{background:transparent url(../img/nav/homeNav.gif) 0 -255px no-repeat;} #about .pos00{background:transparent url(../img/nav/aboutNav.gif) 0 0 no-repeat; } #about .pos01{background:transparent url(../img/nav/aboutNav.gif) 0 -51px no-repeat;} #about .pos02{background:transparent url(../img/nav/aboutNav.gif) 0 -102px no-repeat;} #about .pos03{background:transparent url(../img/nav/aboutNav.gif) 0 -153px no-repeat;} #about .pos04{background:transparent url(../img/nav/aboutNav.gif) 0 -204px no-repeat;} #about .pos05{background:transparent url(../img/nav/aboutNav.gif) 0 -255px no-repeat;} #about .pos06{background:transparent url(../img/nav/aboutNav.gif) 0 -306px no-repeat;} #operations .pos00{background:transparent url(../img/nav/operationsNav.gif) 0 0 no-repeat;} #operations .pos01{background:transparent url(../img/nav/operationsNav.gif) 0 -51px no-repeat;} #operations .pos02{background:transparent url(../img/nav/operationsNav.gif) 0 -102px no-repeat;} #operations .pos03{background:transparent url(../img/nav/operationsNav.gif) 0 -153px no-repeat;} #operations .pos04{background:transparent url(../img/nav/operationsNav.gif) 0 -204px no-repeat;} #operations .pos05{background:transparent url(../img/nav/operationsNav.gif) 0 -255px no-repeat;} #operations .pos06{background:transparent url(../img/nav/operationsNav.gif) 0 -306px no-repeat;} #corporate .pos00{background:transparent url(../img/nav/corporateNav.gif) 0 0 no-repeat;} #corporate .pos01{background:transparent url(../img/nav/corporateNav.gif) 0 -51px no-repeat;} #corporate .pos02{background:transparent url(../img/nav/corporateNav.gif) 0 -102px no-repeat;} #corporate .pos03{background:transparent url(../img/nav/corporateNav.gif) 0 -153px no-repeat;} #corporate .pos04{background:transparent url(../img/nav/corporateNav.gif) 0 -204px no-repeat;} #corporate .pos05{background:transparent url(../img/nav/corporateNav.gif) 0 -255px no-repeat;} #corporate .pos06{background:transparent url(../img/nav/corporateNav.gif) 0 -306px no-repeat;} #news .pos00{background:transparent url(../img/nav/newsNav.gif) 0 0 no-repeat;} #news .pos01{background:transparent url(../img/nav/newsNav.gif) 0 -51px no-repeat;} #news .pos02{background:transparent url(../img/nav/newsNav.gif) 0 -102px no-repeat;} #news .pos03{background:transparent url(../img/nav/newsNav.gif) 0 -153px no-repeat;} #news .pos04{background:transparent url(../img/nav/newsNav.gif) 0 -204px no-repeat;} #news .pos05{background:transparent url(../img/nav/newsNav.gif) 0 -255px no-repeat;} #news .pos06{background:transparent url(../img/nav/newsNav.gif) 0 -306px no-repeat;} #investor .pos00{background:transparent url(../img/nav/investorNav.gif) 0 0 no-repeat;} #investor .pos01{background:transparent url(../img/nav/investorNav.gif) 0 -51px no-repeat;} #investor .pos02{background:transparent url(../img/nav/investorNav.gif) 0 -102px no-repeat;} #investor .pos03{background:transparent url(../img/nav/investorNav.gif) 0 -153px no-repeat;} #investor .pos04{background:transparent url(../img/nav/investorNav.gif) 0 -204px no-repeat;} #investor .pos05{background:transparent url(../img/nav/investorNav.gif) 0 -255px no-repeat;} #investor .pos06{background:transparent url(../img/nav/investorNav.gif) 0 -306px no-repeat;} #kNav li.first { padding-right:0px; float: left; height: 51px; } #kNav li.first a.topNav { display: block; line-height: 51px; text-indent: -5000px; overflow: hidden; background-position: center top; /* horizontally centers the background image */ } #nav1 { width: 174px; } #nav2 { width: 127px; } #nav3 { width: 127px; } #nav4 { width: 199px; } #nav5 { width: 132px; } #nav6 { width: 138px; } /** side Navigation **/ #sideNav { width:205px; background:#a8a068; } #sideNav li { background:url(../img/sideNav_bg.gif) top left no-repeat; border-bottom:#b9b386 1px solid; } #sideNav li a { display: block;padding: 6px 20px 6px 10px; background: url(../img/arrow_off.gif) 190px 7px no-repeat;color: #fff;text-decoration: none; } #sideNav li a:hover { color:#5e4522; background: url(../img/arrow_hover.gif) 190px 8px no-repeat; } #sideNav li a.current { display: block;padding: 6px 20px 6px 10px; background: url(../img/arrow_selected.gif) 190px 7px no-repeat;color: #5e4522;text-decoration: none; } #sideNav li a.current:hover { display: block;padding: 6px 20px 6px 10px; background: url(../img/arrow_selected.gif) 190px 7px no-repeat;color: #5e4522;text-decoration: none; } #subnavlist { margin-bottom:10px; } #subnavlist li { background:none; border:0; padding:0; margin:0; line-height:12px; border:1px solid #a8a068; } #sideNav li li a { padding: 3px 20px 3px 30px; background: url(../img/arrow_off.gif) 15px 5px no-repeat; } #sideNav li li a:hover { color:#5e4522; background: url(../img/arrow_hover.gif) 15px 5px no-repeat; } /** investor side Navigation **/ #investor #sideNav { width:205px; background:#846e68; } #investor #sideNav li { background:url(../img/investor_sideNav_bg.gif) top left no-repeat; border-bottom:#9d8b86 1px solid; } #investor #sideNav li a { display: block;padding: 5px 20px 6px 10px; background: url(../img/investor_arrow_off.gif) 190px 7px no-repeat;color: #fff;text-decoration: none; } #investor #sideNav li a:hover { color:#403532; background: url(../img/investor_arrow_hover.gif) 190px 8px no-repeat; } #investor #sideNav li a.current { display: block;padding: 6px 20px 6px 10px; background: url(../img/investor_arrow_selected.gif) 190px 7px no-repeat;color: #403532;text-decoration: none; } #investor #subnavlist { margin-bottom:10px; } #investor #subnavlist li { background:none; border:0; padding:0; margin:0; line-height:12px; border:1px solid #846e68; } #investor #sideNav li li a { padding: 3px 20px 3px 30px; background: url(../img/investor_arrow_off.gif) 15px 5px no-repeat; } #investor #sideNav li li a:hover { color:#403532; background: url(../img/investor_arrow_hover.gif) 15px 5px no-repeat; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */