/* Start of CMSMS style sheet 'menus' */ /* The wrapper clears the floating elements of the menu */ #menuwrapper { z-index:1100; font-family: Georgia, "times", "serif"; font-size: 12px; font-weight: bold; NOTUSEDcolor: #eee; } #menuwrapper a, #menuwrapper a:link, #menuwrapper a:active, #menuwrapper a:visited { color: #eee; text-decoration: none; Dborder: none; Doutline: none; } #menuwrapper a:hover { color:#dd7a20; text-decoration: none; } /* for menu drop downs, they are smaller... */ #menuwrapper ul ul { font-family: Georgia, "times", "serif"; font-size: 10px; font-weight: bold; } /* Set the width of the menu elements at second level. Leaving first level flexible. */ #primary-nav li li { width: 135px; } /* Unless you know what you do, do not touch this */ #primary-nav{ list-style: none; margin: 0px; padding: 0px; } #primary-nav ul { list-style: none; margin: 0px; padding: 0px; } #primary-nav ul { position: absolute; top: auto; display: none; } #primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; } #primary-nav li { margin-left: -1px; float: left; } #primary-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; } #primary-nav ul li > a:hover { background: transparent url( /uploads/images/menu_background.png ); /* REV4 DARK BACKGROUND */ } /* Here is the code for Positioning the second column of the 'experience' menu, there is also code in the main template for IE6 specific, and maybe IE7 specific positioning */ #primary-nav ul li.NOREVsecondcolumn { /* NOONREV4_ */ NONOborder: green 1px solid; left: 105px; /* REV3 135 to 105 tigher column spacing */ top: -60px; /* REV3 was -72 */ } /* #primary-nav ul li.secondcolumn a:hover, #primary-nav ul li.secondcolumn a:active, #primary-nav ul li.secondcolumn a:visited { position: relative; border: yellow 1px solid; left: 115px; top: -80px; } */ /* Styling the basic apperance of the menu elements */ #primary-nav a { background-color: transparent; display: block; padding: 2px 10px; /* REV3 3px top/bottom to 2px */ text-decoration: none; z-index:16001; color: #dfd9c8; } #primary-nav li a { margin-right: 2px; border-left: 1px solid #C0C0C0; /* REV3 dotted to dashed, REV4tosolid*/ color: #dfd9c8; } #primary-nav li.firstmenuitem a { border-left: none !important; } #primary-nav li li a { margin-bottom: 1px; border: none; REV3border-bottom: 1px dotted #e6e6e6; color: #dfd9c8; } #primary-nav li{ } #primary-nav li.menuparent { } #primary-nav ul li { background: transparent url( /uploads/images/menu_background.png ); /* REV4 BACKGROUND */ } /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #primary-nav li.menuactive, #primary-nav li.menuactive > a { color: #77432d !important; } #primary-nav li:hover { background: transparent url( /uploads/images/menu_background.png ); /* REV4 BACKGROUND */ } /* default for ALL */ a.menuactive, li.menuactive { color: #9e4418 !important; } #menuwrapper #primary-nav li.menuactive, #menuwrapper #primary-nav li.menuactive > a { color: #9e4418 !important; } #menuwrapper #primary-nav a:hover, #menuwrapper #primary-nav li a:hover, #menuwrapper #primary-nav li li a:hover { color: #dd7a20 !important; text-decoration: none; } /* HOME menu and subs */ #menuwrapper.home #primary-nav li.menuactive, #menuwrapper.home #primary-nav li.menuactive > a { color: #9e4418 !important; /* WAS #77432d */ REV6color: #dd7a20 !important; /* WAS #77432d */ } #menuwrapper.home #primary-nav li li a { color: #9e4418; REV6color: #dfd9c8; } #menuwrapper.home #primary-nav a:hover, #menuwrapper.home #primary-nav li a:hover, #menuwrapper.home #primary-nav li li a:hover { color: #dd7a20 !important; text-decoration: none; } /* PANORAMAS and sub menus */ #menuwrapper.panoramas #primary-nav li.menuactive { color: #006a72 !important; REV5color: #9e4418 !important; } #menuwrapper.panoramas #primary-nav li.menuactive > a { color: #006a72 !important; REV5color: #9e4418 !important; } #menuwrapper.panoramas #primary-nav li li a { color: #006a72; REV5color: #dfd9c8; } /* VISION and sub menus */ #menuwrapper.vision #primary-nav li.menuactive, #menuwrapper.cloudrockstory #primary-nav li.menuactive, #menuwrapper.sustainability #primary-nav li.menuactive { color: #006a72 !important; REV5color: #9e4418 !important; } #menuwrapper.vision #primary-nav li.menuactive > a, #menuwrapper.cloudrockstory #primary-nav li.menuactive > a, #menuwrapper.sustainability #primary-nav li.menuactive > a { color: #006a72 !important; REV5color: #9e4418 !important; } #menuwrapper.vision #primary-nav li li a, #menuwrapper.cloudrockstory #primary-nav li li a, #menuwrapper.sustainability #primary-nav li li a { color: #006a72; REV5color: #dfd9c8; } #menuwrapper.vision #primary-nav a:hover, #menuwrapper.vision #primary-nav li a:hover, #menuwrapper.vision #primary-nav li li a:hover, #menuwrapper.cloudrockstory #primary-nav a:hover, #menuwrapper.cloudrockstory #primary-nav li a:hover, #menuwrapper.cloudrockstory #primary-nav li li a:hover, #menuwrapper.sustainability #primary-nav a:hover, #menuwrapper.sustainability #primary-nav li a:hover, #menuwrapper.sustainability #primary-nav li li a:hover { color: #dd7a20 !important; REV5color: #dd7a20 !important; text-decoration: none; } /* EXPLORE and sub menus */ #menuwrapper.explore #primary-nav li.menuactive, #menuwrapper.explore #primary-nav li.menuactive > a, #menuwrapper.townofmoab #primary-nav li.menuactive, #menuwrapper.townofmoab #primary-nav li.menuactive > a, #menuwrapper.outdoorrecreation #primary-nav li.menuactive, #menuwrapper.outdoorrecreation #primary-nav li.menuactive > a, #menuwrapper.nationalparks #primary-nav li.menuactive, #menuwrapper.nationalparks #primary-nav li.menuactive > a, #menuwrapper.shoppinganddining #primary-nav li.menuactive, #menuwrapper.shoppinganddining #primary-nav li.menuactive > a #menuwrapper.watersports #primary-nav li.menuactive, #menuwrapper.watersports #primary-nav li.menuactive > a, #menuwrapper.hiking #primary-nav li.menuactive, #menuwrapper.hiking #primary-nav li.menuactive > a, #menuwrapper.cyclingandmountainbiking #primary-nav li.menuactive, #menuwrapper.cyclingandmountainbiking #primary-nav li.menuactive > a, #menuwrapper.climbing #primary-nav li.menuactive, #menuwrapper.climbing #primary-nav li.menuactive > a, #menuwrapper.off-roading #primary-nav li.menuactive, #menuwrapper.off-roading #primary-nav li.menuactive > a { color: #33460c !important; REV5color: #9e4418 !important; } #menuwrapper.explore #primary-nav li li a, #menuwrapper.townofmoab #primary-nav li li a, #menuwrapper.outdoorrecreation #primary-nav li li a, #menuwrapper.nationalparks #primary-nav li li a, #menuwrapper.shoppinganddining #primary-nav li li a, #menuwrapper.watersports #primary-nav li li a, #menuwrapper.hiking #primary-nav li li a, #menuwrapper.cyclingandmountainbiking #primary-nav li li a, #menuwrapper.climbing #primary-nav li li a, #menuwrapper.off-roading #primary-nav li li a { color: #33460c; REV5color: #dfd9c8; } #menuwrapper.explore #primary-nav a:hover, #menuwrapper.explore #primary-nav li a:hover, #menuwrapper.explore #primary-nav li li a:hover, #menuwrapper.townofmoab #primary-nav a:hover, #menuwrapper.townofmoab #primary-nav li a:hover, #menuwrapper.townofmoab #primary-nav li li a:hover #menuwrapper.outdoorrecreation #primary-nav a:hover, #menuwrapper.outdoorrecreation #primary-nav li a:hover, #menuwrapper.outdoorrecreation #primary-nav li li a:hover, #menuwrapper.nationalparks #primary-nav a:hover, #menuwrapper.nationalparks #primary-nav li a:hover, #menuwrapper.nationalparks #primary-nav li li a:hover, #menuwrapper.shoppinganddining #primary-nav a:hover, #menuwrapper.shoppinganddining #primary-nav li a:hover, #menuwrapper.shoppinganddining #primary-nav li li a:hover, #menuwrapper.watersports #primary-nav a:hover, #menuwrapper.watersports #primary-nav li a:hover, #menuwrapper.watersports #primary-nav li li a:hover, #menuwrapper.hiking #primary-nav a:hover, #menuwrapper.hiking #primary-nav li a:hover, #menuwrapper.hiking #primary-nav li li a:hover, #menuwrapper.cyclingandmountainbiking #primary-nav a:hover, #menuwrapper.cyclingandmountainbiking #primary-nav li a:hover, #menuwrapper.cyclingandmountainbiking #primary-nav li li a:hover, #menuwrapper.climbing #primary-nav a:hover, #menuwrapper.climbing #primary-nav li a:hover, #menuwrapper.climbing #primary-nav li li a:hover, #menuwrapper.off-roading #primary-nav a:hover, #menuwrapper.off-roading #primary-nav li a:hover, #menuwrapper.off-roading #primary-nav li li a:hover, { color: #dd7a20 !important; REV5color: #dfd9c8 !important; text-decoration: none; } /* EXPERIENCE and sub menus */ #menuwrapper.experience #primary-nav li.menuactive, #menuwrapper.experience #primary-nav li.menuactive > a, #menuwrapper.lifeatcloudrock #primary-nav li.menuactive, #menuwrapper.lifeatcloudrock #primary-nav li.menuactive > a, #menuwrapper.cloudrockmesa #primary-nav li.menuactive, #menuwrapper.cloudrockmesa #primary-nav li.menuactive > a, #menuwrapper.trails #primary-nav li.menuactive, #menuwrapper.trails #primary-nav li.menuactive > a, #menuwrapper.pools #primary-nav li.menuactive, #menuwrapper.pools #primary-nav li.menuactive > a, #menuwrapper.parks #primary-nav li.menuactive, #menuwrapper.parks #primary-nav li.menuactive > a, #menuwrapper.gym #primary-nav li.menuactive, #menuwrapper.gym #primary-nav li.menuactive > a, #menuwrapper.spa #primary-nav li.menuactive, #menuwrapper.spa #primary-nav li.menuactive > a, #menuwrapper.cafe #primary-nav li.menuactive, #menuwrapper.cafe #primary-nav li.menuactive > a, #menuwrapper.postofficeandgeneralstore #primary-nav li.menuactive, #menuwrapper.postofficeandgeneralstore #primary-nav li.menuactive > a { color: #8d0e3a !important; REV5color: #9e4418 !important; } #menuwrapper.experience #primary-nav li li a, #menuwrapper.lifeatcloudrock #primary-nav li li a, #menuwrapper.cloudrockmesa #primary-nav li li a, #menuwrapper.trails #primary-nav li li a, #menuwrapper.pools #primary-nav li li a, #menuwrapper.parks #primary-nav li li a, #menuwrapper.gym #primary-nav li li a, #menuwrapper.spa #primary-nav li li a, #menuwrapper.cafe #primary-nav li li a, #menuwrapper.postofficeandgeneralstore #primary-nav li li a { color: #8d0e3a; REV5color: #dfd9c8; } #menuwrapper.lifeatcloudrock #primary-nav a:hover, #menuwrapper.lifeatcloudrock #primary-nav li a:hover, #menuwrapper.lifeatcloudrock #primary-nav li li a:hover #menuwrapper.cloudrockmesa #primary-nav a:hover, #menuwrapper.cloudrockmesa #primary-nav li a:hover, #menuwrapper.cloudrockmesa #primary-nav li li a:hover, #menuwrapper.trails #primary-nav a:hover, #menuwrapper.trails #primary-nav li a:hover, #menuwrapper.trails #primary-nav li li a:hover, #menuwrapper.pools #primary-nav a:hover, #menuwrapper.pools #primary-nav li a:hover, #menuwrapper.pools #primary-nav li li a:hover, #menuwrapper.parks #primary-nav a:hover, #menuwrapper.parks #primary-nav li a:hover, #menuwrapper.parks #primary-nav li li a:hover, #menuwrapper.gym #primary-nav a:hover, #menuwrapper.gym #primary-nav li a:hover, #menuwrapper.gym #primary-nav li li a:hover #menuwrapper.spa #primary-nav a:hover, #menuwrapper.spa #primary-nav li a:hover, #menuwrapper.spa #primary-nav li li a:hover, #menuwrapper.cafe #primary-nav a:hover, #menuwrapper.cafe #primary-nav li a:hover, #menuwrapper.cafe #primary-nav li li a:hover, #menuwrapper.postofficeandgeneralstore #primary-nav a:hover, #menuwrapper.postofficeandgeneralstore #primary-nav li a:hover, #menuwrapper.postofficeandgeneralstore #primary-nav li li a:hover, #menuwrapper.experience #primary-nav a:hover, #menuwrapper.experience #primary-nav li a:hover, #menuwrapper.experience #primary-nav li li a:hover { color: #dd7a20 !important; text-decoration: none; } /* REALESTATE and sub menus */ #menuwrapper.realestate #primary-nav li.menuactive, #menuwrapper.realestate #primary-nav li.menuactive > a, #menuwrapper.lotmapandlistings #primary-nav li.menuactive, #menuwrapper.lotmapandlistings #primary-nav li.menuactive > a, #menuwrapper.interactivemap #primary-nav li.menuactive, #menuwrapper.interactivemap #primary-nav li.menuactive > a { color: #53372c !important; REV5color: #9e4418 !important; } #menuwrapper.realestate #primary-nav li li a, #menuwrapper.lotmapandlistings #primary-nav li li a, #menuwrapper.interactivemap #primary-nav li li a { color: #53372c; REV5color: #dfd9c8; } #menuwrapper.realestate #primary-nav a:hover, #menuwrapper.realestate #primary-nav li a:hover, #menuwrapper.realestate #primary-nav li li a:hover, #menuwrapper.lotmapandlistings #primary-nav a:hover, #menuwrapper.lotmapandlistings #primary-nav li a:hover, #menuwrapper.lotmapandlistings #primary-nav li li a:hover, #menuwrapper.interactivemap #primary-nav a:hover, #menuwrapper.interactivemap #primary-nav li a:hover, #menuwrapper.interactivemap #primary-nav li li a:hover { color: #dd7a20 !important; text-decoration: none; } /* NEWS menu and subs */ #menuwrapper.news #primary-nav li.menuactive, #menuwrapper.news #primary-nav li.menuactive > a { color: #3e2871 !important; REV5color: #9e4418 !important; } #menuwrapper.news #primary-nav li li a { color: #3e2871; REV5color: #dfd9c8; } #menuwrapper.news #primary-nav a:hover, #menuwrapper.news #primary-nav li a:hover, #menuwrapper.news #primary-nav li li a:hover { color: #dd7a20 !important; text-decoration: none; } /* INQUIRE and submenus */ #menuwrapper.inquire #primary-nav li.menuactive, #menuwrapper.inquire #primary-nav li.menuactive > a, #menuwrapper.contactus #primary-nav li.menuactive, #menuwrapper.contactus #primary-nav li.menuactive > a, #menuwrapper.requestmoreinfo #primary-nav li.menuactive, #menuwrapper.requestmoreinfo #primary-nav li.menuactive > a, #menuwrapper.adventureconcierge #primary-nav li.menuactive, #menuwrapper.adventureconcierge #primary-nav li.menuactive > a { color: #53372c !important; REV5color: #9e4418 !important; } #menuwrapper.inquire #primary-nav li li a, #menuwrapper.contactus #primary-nav li li a, #menuwrapper.requestmoreinfo #primary-nav li li a, #menuwrapper.adventureconcierge #primary-nav li li a { color: #53372c; REV5color: #dfd9c8; } #menuwrapper.inquire #primary-nav a:hover, #menuwrapper.inquire #primary-nav li a:hover, #menuwrapper.inquire #primary-nav li li a:hover, #menuwrapper.contactus #primary-nav a:hover, #menuwrapper.contactus #primary-nav li a:hover, #menuwrapper.contactus #primary-nav li li a:hover, #menuwrapper.requestmoreinfo #primary-nav a:hover, #menuwrapper.requestmoreinfo #primary-nav li a:hover, #menuwrapper.requestmoreinfo #primary-nav li li a:hover, #menuwrapper.adventureconcierge #primary-nav a:hover, #menuwrapper.adventureconcierge #primary-nav li a:hover, #menuwrapper.adventureconcierge #primary-nav li li a:hover { color: #dd7a20 !important; text-decoration: none; } /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ /* Styling the apperance of menu items on hover */ #menuwrapper #primary-nav li:hover, #menuwrapper #primary-nav li.menuh, #menuwrapper #primary-nav li.menuparenth, #menuwrapper #primary-nav li.menuactiveh { color: #dd7a20; } #menuwrapper #primary-nav a:hover, #menuwrapper #primary-nav li a:hover, #menuwrapper #primary-nav li li a:hover { color: #dd7a20; text-decoration: none; } #primary-nav a:active, #primary-nav li a:active { outline: none; } /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul { display: none; } #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul { display: block; /* WAS block FOR dropdowns F'ER */ z-index:16002; } /* IE Hacks */ #primary-nav li li { float: left; clear: both; } #primary-nav li li a { height: 1%; } div#menu_horiz a, div#menu_horiz a:hover, div#menu_horiz a:active, div#menu_horiz a:visited { outline: none; text-decoration: none; } div.nav_bar a, div.nav_bar a:hover, div.nav_bar a:active, div.nav_bar a:visited { outline: none; text-decoration: none; } /* End of 'menus' */