/* style sheet for Goliaths_website_rules */

body{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 200%;
}

header {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 40%;
	background-color: #7152f4;
	color: #ffffff;
	text-align: center;
}

#wrapper {
	position: absolute;
	left: 0%;
	top: 35%;
	width: 100%;
	height: 120%;
	padding-left: 3px;
	padding-right: 2px;
	overflow: hidden;
	background-color: #cccccc;
}

/*nav a {
	position: absolute;
	left: 0%;
	top: 20%;
	width: 100%;
	height: 10%;
	display: inline;
	text-align: left;
	color: #3399cc;
	text-decoration: none;
}*/

#menu {
	/*float: left;
	width: 100%;
	display: inline;
	text-align: left;
	color: #338040;
	text-decoration: none;*/
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 10%;
	display: inline;
	text-align: left;
	color: #338040;
	text-decoration: none;
}

#menu ul {
	margin-left: -2.5em;
	/*list-style: none;
	display: inline;
	text-decoration: none;*/
}

#menu li {
	list-style-type: none;
	border: black solid 1px;
	float: left;
	width: 6em;
	color: #000000;
	background-color: #CCCCCC;
	text-align: center;
	/*display: inline;
	padding: 3px 6px 3px 6px;*/
}

#menu li:hover {
	background-color: #FFFF00;
}

#menu a {
	text-decoration: none;
	color: black;
	display: block;
}

#menu a:hover {
	background-color: #FFFF00;
}

#menu ul li  ul{
	display: none;
}

#menu li:hover > ul{
	display: block;
}
/*#rightsidebar {
	position: absolute;
	left: 65%;
	top: 5%;
	width: 24%;
	height: 85%;
	overflow: hidden;
	background-color: red;
	border-size: 1px;
	border-color: black;
	border-style: solid;
	padding: 1em;
	text-align: center;
}*/

#maincontent {
	position: absolute;
	left: 20%;
	top: 5%;
	width: 50%;
	height: 70%;
	overflow: hidden;
	background-color: white;
	border-size: 1px;
	border-color: black;
	border-style: solid;
	text-align: center;
	text-decoration: none;
	list-style-type: none;
	padding: 1em;
}

#footer {
	position: absolute;
	left: 0%;
	top: 95%;
	width: 100%;
	background-color: teal;
	color: #ffffff;
	text-align: center;
	font-style: italic;
	margin: 0;
	padding: 0;
}