/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	
/* Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* Primary Navigation Bar Position. */
#primary_nav { position:absolute; top:105px; left:75px; width:605px; height:90px; padding-left: 0px; border: 0px solid #000000;
}

/* Utility Navigation Bar Position. */
#ulility_nav { position:absolute; top:70px; left:730px; border: 0px solid #000000; width:150px; height:125px;
}

/* Remove the padding, margins and bullets from the Utility Nav list */

#ulility_nav ul {margin: 0; padding: 0; list-style-type: none;}

#ulility_nav ul li { display: inline; }

#ulility_nav ul li a { text-decoration: none;}


/* Define multi_level_menu. */
#multi_level_menu { display: block; clear: both; height: 20px; margin: 0; list-style: none; color: #fff; font-size: 11px; z-index:6000;
}

#multi_level_menu ul { list-style: none;
}

#multi_level_menu li { float: left;
}

/* Contextual Navigation Bar Position. */
#contextual_nav { display:block; margin: 4px 0 16px 0;
}	

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Primary Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* IMPORTANT NOTE!!!! All nav items <a> tags must have 2 styles: primary-link and a unique nav class */

/* Default top link styling */
/* Set up the top level list items and float left to place inline. Background image here pre-loads the background for the dropdown menus  */
.menu li.top {display:block; float:left; position:relative;}
.menu li a.primary_link {display:block; float:left; position:relative; height:90px; }

/* Define all images for the MC Primary Navigation. Adding the background image in the li tag helps DW retain the nav bar in Design Mode. Not necessary for menu function. */

.menu li a.nav_home {background:url(../images/nav-home.gif) no-repeat; width:104px;}
.menu li a.nav_findacabin {background:url(../images/nav-findacabin.gif) no-repeat; width:110px;}
.menu li a.nav_sellacabin {background:url(../images/nav-sellacabin.gif) no-repeat; width:125px;}
.menu li a.nav_lifestyle {background:url(../images/nav-lifestyle.gif) no-repeat; width:134px;}
.menu li a.nav_roadside {background:url(../images/nav-roadside.gif) no-repeat; width:132px;}
.menu li a.nav_teamdiva {background:url(../images/nav-roadside.gif) no-repeat; width:132px;}

/* Set up the first drop down sub level. */
.menu :hover ul.sub {left:0; top:24px; background:url(../images/bg-dropdown.gif) no-repeat; margin-left: 3px; padding:0px 0; border:1px solid #003d21; border-top-color:#003d21; white-space:nowrap; width:190px; height:auto; background-color: #00703c;}
.menu :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:120px;}
.menu :hover ul.sub li a {display:block; font-size:10px; height:18px; width:190px; line-height:18px; text-indent:23px; color:#ffffff; text-decoration:none; border:0px solid #fff;}
.menu :hover ul.sub li a:hover {background: #01522d url(../images/nav-dropdown-arrow.gif) 12px 4px no-repeat; color:#f9b60e;}

.menu :hover ul.sub li a.fly {background: url(../images/nav-arrow-red-sm.gif) 176px 5px no-repeat;}
.menu :hover ul.sub li a.fly:hover {background:#a1b6c1 url(../images/nav-arrow-red-sm.gif) 176px 5px no-repeat; color:#341c0e;}
.menu :hover ul li:hover a.fly {background:#a1b6c1 url(../images/nav-arrow-red-sm.gif) 176px 5px no-repeat; color:#000000;}
.menu :hover ul.sub li ul li a {display:block; font-size:10px; height:18px; width:210px; line-height:18px; text-indent:12px; color:#341c0e; text-decoration:none; border:0px solid #fff;}

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul
{left:190px; top:2px; background:url(../images/bg-dropdown-tert.png) no-repeat; padding:0px 0; border:1px solid #888; white-space:nowrap; width:210px; height:auto; z-index:300;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Utility Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* IMPORTANT NOTE!!!! All nav items <a> tags must have 2 styles: utility-link and a unique nav class */

/* Default utility link styling */
.menu-utility li a.utility-link {float:right; color: #666666; font-weight: 400; font-style: normal; font-size: 11px; line-height: 16px; font-family: Arial, sans-serif; text-decoration: none; text-transform: uppercase; border: 0px solid #000000;}
.menu-utility li a.utility-link:hover {color: #000000;}
.menu-utility li a.utility-link:visited {color: #666666;}
.menu-utility li a.down {color: #000000;}
.menu-utility li a.teamdiva {background:url(../images/nav-teamdiva.gif) no-repeat; width:150px; height:124px; padding:0px;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Horizontal Navigation Properties Defined. Applies to all horizontal navigation. */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size: 11px;}

/* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */
.menu li {float:left;}

/* Move the navigation image top right for rollover effect */
.menu li a:hover { background-position: top right;}
.menu-utility li a:hover { background-position: top right;}

/* Move the navigation image top right for down effect */
.menu li a.down {background-position: top right;}
.menu-utility li a.down {background-position: top right;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

 /* move the link text off screen */
.menu li a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px; line-height: 10px;}
.menu-utility li a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px; line-height: 10px;}

/* Define the hover functionality for horizontal navigation*/
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover {position:relative; z-index:200;} /* for IE7 */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Left Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.menulft {list-style-type:none; padding:20px 0px 20px 0px; margin:0; font-family:arial, sans-serif; background-color:#a93d23;}

/* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */
/*.menulft li {border:1px solid #8DA3BF; border-width:1px 0 0 0; float:left;}
.menulft li.bottom {border:1px solid #8DA3BF; border-width:1px 0 1px 0; float:left;}*/

/* IMPORTANT NOTE!!!! All nav items <a> tags must have 2 styles: left-link and a unique nav class */

/* Default left link styling */
.menulft li a.left-link {display:block; height:25px; width:225px;}
 /* Move the link text off screen */
.menulft li a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px; line-height: 10px;}

/* Define all images for MC Meeting Planners Left Navigation */
.menulft li a.mclft-backcountry-properties {background:url(../images/leftnav-backcountry-properties.gif) no-repeat;}
.menulft li a.mclft-overview {background:url(../images/leftnav-overview.gif) no-repeat;}
.menulft li a.mclft-search-the-mls {background:url(../images/leftnav-search-the-mls.gif) no-repeat;}
.menulft li a.mclft-sellers {background:url(../images/leftnav-sellers.gif) no-repeat;}
.menulft li a.mclft-realtors {background:url(../images/leftnav-realtors.gif) no-repeat;}


/* Move the navigation image top right for rollover effect */
.menulft li a:hover { background-position: top right;}

/* Move the navigation image top right for down effect */
.menulft li a.down {background-position: top right;}