/*MAKE SURE THIS CONTAINER IS NOT IN THE MAIN STYLE SHEET FOR THE WEBSITE*/
#Menu_Cont {
	height: 205px;
	width: 128px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	vertical-align: top;
	/*position: relative;
	float:left;
	z-index: 2;*/	
	/*background-image:url(../../../images/Navbar_bkg.png);
	background-repeat: repeat-x;
	background-color: #343284;  DARK COLOR */
}


/*THE FIRST UL*/
.horizontal ul{
	list-style-type: none; /*WHEN MENU IS VERTICAL(.HORIZONTAL LI), FFX SHOWS ON ALL ITEMS IE ONLY ON SOME */
	padding: 0px; /*THIS CONTROLS THE PADDING AROUND THE WHOLE OF THE MENU. IE6,IE7,FFX*/	
	/*display: block;*/
	height: 0.4em; /*THIS CONTROLS THE HEIGHT OF THE FIRST LINE MENU. IE6,IE7,FFX*/
	margin: 0 auto;   /* align for good browsers MAKES IT LOOK BETTER IN IE6 AND FFX */
	margin-left: 20px; /*THIS GIVES THE APPEARANCE OF CENTERING THE MENU. MOVE THIS AFTER YOU HAVE ALL YOUR FIRST LINE MENUS DONE. */	
}
.horizontal ul a{
	color: #000000;
	font-weight:800;
}
.horizontal ul a:hover{
	color: #000000;
	font-weight:800;
}
.horizontal ul a:visited{
	color: #000000;
	font-weight:800;
}
.horizontal li{
	float: left; /*HORIZONTAL DISPLAY FOR THE FIRST LINE MENU. IE6,IE7,FFX*/
	height: 1.6em; /*this controls box height on submenu. IE6,IE7,FFX */
	/*display: inline;*/
	color: #000000;
	font-weight:800;
}
.horizontal li a{
	text-decoration: none;
	float: left;
	/*display: block;*/ /* BOTH OF THESE SEEM TO BE DOING THE SAME THING, CONTROLS THE SUBMENU TO GO ONE UNDER THE OTHER.*/
	/*width: 125px;			this forces the width to be minimum this width and overwrites .menuitem use when you want all to be equal*/
	padding: 0px 1em 0px 1em;	/*TOP RIGHT BOTTOM LEFT this controls padding on all the a's within the border*/
	/*border: 1px solid #00FF00;   this controls the border for all the a's VERY USEFUL FOR TESTING*/
	/*border-left: none;   this controls the border for all the a's (removes left)*/
}
/*THE SUBMENU BOX*/
.horizontal li ul{
	position: absolute;/**/ 
	margin-top: 1.6em;/*CONTROLS MENU PLACEMENT FROM MAIN LINE VERTICALLY. WORKS ON FFX. MUST BE HACKED FOR IE*/
	margin-left: -1px; /*CONTROLS MENU PLACEMENT FROM MAIN LINE HORIZONTALLY. WORKS ON FFX. MUST BE HACKED FOR IE*/	
	width: 185px;	  /*SUBMENU WIDTH MOZILLA AND IE*/	
	display: none;
	height: auto;/*CONTROLS THE HEIGHT, NEEDED TO DISPLAY THE BACKGROUND COLOR OVER THE WHOLE SUBMENU.*/
	background-color: #9daed0; /* LIGHT COLOR */ /* this controls the background color for the submenu*/
	border: 1px solid white;    /* border: none; this controls the border for the submenu*/
}
/*THIS CONTROLS THE ROLLOVER WIDTH ON THE SUBMENUS*/
.horizontal li li a{
	width: 160px; /*THIS IS NECESSARY, OR THE SUBMENUS WILL MESS UP IE6,IE7,FFX*/
	line-height:20px;
	COLOR: #343284; /* DARK COLOR */ /*SUBMENU TEXT COLOR*/
}
.horizontal li li a{
	/*border-top: none;   this controls the border for the submenu a's (removes top)*/
}
.horizontal li li a:hover{
	COLOR: #9daed0; /* LIGHT COLOR */ /*SUBMENU ROLLOVER TEXT COLOR*/
	font-weight: bold; /*SUBMENU ROLLOVER BACKGROUND COLOR HEIGHT*/
	background-color: #343284; /* DARK COLOR */
	/*border-color: white;*/
}
/*THIRD SUBMENU WIDTH MOZILLA AND IE ALIGNMENT*/
.horizontal li li ul{
	position: absolute;
	margin-top: 0.6em; /**/
	margin-left: 160px; /*THIS MUST BE HACKED FOR IE (LEFT 0PX)*/	
	display: none;
}

/*this is the css for the vertical version*/
.vertical ul{
	list-style-type: none;
	padding:  0px 0.8em 0px 0.5em;	/*TOP RIGHT BOTTOM LEFT*/
	margin-top: -0em;
	/*height: 0.4em; THIS CONTROLS THE HEIGHT OF THE FIRST LINE MENU. IE6,IE7,FFX*/
	/*border-top: 1px solid;*/
	/*width: 204px;*/
}
.vertical ul a{
	color: #000000;
	font-weight:800;
}
.vertical ul a:hover{
	color: teal;
	font-weight:800;
}
.vertical ul a:visited{
	color: #000000;
	font-weight:800;
}
.vertical li{
	height: 1.7em; /*this controls box height on main menu items. IE6,IE7,FFX */
	/*display: inline;*/
}
.vertical li a{
	display: block;
	/*width: 200px;*/
	text-decoration: none;
	height: 1em;
	padding: .1em 1px;
	/*border-top: 0px;*/
}
/*THE SUBMENU BOX*/
.vertical li ul{
	position: absolute;
	margin-top: -1.3em;
	margin-left: 100px; /*CONTROLS MENU PLACEMENT FROM MAIN LINE HORIZONTALLY. WORKS ON FFX. MUST BE HACKED FOR IE*/	
	padding:  0px 0px 0px 0px;	/*TOP RIGHT BOTTOM LEFT*/
	width: 160px;	  /*SUBMENU WIDTH MOZILLA AND IE*/	
	display: none;
	border: 1px solid; /*SUBMENU BORDER (ALL AROUND, NOT BETWEEN THE LINES)*/
	border-top: none; /*REMOVES TOP FOR THE LI'S BORDER*/
	background-color:#FFFFFF; /*SUBMENU BACKGROUND COLOR*/
}
/*THIS CONTROLS THE ROLLOVER WIDTH ON THE SUBMENUS*/
.vertical li ul li a{
	width: 150px; /*THIS IS NECESSARY, OR THE SUBMENUS WILL MESS UP IE6,IE7,FFX*/
	height: 1.2em; /*this controls box height on main menu items. IE6,IE7,FFX */
	padding:  2px 2px 2px 8px;	/*TOP RIGHT BOTTOM LEFT*/
	border-top: 1px solid;
	/*line-height:30px;*/
	COLOR: #000000; /* DARK COLOR */ /*SUBMENU TEXT COLOR*/
}
.vertical li li a{
	/*border-top: none;   this controls the border for the submenu a's (removes top)*/
}
.vertical li ul li a:hover{
	COLOR: #000000; /* LIGHT COLOR */ /*SUBMENU ROLLOVER TEXT COLOR*/
	font-weight: bold; /*SUBMENU ROLLOVER BACKGROUND COLOR HEIGHT*/
	background-color: #FFEACF; /* DARK COLOR */
	/*border-color: white;*/
}
/*THIRD SUBMENU WIDTH MOZILLA AND IE ALIGNMENT*/
.vertical li li ul{
	position: relative;
	/*margin-top: 1px; THIS MUST BE HACKED FOR IE*/
	margin-left: 120px; /*THIS MUST BE HACKED FOR IE (LEFT 0PX)*/	
	display: none;
}