@charset "UTF-8";
/*
Theme Name: NoNonsense
Theme URI: http://www.beesik.com
Version: 1.0
Author: Sjoerd Staal
Tags: Fixed

*/
html {

}
body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

body {
	background-color: #333;
}
h2 {
	font-family: Copperplate, Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate32bc, Copperplate33bc;
	font-size: 20px;
	text-transform: uppercase;
}
hr {
	border: 1px solid #FFF;
}
a {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
}
a:hover {
	color: #CCC;
}
a:active {
	color: #CCC;
}
.mainContainer {
	background-attachment: fixed;
	background-color: #8eb402;
	background-repeat: no-repeat;
	background-position: center center;
	height: 576px;
	width: 996px;
	border: 4px solid #FFF;
	position: absolute;
	visibility: visible;
	left: 50%;
	top: 50%;
	margin-top:-290px; 
	margin-left: -500px; 
}
.mainContent {
	position: absolute;
	height: 402px;
	width: 545px;
	left: 42px;
	top: 110px;
	overflow:auto;
	padding:5px;
}
.mainMenu {
	font-family: Copperplate, Copperplate Gothic Bold, Copperplate Gothic Light, Copperplate32bc, Copperplate33bc;
	font-size: 17px;
	text-transform: uppercase;
	text-align: justify;
    text-justify: distribute; 
	position: absolute;
	height: 33px;
	width: 983px;
	left: 0px;
	top: 543px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
}

.mainMenu ul {
	margin: 4px 4px 4px 8px;
	padding: 0px;
}
.mainMenu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.mainMenu a {
	display: block;
	border-width: 1px;
	margin: 0;
	padding: 2px 3px;
}

.mainMenu a {
	color: #fff;
	text-decoration: none;
}

.mainMenu a:hover {
	color: #000;
	background: #fff;
}

.mmainMenu ul li ul li {
	position: absolute;
}

.mainMenu ul li ul {
	position: absolute;
	top: -23px;
	z-index: 500;
	background-color:#000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}



div.mainMenu ul ul,
div.mainMenu ul li:hover ul ul,
div.mainMenu ul ul li:hover ul ul {
	display: none;
}

div.mainMenu ul li:hover ul,
div.mainMenu ul ul li:hover ul,
div.mainMenu ul ul ul li:hover ul {
display: block;
}