@charset "UTF-8";

/**
 * Horizontal Upward CSS Drop-Down Menu Component
 *
 * @file		dropdown.upward.css
 * @package		Dropdown
 * @version		0.1
 * @type		Transitional
 * @requires	dropdown.upward.css
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

@import "dropdown.css";

ul.dropdown-upward ul {
	top: auto !important;
	bottom: 100%;
	}

ul.dropdown-upward ul ul {
	bottom: -3px; /* 1px; */
	}


/**********************************************************

	BEGIN SKINNING DECLARATIONS
	2009-03-29 vd
	
***********************************************************/

/* 
	I don't need this - vd
	@import "helper.css"; 
*/


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

ul.dropdown li {
	background: url(../images/crutch.gif);
	color: #000;
	text-align: center;
	}

#nav {
	position: absolute;
	top: 286px;
	left: 48px;
	z-index: 99;
	}

#navExp a,
#navDine a,
#navPlay a,
#navMeet a,
#navEvents a {
	display: block;
	float: left;
	width: auto;
	height: 0;
	overflow: hidden;
	padding-top: 40px !important;
	}
	
/* Nav buttons */
#navExp a { width: 174px; background: url(../images/nav_experience-trans.png) left top no-repeat;behavior: url(js/iepngfix.htc); }
#navDine a { width: 168px; background: url(../images/nav_dine-trans.png) left top no-repeat;behavior: url(js/iepngfix.htc); }
#navPlay a { width: 168px; background: url(../images/nav_play-trans.png) left top no-repeat;behavior: url(js/iepngfix.htc); }
#navMeet a { width: 169px; background: url(../images/nav_meet-trans.png) left top no-repeat;behavior: url(js/iepngfix.htc); }
#navEvents a { width: 174px; background: url(../images/nav_events-trans.png) left top no-repeat;behavior: url(js/iepngfix.htc); }

/* Nav rollovers */
ul.dropdown li.hover a,
ul.dropdown li:hover a {
	background-position: 0 -40px !important;
	}

/* Nav links */
ul.dropdown a:link,
ul.dropdown a:visited {
	color: #ffffff; 
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-transform: uppercase; 
	}
ul.dropdown a:hover	{ color: #b4dced; }
ul.dropdown a:active { color: #ffa500; }


/* -- level mark -- */

ul.dropdown ul {
	width: 160px;
	margin-top: 1px;
	background: url(../images/bg_subnav-trans.png) left top no-repeat;
	padding: 24px 0 4px 0;
	behavior: url(js/iepngfix.htc);
	}
/* Move Experience sub sub nav down to keep from covering CTA */
ul.dropdown-upward ul#snExp ul.adjTop { bottom: -75px; }

ul.dropdown ul a { display: block; padding: 3px; }

/* Subnav offset */
ul.dropdown ul#snExp { left: 10px; }
ul.dropdown ul#snDine { left: 4px; }
ul.dropdown ul#snPlay { left: 4px; }
ul.dropdown ul#snMeet { left: 5px; }

/* test */
ul.dropdown ul ul { 
	background: url(../images/bg_subsubnav-trans.png) left top no-repeat;
	behavior: url(js/iepngfix.htc);
	}