﻿/*	Single Button (No sub menus) =====================================	*/	

div.MainMenu {
	color:black;
	background:#F1F1F1;
	width: 100%;
	display: block;
	text-indent: 5px;
	}
	
div.MainMenu a {
	color:black;
	background:#F1F1F1;
	text-decoration: none;
	display: block;
	padding-top:2px;
	padding-bottom:2px;
	}
	
div.MainMenu a:hover {
	color:white;
	background:#376b9f;
	text-decoration: none;
	display: block;
	padding-top:2px;
	padding-bottom:2px;
	}

.MainMenuBoundary {
	display: block;
	width: 100%;
	height: 6px;
	border-top: 1px #323232 solid;
	margin-top:4px;
	color:#F1F1F1;
	}

/*	Sub Menus =================================================================	*/	

div.SubMenuHeader {
	color:black;
	width: 100%;
	display: block;
	text-indent: 5px;
	padding:2px 0px 2px 0px;
	}
	
div.SubMenuHeader a {
	color:black;
	text-decoration: none;
	display: block;
	padding-top:2px;
	padding-bottom:2px;
	}

div.SubMenuHeader a:hover { 
	color:white; 
	}

div.SubMenu {
	color:black;
	padding:1px 1px 1px 1px; 
	}
	

/* PopUp Help Menus=========================================================*/	

.HelpMenu {
	background-color:#F1F1F1;
	padding-top:2px;
	padding-bottom:2px;
	height:18px;
	text-indent:5px; 	
	}
	
.HelpMenuTitle {
	font-size:larger;
	}

.HelpMenu:hover {
	color:white;
	background:#376b9f;
	text-decoration: none;
	display: block;
	padding-top:2px;
	padding-bottom:2px;
	}

.HelpMenu div {
	background-color:Red;
	visibility:hidden;
	position:absolute;
	}
	
.HelpMenu:hover div {
	background-color:#F1F1F1;
	border:solid 1px black;
	color: black;
	width:250px;
	white-space:normal;
	text-decoration:none;
	visibility:visible;
	margin-top:-200px;
	left:120px;
	overflow:hidden;
	padding:10px 10px 20px 10px;
	z-index:1000;
	border:black 1px solid;
	}
	

