body {  
	behavior: url(includes/csshover.htc);
	}
	
/*top level purple*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {
	color: #639!important;
	background:#CCF;
/* j-town additions */
/*	border: 1px solid #0066cc;*/
  	text-decoration: none;
}


/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/ 

/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
	
#dropMenuWrapper {
	width:100%;
/*pushes text down below dropdown */
/*	height:25px;
*/
	margin:0;
	font-size:11px;
	}
	
div#dropMenu {
/* jt changed to fit in right col total width - leftcol width - 800-160 -->
  	width:620px/*750px*/;
  	margin:0 auto;
    text-align:center;
	z-index:1000;
	position:relative;
/* added border around top area -so if text is less than two lines the border will not be shorter*/
/*	border-bottom: 1px solid #0C0;*/ /*green*/
		}

div#dropMenu ul {
	margin: 0; 
	padding: 0;

	}
	
div#dropMenu li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: left; 
	line-height: 1em;
/* jt added so all  fit on one line */
/*	width: 102.8px;*/
	width: 124.8px;
}
	
div#dropMenu ul.level1 {
/* jt changed to fit in right col total width - leftcol width - 800-160 -->
  	width:620px/*750px*/;
	margin:0 auto; 
	text-align:center;
	background:#CFC;
/* jt changed to so green background was height of cells*/
		height: 38px/*40px*//*25px*/;

	z-index:1000;
}
	
div#dropMenu li:hover {}
div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}

/* top level */
div#dropMenu li a {

	display: block; 
	padding: 7px 25px ;
	text-decoration: none; 
/*
	text-transform:uppercase; 
*/
	color:#060; 
	text-align:center; 
	border-right:1px solid #0C0;
/* j-town additions */
	border-top:1px solid #0C0;
	border-left:1px solid #0C0;
/* bottom border of top (parent) */
	border-bottom:1px solid #0C0;
/* set height so always the same wheter one line of text or two */
height: 23px;
	} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; 
/* width of background color of subbar*/
width: /*9.3em*/ 11.3em;
display: none;}

/* bottom border of dropdown */
div#dropMenu ul ul li {
 /* green */
/* commented out because  created double line between items
	border-bottom: 1px solid #0C0;
*/
	width:124.7px /*9.3em*/;} // jt: it's the width of the submenu

div#dropMenu li.submenu li.submenu {}
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {
	top: 3.4em; 
left:0em;
 /* light green */
	background:#CFC;
	z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em; background:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;/*color: white; */
	text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}