body {
	background-image: url("../images/Left1.jpg");
	margin: 0;
	padding: 0;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}
#box {
	width: 540px;
	margin: 5em auto;
	margin-left: 36px;
	padding: 36px;
	background-color: #34F3FB;
	color: black;
	border-radius: 1em;
	opacity: 0.72;
	float: left;
}
a:link {
	color: #000000;
	text-decoration: none;
	opacity: 1;
}

a:visited {
	color: #cF0000;
	text-decoration: none;
	opacity: 1;
}
	
a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

ul {
	margin-left: 0px;
}

#leftMenuDiv {
	float: left;
	background-color: #f0f0f2;
	opacity: .72;
	margin-top: 110px;
	border-radius: 1em;
	padding-left: 5px;
	padding-right: 15px;
	
}

#leftMenu {
	width: fit-content;
	color: black;
	list-style-type: none;

}

@media (max-width: 700px) {
	body {
		background-color: #fff;
	}
	div {
		width: auto;
		margin: 0 auto;
		border-radius: 0;
		padding: 1em;
	}
}

a:hover {
 	text-decoration:underline;
}

#topbar {
	 width:100%;
	 height:48px;
	 /*background-color:#58FA58;*/
	 background-color:#DBBA2F;
	 opacity: 0.90;
	 color:#f0f0f2;
	 font-family: "Comic Sans MS", cursive, sans-serif;
	 margin:0;
	
 }
 
 #topbarheader {
	padding-left: 10px;
	font-size: 2.0em;
	float:left;
 }
 
 #subtopbar {
	font-size: 1.75em;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
}