/*MAIN LEVEL LINK COLOR*/ #menusystem ul li,#menusystem ul {list-style: none; text-indent:0px; margin-bottom:0px;} #menusystem li {text-indent:0px; margin-bottom: 0px; padding-left: 0px;} #menusystem a:link,#menusystem a:visited,#menusystem a:hover{text-decoration:none;border-bottom:none;} #menusystem {top:30px;} #menusystem a{ color:#C9BE62; font-size:1.1em; } /*ACTIVE MAIN LEVEL*/ #menusystem ul li.active a.parent, #menusystem ul li.active a, li.active a, #menusystem ul li.on a, #menusystem ul li.on a.parent, #menusystem li.on a { font-weight:bold; color:#fff; } /*MAIN LEVEL HOVER*/ #menusystem a:hover { color:#fff; } #menusystem li.active li a, #menusystem li li a, #menusystem li.on li a, #carousel li li a{ /* SUB BUTTON FONT*/ font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:.9em; text-decoration:none; font-weight:normal; color:#C9BE62; } /*SUB-LEVEL HOVER*/ #menusystem li ul a:hover, #menusystem li.on ul a:hover { font-weight:normal; color:#fff; } /*SUB-LEVEL EXPANDED*/ #menusystem li ul a, #menusystem li.on ul a{ font-weight: normal; border-right:0px; } #menusystem li ul a:hover, #menusystem li.on ul a:hover, #menusystem ul li.active ul a:hover, #menusystem li ul a.sfHover, #menusystem li.on ul a.sfHover, #menusystem ul li.active ul a.sfHover { } #menuframer{width:100%;float:left;height: 0px;padding-top:0px;padding-bottom:0px;} #menusystem{width:100%;position:relative; z-index:20;padding: 0px; margin-left:0px;margin-right:0px; } #sf li { list-style-type:none;margin-left:0px;padding-bottom: 0px; } #sf { position:absolute; /* position:fixed centre:0;*/ width:100%; } #sf a { float: left; display: block; cursor: pointer; height: 40px; line-height: 41px; padding: 0px; } /*more to come*/ #sf ul li ul li.parent a{ background: url(../images/moretocome.png) 100% 50% no-repeat; } #sf ul li ul li.parent ul a{ background: none; } #sf ul li ul li.parent ul li.parent a{ background: url(../images/moretocome.png) 100% 50% no-repeat; } #sf ul li ul li.parent ul li.parent ul a{ background: none; } #sf ul li ul li.parent ul li.parent ul li.parent a{ background: url(../images/moretocome.png) 100% 50% no-repeat; } #sf ul li ul li.parent ul li.parent ul li.parent ul a{ background: none; } #sf ul li ul li a.daddy{ background: url(../images/moretocome.png) 100% 50% no-repeat; } #sf ul li ul li ul a.daddy{ background: none; } #sf ul li ul li ul li a.daddy{ background: url(../images/moretocome.png) 100% 50% no-repeat; } #sf ul li ul li ul li ul a.daddy{ background: none; } #sf ul ul a { display: block; text-decoration: none; width: 212px; line-height: 30px; height:30px; text-transform: none; } /*ie6 needs these below*/ #sf li { float: left; padding: 0; background: none; } #sf ul li { position: relative; height: 40px; line-height: 45px; } #sf li li { float: left; padding: 0; width: 215px; height:30px; line-height:30px; } #sf li.sfHover ul ul, #sf li.sfHover ul ul ul, #sf li.sfHover ul ul ul ul { left: -1999em; } #sf li.sfHover ul, #sf li li.sfHover ul, #sf li li li.sfHover ul, #sf li li li li.sfHover ul{ z-index: 100; } /*^^^ above needed for ie6*/ #sf li ul { top: 40px; position: absolute; left: -1999em; height: auto; width: 215px; font-weight: normal; border-width: 0; margin: 0; padding: 0; padding-left:0px; } #sf li ul ul { top: 40px; margin: -40px 0 0 215px; } /* common styling */ #sf {} #mainlevel-nav li a, #mainlevel-nav li a:visited, #sf ul.menu-nav li a, #sf ul.menu-nav li a:visited {display:block; text-decoration:none;overflow:hidden;} #sf ul {padding:0; margin:0;list-style-type: none; } #sf ul li {float:left; margin:0px; position:relative;} #mainlevel-nav li:hover a , #sf ul.menu-nav li:hover a {} #mainlevel-nav li:hover a:hover, #mainlevel-nav a#active_menu-nav, #sf ul.menu-nav li:hover a:hover, #sf ul.menu-nav a#active_menu {} #sf ul li:hover ul {display:block; position:absolute; top:41px; left:0px; width:215px;} #sf ul li:hover ul li a {} #sf ul li:hover ul li:hover a {} #sf ul li:hover ul li ul {left:-1999px;} #sf ul li:hover ul li a {display:block;} #sf ul li:hover ul li a:hover {} #sf ul li:hover ul li:hover ul {left:0; position:absolute;text-decoration:none;} /*#sf ul li:hover ul li.active{text-decoration:underline;}*/ #sf ul li:hover ul li:hover ul li ul{left:-1999px;} #sf ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;} #sf ul li:hover ul li:hover ul li:hover ul li ul{left:-1999px;} #sf ul li:hover ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;} #sf ul li.sfHover a {} #sf ul li:hover a:hover {} #sf ul li.sfHover ul {display:block; position:absolute; top:41px; left:0px; width:215px;} #sf ul li.sfHover ul li a {} #sf ul li.sfHover ul li.sfHover a {} #sf ul li.sfHover ul li ul {left:-1999px;} #sf ul li.sfHover ul li a {display:block;} #sf ul li.sfHover ul li.sfHover ul {left:0; position:absolute;} #sf ul li.sfHover ul li.sfHover ul li ul {left:-1999px;} #sf ul li.sfHover ul li.sfHover ul li.sfHover ul {left:0; position:absolute;} #sf li.sfHover li a, #sf li:hover li a, #sf li li.on a, #sf li li.on:hover a, #sf li li.over.on a { background:none; } #sf #current ul a, #sf #current ul, #sf #current .parent .active a, #sf #current .parent .active, #sf li.active li.active a, #sf li.on li.on a { } #sf a{ background: url(../images/ss_sf_right.png) 100% 100% no-repeat; padding: 0 25px 0 0px; } #sf li { padding: 0; margin: 0; float: right; display: block; padding-left:25px; background: url(../images/ss_sf_left.png) 0% 0% no-repeat; height: 45px; } #sf li li a{padding:0px;text-indent: 17px;} #sf li:hover, #sf li.over, #sf li.sfHover{ background: url(../images/ss_sf_left.png) 0% 100% no-repeat; } #sf li li:hover, #sf li li.over, #sf li li.sfHover{ background:#271E18; } #sf li.active, #sf li.on { background: url(../images/ss_sf_left.png) 0% 75% no-repeat; } #sf li li.active, #sf li li.on { background:#271E18; } #sf a { background: url(../images/ss_sf_right.png) 100% 0% repeat-x;border-right:solid 1px #511011; } #sf li.parent a, #sf li a.topdaddy { background: url(../images/ss_sf_right.png) 100% 25% repeat-x; } #sf li:hover a, #sf li.over a, #sf li.sfHover a { background: url(../images/ss_sf_right.png) 100% 100% repeat-x; } #sf li.active a, #sf li.on a{ background: url(../images/ss_sf_right.png) 100% 75% repeat-x; } #sf{background: url(../images/topmenubg.png) no-repeat top left;} #sf-r{background: url(../images/topmenubg-r.png) no-repeat top right;z-index:2;height:58px;} #sf ul {padding-left:100px;} #sf ul ul{background: #000;font-weight:bold;border-bottom:2px solid #C9BE62; padding-top:5px;padding-bottom:5px;} #sf ul ul ul{background: #000;padding-top:0px;} #sf li li {background:none;border-bottom: 0px dotted #E6BD83;} #sf li li a {background:none;}