/* this used to fill the left sub-column of the menu
   current the red gtr arrow is defined */
td.menuLeft{
	border-bottom:1px solid black;
	width:21px;
	height:23px;
	color: white;
	font-weight:bold ;
	background-color: red;
	background-image: url('images/menuArrow1.gif');
	background-position:  center;
}

td.menuCell {
	border-bottom:1px solid black;
	font-family: Arial;
	text-align: left;
	font-size: 12px;
	font-weight:Bold; 
/* 	background-color:#A6B9C9; */
	background-image: url(/images/embears_light.gif);
/*	background-color:#99ccff;*/
	padding-top:1px; 
	padding-left:4px;
	padding-bottom:1px
}

td.menuCellSelected{
	font-family:Arial;
	font-size: 12px;
	font-weight:Bold; 
	text-align: left;
	text-decoration:none;
	padding-top:1px; 
	padding-left:4px;
	padding-bottom:1px;
	border-bottom:1px solid black;
	background-color:red;
}


td:hover.menuCell { background-color:aqua; background-image: none}
td:hover.menuCellSelected { background-color:aqua;}

a.menuLink { text-decoration:none }
a.menuLinkSelected{ text-decoration:none }


a.menuLink{ color: black; }
a:hover.menuLink { color: white; }
a.menuLinkSelected{	color: white; }
a:hover.menuLinkSelected{ color: white; }

p.menuSNL { padding-top:4px; text-align: center; }

.smallPrint { font-size: small; }


#mainMenu h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	background: url(images/arrow.gif) no-repeat center right;
	font-size: 1.1em;
}

#mainMenu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAF0;
	list-style-type: none;
	font-size: 1.0em;
	width: 165px;
}
#mainMenu ul li {
	padding: 0 0 0 0px;
	border-bottom: 1px solid #E8E7D0;
}
#mainMenu ul li a {
	display: block;
	margin: 0 0 0 0;
	padding: 2px 10px 0 10px;
	text-decoration:none;
	color:black;
} 
html>body #mainMenu ul li a {
}
#mainMenu ul li a:hover {
	color:black;
	background-color:aqua;
}

/* nest used for page selection */
#mainMenu ul ul li {
	padding: 0 0 0 0px;
	border-bottom: 1px solid #E8E7D0;
}
#mainMenu ul ul li a {
	display: block;
	margin: 0 0 0 0px;
	padding: 2px 10px 0 10px;
	text-decoration:none;
	background-color: red;
} 
html>body #mainMenu ul ul li a {
}
#mainMenu ul ul li a:hover {
	color: white;
}