#MenuContainerSiteInfo, #MenuContainerChron, #MenuContainerSetting, #MenuContainerDenizens, #MenuContainerTools, #MenuContainerResources {
/* This ID is related to the master menu div for each menu and contains the important positioning information for the menu as a whole
Individual Styles control the positioning offset for each menu */
	position:absolute;
	top:20px;
	visibility:hidden;
	z-index:300;
}
#MenuContainerSiteInfo {
	left:0px;
}
#MenuContainerChron {
	left:161px;
}
#MenuContainerSetting {
	left:343px;

}
#MenuContainerDenizens {
	left:521px;
}
#MenuContainerTools {
	left:715px;
}
#MenuContainerResources {
	left:845px;
}

#MenuSiteInfo, #MenuChron, #MenuSetting, #MenuDenizens, #MenuTools, #MenuResources {
/* This class defines things about each menu's primary div. Subsequent styles cotnrol height/width of the individuals. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#333333;
	border:1px solid #666666;

}

/* Height math = number of elements times 21 + 1 */
/* 8 elements = 169*/
#MenuSiteInfo { /* 6 elements */
	height:148px;
	width:150px;
}
#MenuChron {
	height:127px;
	width:150px;
}
#MenuSetting { 
	height:148px;
	width:150px;
}
#MenuDenizens {
	height:148px;
	width:150px;
}
#MenuTools {
	height:148px;
	width:150px;
}
#MenuResources { /* 4 elements */
	height:106px;
	width:100px;
}

/* Submenu Divs */
/* Height math = number of elements times 21 + 1 */
#MenuSiteInfo_1, #MenuSetting_1, #MenuSetting_2, #MenuDenizens_1, #MenuResources_1, #MenuResources_2, #MenuResources_3 {
	position:absolute;
	visibility:hidden;
	background-color:#333333;
	border:1px solid #666666;
}

#MenuSiteInfo_1 {
/* This class defines things about menu MenuSiteInfo_1's div. (Policies) */
	left:150px;
	top:84px;
	height:43px;
	width:150px;
}

#MenuSetting_1 {
	left:150px;
	top:21px;
	height:106px;
	width:150px;
}
#MenuDenizens_1 {
	left:150px;
	top:21px;
	height:127px;
	width:150px;
}
#MenuResources_1 {
	left:-125px;
	top:20px;
	height:85px;
	width:125px;
}
#MenuResources_2 {
	left:-150px;
	top:41px;
	height:85px;
	width:150px;
}
#MenuResources_3 {
	left:-125px;
	top:62px;
	height:85px;
	width:125px;
}

#MenuContainerSiteInfo a:hover, #MenuContainerChron a:hover, #MenuContainerSetting a:hover, #MenuContainerDenizens a:hover, #MenuContainerTools a:hover, #MenuContainerResources a:hover  {
/* Controls the mouse over effects the popup menu */
	color:#000000;
	background-color:#999999;
}

#MenuContainerSiteInfo a, #MenuContainerChron a, #MenuContainerSetting a, #MenuContainerDenizens a, #MenuContainerTools a, #MenuContainerResources a, #MenuResources_2 a {
/* Controls the general apperance for menu items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#cccccc;
	text-align:left;
	vertical-align:middle;
	padding:3px;
	background-color:#000000;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
	border-left:1px solid #999999;
	border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	height:14px;
	left:0px;
	width:142px; /* 150 - 8 for padding and border */
}

/*These are the specific menus not at the default 150 pixels, therefore, they need to be reduced to 92 */
#MenuResources a, #MenuChron_1 a {
	width:92px; /* 100 - 8 for padding and border */
}

#MenuResources_1 a, #MenuResources_3 a  {
	width:117px; /* 125 - 8 for padding and border */
}


/* Each element after the 2nd is 21 more. Use that to increase the number of classes */
.menuElement_1 {
	border-top:1px solid #999999;
	top:0px;
}

.menuElement_2 {
	border-top:0px;
	top:22px;
}

.menuElement_3 {
	border-top:0px;
	top:43px;
}

.menuElement_4 {
	border-top:0px;
	top:64px;
}

.menuElement_5 {
	border-top:0px;
	top:85px;
}

.menuElement_6 {
	border-top:0px;
	top:106px;
}

.menuElement_7 {
	border-top:0px;
	top:127px;
}

.menuElement_8 {
	border-top:0px;
	top:148px;
}

.menuElement_9 {
	border-top:0px;
	top:169px;
}

.menuElement_10 {
	border-top:0px;
	top:190px;
}

.navSpan150{
	float:left;
	width:140px;
}

.ArrowSpan150{
	position:absolute;
	left:140px;
	top:7px;
}
.ArrowLeft{
	left:5px;
	top:7px;
}