/* ==================================================================== */
/* ===================================== DON'T MESS WITH THIS STUFF === */

/* ==== SUPPORTS UP TO 4 LEVELS DEEP === */
li.parent_here a { cursor: default; }
li.parent_here ul li a, li.parent_here ul li ul li a, li.parent_here ul li ul li ul li a { cursor: pointer; }
.menu { position: relative; margin: 0; padding: 0px; width: 100%; height: 100%; z-index: 1000; zoom: 1; }
.menu ul { padding: 0; margin: 0; list-style-type: none; }
.menu ul li, .menu ul li ul li { float: left; position:relative; }
.menu ul li ul, .menu ul li:hover ul li ul, .menu ul li:hover ul li:hover ul li ul { display: none; }
.menu ul li a, .menu ul li a:visited, .menu ul li.active { display: block; overflow: hidden }
.menu ul li:hover ul { display: block; position: relative; }
.menu ul li:hover ul li:hover ul, .menu ul li:hover ul li:hover ul li:hover ul { display: block; position: relative; }
.menu ul li:hover ul li:hover ul { top: 0px; }
/* ==================================================================== */
/* ==================================================================== */




/* ==================================================== DEFINITIONS === */
/* =======================================================================
Active Children : Currently selected menu item
Active Parent : Parent of a selected menu item
Active-Selected Parent : Parent item that is also the currently selected menu item
/* ==================================================================== */




/* ========================================================= COLORS === */
/* =======================================================================
light blue: #aac
dark gray: #444
light gray: #ccc
red: #a77
yellow: #faf7dd
/* ==================================================================== */




/* ============================================== MAIN MENU STYLING === */
/* ==================================================================== */

/* ========================= MENU CONTAINER === */
.menu {
	background: url(images/menubg.png) top left repeat-x;
	border: none;
	width: 630px;
}

/* ========================= LEVEL 1 ITEM WIDTH === */
.menu ul li, .menu ul li a {
	width: 90px;
}

/* ========================= LEVEL 2+ ITEM WIDTH === */
.menu ul li ul, .menu ul li ul li, .menu ul li ul li a {
	width: 125px;
}
.menu ul li ul li ul {
	left: 126px; /* be sure to add for any padding or borders from your styles */
}

/* ==================================================================== */

/* ========================= LEVEL 1 ITEM HEIGHT === */
.menu, .menu ul li, .menu ul li a {
	line-height: 25px;
	height: 25px;
}
/* ========================= LEVEL 2+ ITEM HEIGHT === */
.menu ul li ul, .menu ul li ul li, .menu ul li ul li a {
	height: 25px;
	line-height: 25px;
}
.menu ul li ul li ul li {
	top: -25px; /* set to negative of height */
}
/* ==================================================================== */
/* ==================================================================== */





/* ======================================= MENU ITEM COMMON STYLING === */
/* ==================================================================== */

/* ========================= LEVEL 1 === */
.menu ul li a, .menu ul li a:visited, .menu ul li {
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	background: none;
	text-decoration: none;
	border-right: solid 1px #f0f0f0;
	margin-right: -1px;
}

/* ========================= LEVEL 2 === */
.menu ul li ul li a, .menu ul li ul li a:visited,  .menu ul li ul li, .menu ul li ul li.active {
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	border-right: solid 1px #fff;
}

/* ==================================================================== */
/* ==================================================================== */




/* ================|=====================================|============= */
/* ================|=====================================|============= */
/* ================|========== MENU BUTTONS =============|============= */
/* ===============\|/===================================\|/============= */
/* ================V=====================================V============= */



/* ======================================================= INACTIVE === */
/* ==================================================================== */

/* ================================================= CHILD === */

/* ========================= LEVEL 1 === */
/* === OUT === */
.menu ul li a, .menu ul li a:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: none;
}
/* === OVER === */
.menu ul li:hover a, .menu ul li:active a {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_topselected.png) center center no-repeat;
}

/* ========================= LEVEL 2 === */
/* === OUT === */
.menu ul li:hover ul li a, .menu ul li:hover ul li a:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/greybg.png) top left repeat;
}
/* === OVER === */
.menu ul li:hover ul li a:hover, .menu ul li:hover ul li a:active {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_selected.png) top left repeat-x;
}

/* ========================= LEVEL 3+ === */
/* === OUT === */
.menu ul li:hover ul li:hover ul li a, .menu ul li:hover ul li:hover ul li a:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/greybg.png) top left repeat;
}
/* === OVER === */
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li:hover ul li:hover ul li a:active {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_selected.png) top left repeat-x;
}


/* ================================================ PARENT === */

/* ========================= LEVEL 1 === */
/* === OUT === */
.menu ul li a.hide, .menu ul li a.hide:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: none;
}
/* === OVER === */
.menu ul li:hover a.hide, .menu ul li:active a.hide {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_topselected.png) top left no-repeat;
}

/* ========================= LEVEL 2 === */
/* === OUT === */
.menu ul li:hover ul li a.hide, .menu ul li:hover ul li a.hide:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/greybg.png) top left repeat;
}
/* === OVER === */
.menu ul li:hover ul li:hover a.hide, .menu ul li:hover ul li:active a.hide {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_selected.png) top left repeat-x;
}


/* ======================== LEVEL 3+ === */
/* === OUT === */
.menu ul li:hover ul li:hover ul li a.hide, .menu ul li:hover ul li:hover ul li a.hide:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/greybg.png) top left repeat;
}
/* === OVER === */
.menu ul li:hover ul li:hover ul li:hover a.hide, .menu ul li:hover ul li:hover ul li:active a.hide {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_selected.png) top left repeat-x;
}



/* ========================================================= ACTIVE === */
/* ==================================================================== */

/* ================================================= CHILD === */

/* ========================= LEVEL 1 === */
/* === OUT === */
.menu ul li.active {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_topselected.png) top left repeat;
}
/* no over */

/* ========================= LEVEL 2 === */
/* === OUT === */
.menu ul li:hover ul li.active {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_selected.png) top left repeat;
}
/* no over */

/* ======================== LEVEL 3+ === */
/* === OUT === */
.menu ul li:hover ul li:hover ul li.active {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_selected.png) top left repeat;
}
/* no over */


/* ================================================ PARENT === */

/* ========================= LEVEL 1 === */
/* === OUT === */
.menu ul li a.active, .menu ul li a.active:visited {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: none;
}
/* === OVER === */
.menu ul li:hover a.active, .menu ul li:active a.active {
	background: url(images/menubg_topselected.png) top left no-repeat;
}

/* ========================= LEVEL 2 === */
/* === OUT === */
.menu ul li:hover ul li a.active, .menu ul li:hover ul li a.active:visited {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/greybg.png) top left repeat;
}
/* === OVER === */
.menu ul li:hover ul li:hover a.active, .menu ul li:hover ul li:active a.active {
	background: url(images/menubg_selected.png) top left repeat-x;
}

/* ======================== LEVEL 3+ === */
/* === OUT === */
.menu ul li:hover ul li:hover ul li a.active, .menu ul li:hover ul li:hover ul li a.active:visited {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/greybg.png) top left repeat;
}
/* === OVER === */
.menu ul li:hover ul li:hover ul li:hover a.active, .menu ul li:hover ul li:hover ul li:active a.active {
	background: url(images/menubg_selected.png) top left repeat-x;
}


/* ======================================= SELECTED PARENT === */

/* ========================= LEVEL 1 === */
/* === OUT === */
.menu ul li.parent_here a.active, .menu ul li.parent_here a.active:visited {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_topselected.png) top left no-repeat;
}
/* === OVER === */
.menu ul li.parent_here:hover a.active, .menu ul li.parent_here:active a.active {
	color: #444;
	text-shadow: 0px 0px 2px #444;
	background: url(images/menubg_topselected.png) top left no-repeat;
}

/* ========================= LEVEL 2 === */
/* === OUT === */
.menu ul li:hover ul li.parent_here a.active, .menu ul li:hover ul li.parent_here a.active:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/menubg_selected.png) top left repeat-x;
}
/* === OVER === */
.menu ul li:hover ul li.parent_here:hover a.active, .menu ul li:hover ul li.parent_here:active a.active {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/menubg_selected.png) top left repeat-x;
}

/* ======================== LEVEL 3+ === */
/* === OUT === */
.menu ul li:hover ul li:hover ul li.parent_here a.active, .menu ul li:hover ul li:hover ul li.parent_here a.active:visited {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/menubg_selected.png) top left repeat-x;
}
/* === OVER === */
.menu ul li:hover ul li:hover ul li.parent_here:hover a.active, .menu ul li:hover ul li:hover ul li.parent_here:active a.active {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	background: url(images/menubg_selected.png) top left repeat-x;
}