#menu_cntr_cntr {
	background: none !important; 
	position: absolute; /*relative;*/
	clear: both;
	top: 210px;
	left: 0px;
	width: 100%;
	height: 42px;
	margin: 0 auto;
	font-family: "Courier New", Courier, "Helvetica Neue", helvetica, monospace;
	font-size: 95%;
	text-transform: uppercase;
	overflow: visible;	
	z-index: 100;
}

#menu_cntr_cntr a { color: #600; font-style: normal; cursor: pointer; } 
#menu_cntr_cntr a:hover { color: #900; font-style: normal; cursor: pointer; } /* comment out this line if the fade function is being used */
#menu_cntr_cntr a:visited { color: #600; font-style: normal; }
#menu_cntr_cntr a:visited:hover { color: #900; font-style: normal; }
#menu_cntr_cntr a:active { color: #900; font-style: normal; outline: none; }
#menu_cntr_cntr a[href="#"] { cursor: pointer; }

#menu_cntr_cntr .fadeCol {
	color: #600;
	font-style: normal;
}


/**** MENU CENTERING NOTES: ************************************************************************************
***** The width + padding, etc of .nav_menu should equal the width of #menu_cntr_cntr 
***** The width of the li's should be the .nav_menu's width only divided by the # of top level menu items
***** See  MENU CENTERING comments below.
***************************************************************************************************************/
.nav_menu {
	background: none !important;
	position: relative;
	/*left: 40px;*/
	width: 860px; /*785px;*/
	height: 42px;
	margin: 0px auto 0px 40px; /* was 0 auto 0 55 */
}

.nav_menu ul {
	position: relative;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 220;
}

/*Top level list items*/
.nav_menu ul li {  
	position: relative;
	top: 0px;
	display: inline;
	float: left;
	margin: 0 0;
	padding: 0px 0px;
	/*line-height: 42px;*/
	width: auto; /* MENU CENTERING! - the width should be inner width of .nav_menu divided by number of top-level menu items */
	height: 42px;
	text-align: center;
}

/*Top level menu link items style*/
.nav_menu ul li a { 
	background-image: url(img/menu_wht_bg.jpg);
	background-repeat: repeat-x;   /*background of menu items (default state)*/
	position: relative;
	top: 0px;
	float: left; /* for FF2 bug; forces the height for bkgrd img */
	display: inline-block;
	margin: 0px auto; /* was 0 34 0 42 */ /* must adjust the padding in .js file to match, for no submenu arrows */
	padding: 0px 35px 0px 39px; /* was 40 */
	width: auto; 
	height: 42px;
	line-height: 46px;
	/*vertical-align: middle;*/
	color: #900;
	z-index: 240;
}

.nav_menu ul li a:link, .nav_menu ul li a:visited {
	color: #900;
}

/* ------------------- tab hover styling ------------------- */
.nav_menu ul li:hover {
	background-image: url(img/menu_tab_lt_over.jpg);
	background-repeat: repeat-x;
}
.nav_menu ul li a:hover { 
	background-image: url(img/menu_tab_rt.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	/*height: 42px;*/
	/*border-bottom: #41200C dotted 1px;*/
}

/*CSS class that's dynamically added to the currently active menu items' LI A element*/
/****** THIS NEEDS TO BE TIED INTO jqLib AND menuFade CLASS **********/
.nav_menu ul li a.selected { /* not totally working */
	background-image: url(img/menu_tab_rt_over.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
.nav_menu ul li.selected {
	background-image: url(img/menu_tab_lt_over.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}

/* ------ current page active tab styling ------ */  
#home .nav_menu ul li#nav_home,
#about .nav_menu ul li#nav_about,
#services .nav_menu ul li#nav_services,
#events .nav_menu ul li#nav_events,
#links .nav_menu ul li#nav_links,
#sawscey .nav_menu ul li#nav_sawscey,
#contact .nav_menu ul li#nav_contact,
#contact_signup_success .nav_menu ul li#nav_contact {
	color: #900;
	background-image: url(img/menu_tab_lt.jpg);
	background-repeat: repeat-x;
}
#home .nav_menu ul li#nav_home a,
#about .nav_menu ul li#nav_about a,
#services .nav_menu ul li#nav_services a,
#events .nav_menu ul li#nav_events a,
#links .nav_menu ul li#nav_links a,
#sawscey .nav_menu ul li#nav_sawscey a,
#contact .nav_menu ul li#nav_contact a,
#contact_signup_success .nav_menu ul li#nav_contact a {
	color: #900;
	background-image: url(img/menu_tab_rt.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	/*color: #900;*/	
}


/* ---------------------------------------------------------- */
	
/*1st sub level menu*/
.nav_menu ul li ul { 
	background-color: #EBF5F4;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 10px; /* was top 0 or -1 */
	padding: 0px 0 0 0;
	text-align: left;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	box-shadow: 0px 1px 3px #89A6AF;
	-webkit-box-shadow: 0px 1px 3px #89A6AF;
	-moz-box-shadow: 0px 1px 3px #89A6AF;
	z-index: 320;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.nav_menu ul li ul li { 
	/*background-color: #EBF5F4;*/
	background-image: none !important;
	border-bottom: #8FD3D3 solid 1px;	
	position: relative;
	left: 0px;
	float: none;
	width: 250px;
	height: 2em;
	margin: 0px 0px;
	padding: 0;
	display: list-item;
	z-index: 330;
}

.nav_menu ul li ul li:hover {
	background-image: none;
	background-color: #FFF;
}
.nav_menu ul li ul li.end, .nav_menu ul li ul li.end:hover {
	background-image: none;
	background-color: #EBF5F4;
	border-bottom: 0px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.nav_menu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.nav_menu ul li ul li a {
	background-image: none !important; 
	position: relative;
	float: left;
	width: 210px; /*170px;width of sub menus*/
	height: auto;/*2em !important;*/
	line-height: 1em;
	padding: 7px 8px 2px 28px; /* was 7 10 2 30 */
	margin-top: 0px;
	border-top-width: 0;
	border-bottom: 0px solid gray;
	color: #900;
	text-align: left;
}
.nav_menu ul li ul li a:hover {
	background-image: none; 
	background-color: #FFF;
	line-height: 1em;
}
.nav_menu ul li ul li a.green {
	color: #6388AD; /*#063;*/
}

/* Holly Hack for IE \*/
* html .nav_menu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/* ######### ANIMATION DEFAULT STYLES ######### */
/*.menuFadeBG {
	background: #CCF;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	z-index:-10;
} 
*/

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	z-index: 100;
}

.toplevelshadow{ 
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}