/*This is a comment*/
html, body{
height:100%;
}

body {
	background-color:#39275B;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #191970;

}
h1
{
	align:middle;
}

div.container
{
	background-color:#E6E6E6;
	background-color:rgba(E6,E6,E6,0.1);
	margin-left: auto;
	margin-right: auto;
	width:80%;
	height:200px;
	padding: 25px;
	border-radius: 5px;
	overflow:auto;
	clear:both;

}
header
{
	border:none;
	width:100%;
	height:auto;
}
div.intro
{
	font-size: 16px;
	border:none;
	float:left;

}
div.menu
 {
	font-size: 16px;
	border:none;
	float:right;
 } 
 #graph
 {
	display:block;
	text-align:left;

	border-style:dotted;
	border-width:1px;

 } 
#OpButton
{
	display: inline-block;
	float:left;
	background-color:#E6E6E6;	
	height:100%;
 	text-align:left;
	width:75px;
	height:25px;
	margin:15px;

	border-radius: 10px;
    border: 1px solid #E6E6E6;
    padding: 10px 40px; 



}
 
 .logo
 {
	width:100px;
	float: left;
	border:none;
 }
 .draggable
 {
 cursor: move;
 }
 
 #sub-topics
 {
	text-align:left;
	color:yellow;
 }
 ul
 {
 	list-style:none;
}
div.menu ul ul {
	left:-9999px;
	list-style:none;
}

div.menu ul li:hover > ul {
	left:0px; 
}

div.menu ul li {
	float: left;
}
	div.menu ul li:hover {
		background: #E6E6E6;

	}
		div.menu ul li:hover a {
			color: #191970;
		}
	
	div.menu ul li a {
		left:0px;
		color: #191970; text-decoration: none;
	}
 div.menu ul ul {
	background: #E6E6E6; border-radius: 0px; padding: 0;
	position: relative; top: 0%;
}
	div.menu ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		div.menu ul ul li a {
			color: #191970;
		}	
			div.menu ul ul li a:hover {
				background: #E6E6E6;
			}
div.menu ul ul ul {
	position: absolute; left: 100%; top:0;
}