#NavigationWpr { position:absolute; top:110px; left:54px; height:110px; width:700px; overflow:visible; } #NavigationWpr li { vertical-align:top; zoom:1; } #NavigationWpr li a { display:block; float:none; } #NavigationWpr #Yui { } #NavigationWpr .yuimenubar { background-color:transparent; } #NavigationWpr .yuimenubaritem { } #NavigationWpr .yuimenubaritem-hassubmenu { background:none; } #NavigationWpr .yuimenubaritemlabel { border-width:0; padding:0; margin:0 14px 0 0; float:left; background-color:transparent; background-repeat:no-repeat; background-position:left top; } * html #NavigationWpr .yuimenubaritemlabel { margin-right:7px; } #NavigationWpr .yuimenubaritemlabel span { display:none; } #NavigationWpr .yuimenubaritem-selected { background-color:transparent; } #NavigationWpr .yuimenubaritemlabel-selected { } #NavigationWpr .yuimenu { border:0; padding:1px 4px; } #NavigationWpr .yuimenu ul { width:220px; padding:3px 0; } #NavigationWpr .yuimenuitem { } #NavigationWpr .yuimenu li { border-top:2px solid; } #NavigationWpr .yuimenu li.first-of-type { border-top:0; } #NavigationWpr .yuimenuitemlabel { font-size:12px; color:#202F46; font-weight:bold; padding:3px 15px; } #NavigationWpr .yuimenuitem-selected { } #NavigationWpr .yuimenuitemlabel-selected { background-color:#202F46; color:#FFFFFF; } #NavigationWpr .yuimenuitem-hassubmenu { } #NavigationWpr .yuimenuitem-hassubmenu-selected { } #NavigationWpr .yuimenubaritem .active-icon { display:none; height:19px; position:absolute; width:41px; z-index:100; bottom:0px; background-repeat:no-repeat; background-position:left top; background-color:transparent; } #NavigationWpr .yuimenubaritem-selected .active-icon { display:block; line-height:normal; } #NavigationWpr .yuimenubaritem div a { width:190px; height:auto !important; margin:0; background-image:none; } /* main nav circles */ #NavigationWpr .item0 a { background-image:url(../images/menus/main/home.png); width:63px; height:65px; margin-top:48px; } #NavigationWpr .item1 a { background-image:url(../images/menus/main/aboutus.png); width:82px; height:81px; margin-top:17px; } #NavigationWpr .item2 a { background-image:url(../images/menus/main/planyourvisit.png); width:93px; height:93px; margin-top:13px; } #NavigationWpr .item3 a { background-image:url(../images/menus/main/events.png); width:68px; height:66px; margin-top:35px; } #NavigationWpr .item4 a { background-image:url(../images/menus/main/membership.png); width:100px; height:104px; } #NavigationWpr .item5 a { background-image:url(../images/menus/main/education.png); width:94px; height:91px; margin-top:17px; } #NavigationWpr .item6 a { background-image:url(../images/menus/main/2012GALA.png); width:80px; height:83px; margin-top:18px; } /* IE 6 fixes */ * html #NavigationWpr .item3 a { height:68px; } * html #NavigationWpr .item5 a { height:93px; } * html #NavigationWpr .item6 a { height:84px; } /* main nav submenus */ #NavigationWpr .item0 .yuimenu { background-color:#DFEEA6; } #NavigationWpr .item1 .yuimenu { background-color:#FFE991; } #NavigationWpr .item2 .yuimenu { background-color:#FDCA84; } #NavigationWpr .item3 .yuimenu { background-color:#F8AB7C; } #NavigationWpr .item4 .yuimenu { background-color:#F5A5C4; } #NavigationWpr .item5 .yuimenu { background-color:#D5ABFA; } #NavigationWpr .item6 .yuimenu { background-color:#68D0F2; } #NavigationWpr .item0 .yuimenuitem { background-color:#AED028; border-color:#DFEEA6; } #NavigationWpr .item1 .yuimenuitem { background-color:#FCD03A; border-color:#FFE991; } #NavigationWpr .item2 .yuimenuitem { background-color:#FBA837; border-color:#FDCA84; } #NavigationWpr .item3 .yuimenuitem { background-color:#F5602E; border-color:#F8AB7C; } #NavigationWpr .item4 .yuimenuitem { background-color:#EE5B96; border-color:#F5A5C4; } #NavigationWpr .item5 .yuimenuitem { background-color:#9F43F3; border-color:#D5ABFA; } #NavigationWpr .item6 .yuimenuitem { background-color:#0F97C4; border-color:#68D0F2; } #NavigationWpr .item0 .active-icon { background-image:url(../images/menus/main/home-arrow.png); bottom:-15px; } #NavigationWpr .item1 .active-icon { background-image:url(../images/menus/main/aboutus-arrow.png); } #NavigationWpr .item2 .active-icon { background-image:url(../images/menus/main/planyourvisit-arrow.png); bottom:-6px; } #NavigationWpr .item3 .active-icon { background-image:url(../images/menus/main/events-arrow.png); bottom:-5px; } #NavigationWpr .item4 .active-icon { background-image:url(../images/menus/main/membership-arrow.png); bottom:-5px; } #NavigationWpr .item5 .active-icon { background-image:url(../images/menus/main/education-arrow.png); bottom:-12px; } #NavigationWpr .item6 .active-icon { background-image:url(../images/menus/main/contactus-arrow.png); bottom:-4px; } /* *********************** Side Menu ************************* */ #SideBarWpr h2 { font-size:17px; padding-bottom:5px; font-family:"Trebuchet MS"; color:#FFFFFF; font-weight:normal;} #SideBarWpr h2 a { color:#FFFFFF; } #SideMenu { } #SideMenu .menuCt-level1 { } #SideMenu .menuItem { } #SideMenu .menuItemLabel { font-size:13px; color:#5BC2EA; font-weight:bold; padding:7px 0 5px 0; margin-top:4px; background:url(../images/menus/side/menu-separator.png) no-repeat left top; } #SideMenu .menuItem:hover, #SideMenu .menuItem-selected { } #SideMenu .menuItemLabel:hover, #SideMenu .menuItemLabel-selected { color:#A9D9E9; } #SideMenu .menuItem-active, #SideMenu .menuItemLabel-active { color:#A9D9E9; } #SideMenu .menuCt-level1 .menuItemLabel { } #SideMenu .menuCt-level2 { font-size:12px; } #SideMenu .menuCt-level2 .menuItem { } #SideMenu .menuCt-level2 .menuItemLabel { font-size:12px; font-weight:normal; padding:4px 0; color:#A5CE15; margin:0; } #SideMenu li.first .menuItemLabel, #SideMenu .menuCt-level2 .menuItemLabel { background-image:none; margin:0; } #SideMenu .menuCt-level2 .menuItemLabel:hover, #SideMenu .menuCt-level2 .menuItemLabel-selected { color:#D5F172; } #SideMenu .menuCt-level3 { padding:2px 0; } #SideMenu .menuCt-level3 .menuItem { background:url(../images/menus/side/menu-item-icon.png) no-repeat left center; } #SideMenu .menuCt-level3 .menuItemLabel { font-size:11px; font-weight:normal; padding:3px 0 3px 14px; color:#FFC40F; margin:0; } #SideMenu .menuCt-level3 .menuItemLabel:hover, #SideMenu .menuCt-level3 .menuItemLabel-selected { color:#FFD062; } #HeaderMenuWpr { position:absolute; top:0px; right:214px; height:31px; width:168px; background:url(../images/menus/header/header-menu-bg.jpg) no-repeat; } #HeaderMenuWpr .menuItem { padding:5px 0 0 34px; } #HeaderMenuWpr .menuItemLabel { color:#99B834; padding-left:20px; background:url(../images/menus/header/email-icon.jpg) no-repeat left 1px; } #HeaderMenuWpr a:hover { color:#C1E394; }