/*  BASE CSS  */

div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Wraps both the Area and SubArea menus.  Full Wrapper */
.MenuWrapperDiv{
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
}

	/* Wraps the entire Area menu. */
	.AreaMenuItemWrapperDiv{
		/* padding:5px; */
		display:flex;
	}
		/* Wraps the Area selectable item. */
		.AreaMenuWrapperDiv{
			border:1px solid gray;
			border-radius: 0px 15px 0px 0px;
			cursor:pointer;
		}
		.AreaMenuWrapperDiv:hover{
			background-color:RGBA(255,255,255,0.5);
		}
		.AreaMenuWrapperDiv:active{
			background-color:RGBA(255,255,255,0.75);
		}
		/* Wraps the Area selectable item. Emphasizes it is selected. */
		.AreaMenuWrapperSelectedDiv{
			border:1px solid gray;
			border-radius: 0px 15px 0px 0px;
			background-color:RGBA(255,255,255,0.9);
			cursor:pointer;
			text-decoration: underline;
		}
		.AreaMenuWrapperSelectedDiv:hover{
		}
			/* The actual area selectable Area item. */
			.AreaMenuItemDiv{
				padding: 5px;
			}


	/* Wraps the entire Sub-Area menu. */
	.SubAreaMenuItemWrapperDiv{
		/*padding:5px;*/
		display:flex;
	}
		/* Wraps the Sub-Area selectable item. */
		.SubAreaMenuWrapperDiv{
			/* margin-right:10px; */
			background-color:RGBA(255,255,255,0.2);
			border:1px solid gray;
			cursor:pointer;
			padding-left:5px;
			padding-right:5px;
		}
		.SubAreaMenuWrapperDiv:hover{
			background-color:RGBA(255,255,255,0.5);
		}
		.SubAreaMenuWrapperDiv:active{
			background-color:RGBA(255,255,255,0.75);
		}
		/* Wraps the Sub-Area selectable item. Emphasizes it is selected. */
		.SubAreaMenuWrapperSelectedDiv{
			/* margin-right:10px; */
			background-color:RGBA(255,255,255,0.9);
			border:1px solid gray;
			cursor:pointer;
			padding-left:5px;
			padding-right:5px;
			text-decoration: underline;
		}
			/* The actual area selectable Sub-Area item. */
			.SubAreaMenuItemDiv{
				padding: 5px;
			}



/* PROJECT INHERITED CSS */
/* File not found: /PageMenu.css */