@font-face {
  font-family: myfont;
  src: url('fonts/victor-pixel.ttf');
}

/* elements */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,form,table,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-shadow: 1px 1px #000000;
	/*font-family:"Victor's Pixel Font"*/
	font-family: Arial;
}



:focus{outline:0}

a:hover
{
	color:#D43F3F;
	color: linear-gradient(top, #D43F3F 0%, #C42F2F 100%);  
	color: -moz-linear-gradient(top, #D43F3F 0%, #C42F2F 100%); 
	color: -webkit-linear-gradient(top, #D43F3F 0%,#C42F2F 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	font-style:none;
}

ol
{
	margin-left: 50px;
}

a
{
	color:/*#F6F6E8*/#00ACE9;
	text-decoration:none;
	font-family:myfont;
}

body
{
	background-color:#222222;
	
}

div
{
	/*border:thin solid #000000;*/
}

p, ol
{
	font-size:16px;
	line-height: 25px;
	/*font-weight: bold;*/
}

h1, h2
{
	font-size:36px;
	font-family:myfont;
	text-align:center;
}

h3
{
	font-size:26px;
	color: #00ACE9;
	padding-bottom: 8px;
	font-family:myfont;
	text-align:center;
}

/* classes */

a.menuItem
{
	padding-right:10px;
	padding-left:10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	width:160px;
	font-family:myfont;
}

/* ids */

#topBar
{
	padding:0px, 0px, 0px, 0px;
	padding-bottom: 3px;
	width:960px;
	background-color:#ece400;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	background-color:#50800A;
	background: linear-gradient(top, #50800A 0%, #407000 100%);  
	background: -moz-linear-gradient(top, #50800A 0%, #407000 100%); 
	background: -webkit-linear-gradient(top, #50800A 0%,#407000 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	
}

#topBar span
{
	float:right;
	padding-right: 20px;
}

/*span
{
	position: relative;
}

span div
{
	display:none;
}

span:hover > div
{
	display:table-column;
	position:absolute;
	background-color:#ece400;
}

Good Color Scheme:
1.
#00ACE9
#D43F3F
#6A9A1F
#F6F6E8
#404040

2.
#222222
#D11250
#DB5800
#006899
#008F68

3.
#D05A00
#FEFFF8
#29241E

4.
#DCD8CF
#E25D33
#282827

5.
#DC3D24
#232B2B
#FFFFFF
#E3AE57
*/

ul.drop a { display:block; color: #F6F6E8 }
ul.drop a:hover { color:#D43F3F;
	color: linear-gradient(top, #D43F3F 0%, #C42F2F 100%);  
	color: -moz-linear-gradient(top, #D43F3F 0%, #C42F2F 100%); 
	color: -webkit-linear-gradient(top, #D43F3F 0%,#C42F2F 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	font-style:none; }
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0;}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; padding: 0px 10px; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598;background-color:#7AAA2F; 
	background: linear-gradient(top, #7AAA2F 0%, #60901A 100%);  
	background: -moz-linear-gradient(top, #7AAA2F 0%, #60901A 100%); 
	background: -webkit-linear-gradient(top, #7AAA2F 0%,#60901A 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); }
ul.drop ul li 
{ 
	float: none; 
	
}
ul.drop ul ul { left: 100%; }
ul.drop li:hover > ul { visibility: visible }
hr
{
	color:#00ACE9;
	background: linear-gradient(top, #00ACE9 0%, #009CD9 100%);  
	background: -moz-linear-gradient(top, #00ACE9 0%, #50800A 100%); 
	background: -webkit-linear-gradient(top, #00ACE9 0%,#50800A 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
	background-color:#00ACE9;
	background: linear-gradient(top, #00ACE9 0%, #009CD9 100%);  
	background: -moz-linear-gradient(top, #00ACE9 0%, #50800A 100%); 
	background: -webkit-linear-gradient(top, #00ACE9 0%,#50800A 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}

#bodyDiv
{
	padding:0px, 0px, 0px, 0px;
	width:960px;
	
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	
	padding-top:10px;
	background-color:#404040;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	/*background: linear-gradient(top, #ab9209 0%, #6c5a11 100%);  
	background: -moz-linear-gradient(top, #ab9209 0%, #6c5a11 100%); 
	background: -webkit-linear-gradient(top, #ab9209 0%,#6c5a11 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
}

#section
{
/*#68981D or 50800A or 6A9A1F or 407000*/
	background-color:#50800A;
	background: linear-gradient(top, #50800A 0%, #407000 100%);  
	background: -moz-linear-gradient(top, #50800A 0%, #407000 100%); 
	background: -webkit-linear-gradient(top, #50800A 0%,#407000 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6 {
	display:block;
	float: left;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:left;
	/*color:#F6F6E8;
	background: linear-gradient(top, #F6F6E8 0%, #D6D6C8 100%);  
	background: -moz-linear-gradient(top, #F6F6E8 0%, #D6D6C8 100%); 
	background: -webkit-linear-gradient(top, #F6F6E8 0%,#D6D6C8 100%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

.col_1 p,
.col_2 p ,
.col_3 p,
.col_4 p,
.col_5 p,
.col_6 p,
.col_1 ol,
.col_2 ol,
.col_3 ol,
.col_4 ol,
.col_5 ol,
.col_6 ol,
.col_1 h2,
.col_2 h2,
.col_3 h2,
.col_4 h2,
.col_5 h2,
.col_6 h2 {
	color:#F6F6E8;
	/*background: linear-gradient(top, #F6F6E8 0%, #D6D6C8 100%);  
	background: -moz-linear-gradient(top, #F6F6E8 0%, #D6D6C8 100%); 
	background: -webkit-linear-gradient(top, #F6F6E8 0%,#D6D6C8 100%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

.col_1 {
	width:150px;
}

.col_2 {
	width:330px;
}

.col_3 {
	width:445px;
}

.col_4 {
	width:560px;
}

.col_5 {
	width:680px;
}

.col_6 {
	width:920px;
}

/* Clear floated elements and fix browser issues */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.space {
	display: block;
	height: 100px;
	color:#D43F3F;
	text-align:center;
}