.interactiveMenuBarDiv {
    font-family : Arial,sans-serif,Verdana;
    float:left;
    font-size : 1.00em ;
    width : 23%;
	height : 100%;
}
.interactiveMenuBar{
	width : 100%;
	overflow:auto;
	height:60%;
}
.interactiveBox {
    float:right;
	padding: 10px;
	width: 87%;
}
.content {
	width:100%;
	float:left;
	height:100%;
}
#infoPic {
	margin-left:auto;
	margin-right:auto;
	border-right-width:8;
	padding : 0px;
	border-right-color:#CCFFCC;
}
#infoText {
	margin-left:auto;
	margin-right:auto;
	border-left-width : 500px;
	padding : 5px;
	width:auto;
}
#interactiveInformation {
    width : 75%;
	text-align:left;
	overflow:auto;
	height: 100%;
	border-left-width : 5px;
	border-left-color : #CCFFCC;
    float:right;
}
.extraMenu div {
	padding:2px;
}
.extraMenu div:hover{
	background-color:white;
}
.menubar {
    background-color:#558565;
    left:0;
    height:100%;
	width:9%;
    float:left;
    border-style:solid;
    border-right-width:8;
    border-right-color:black;
	font-size:12px;
}
.InteractiveMenuItem {
	padding : 4px;
}
.interactiveMenuBar div {
    background-color:#FBEDD4;
}

.interactiveMenuBar a:link {
	color : #400080;
}
.interactiveMenuBar a:visited{
	color : #990000;
}
.interactiveMenuBar div:hover {
    color:black;
    background-color:#92B99F;
	border-radius : 10px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
}
.grid-child {
	border-width: 2px;
	border-color: black;
}