
* {margin: 0;}

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

a:hover {
	text-decoration: none;
	color: #02273F;
}

body {
	background: url(images/hexbot.jpg);
	background-repeat: repeat;
	font-size: 14px;
}

h1{font-size: 1.1em; width: 100%; font-weight: normal; margin-left:1px;  padding-left:1px; color: #FFFC00;  text-align: left; margin-bottom: 10px;}
h2{font-size: 1.9em; width: 100%; font-weight: normal; margin-left:2px;  padding-left:2px; color: #ffffff;  margin-bottom: 10px;}
h3{font-size: 1.8em; width: 100%; font-weight: normal; margin-left:1px;  padding-left:1px; color: #ffffff;  text-align: left; margin-bottom: 10px;}
h4{font-size: 2.5em; width: 100%; font-weight: normal; margin-left:0px;  padding-left:0px; color: #00DE0A;  text-align: left; margin-bottom: 10px;}
h5{font-size: 2.8em; width: 100%; font-weight: normal; margin-left:1px;  padding-left:1px; color: #FFC554;  text-align: left;  margin-bottom: 10px;}
h6{ font-size: 1.6em;  font-weight: normal; padding: 1px; margin-top: 5px;  border-bottom: 1px dashed #fff; margin-bottom: 10px; color:#ffffff;}
h7{ font-size: 0.8em; font-weight: 400; padding: 0;  color:#ffffff;}




#content{
	margin: 0px;
	width: 100%;
	text-align: left;

}

#main{
	width: 100%;
	margin: 0px;
	clear:none;
}

#header {
	width: 100%;
	background: #ffffff;
	background-repeat:no-repeat;
	background-position: center;
}



#vmenu{
	 position: fixed;
	 top: 0%;
	 right: 0%;
     width: 100%;
	 height: 90px;
     margin-right: 0em;
	 margin-top: 0px;
	background: url(images/newlogo.png) no-repeat right top;
	background-color: #ffffff;
	border-bottom: 3px solid #131518;
}

#nav {
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-left: 3%;
	padding:2px;
	list-style: none;
	}

#nav li { 
	float: left;
	padding: 20px 20px 20px 20px;
	}

#nav a {
	float: left;
	display: inline;
    padding: 20px 20px 20px 20px;
	font-weight: normal;
	}

#nav a:hover {
	background-color: rgba(255,0,0,0.3);
	}


#left{
  float:left;
  width:5%;
  margin-left:15px;
  margin-top: 20px;
  margin-bottom: 50px;
  background-color:#ffffff;  
  color:#fff;
  }



.current{
	height: 2em;
	width: 83%;
	font-weight: bold;
	padding-top: 12px;
	color: #000000;
	background: rgba(189,237,255,0.8);
	border-left: 6px solid rgb(0,0,5);
 }


 
#right{
	float: right;
	width: 90%;
	margin-top:3em;
	margin-right:5em;
	margin-bottom:5em;
	 color:#fff;


}



/* Wrapper */
.col {width: 99%; float: center; margin-top:2em; padding: 15px; text-align: left; color:#fff; font-size: 16px;}
.col a:link {
	height: 5%;
	display: block;
	border-top: 0px dotted #969696;
	border-bottom: 1px dashed #969696;
}
.col a:hover{
	background-color:#009CFF;
	border-left: 1px solid rgb(255,0,0);
}
.row {float: center; padding: 15px; width: 100%; }
.row a:link{display: block; padding: 10px;}
.row a:hover{background-color:rgba(230,230,230,0.5); padding: 10px;}

.lcol {width:95%; float: center; padding: 15px; margin-top:2em; background: rgba(200,200,200,0.25);  padding: 15px; text-align: left; border-bottom: 1px dashed #fff;   }
.mcol {width:95%; float: center; padding: 15px; margin-top:2em; background: rgba(100,200,55,0.25);  padding: 15px; text-align: left; border-bottom: 1px dashed #fff;   }
.rcol {width:95%; float: center; padding: 15px; margin-top:2em; background: rgba(40,101,177,0.25);  padding: 15px; text-align: left; border-bottom: 1px dashed #fff;   }

.wcol {width: 95%; float: center;  margin-top:0.2em;  background: url(images/button-back-1.jpg) repeat-x; padding: 10px; text-align: center;  font-size: 32px; }
.wcol a:hover{text-align:center;}

.vcol {width: 100%; float: left;  margin-top:1em;  padding: 10px; text-align: center; border:1px dashed #fff111; }

.menucol1{width:58%; margin:0.5em; float:center; padding: 1px; text-align: center; font-size: 24px; background:rgba(75,168,255,0.4); border:0.5px dotted #fff;}
.menucol1 a:link{display: block; padding: 10px;}

.menucol2{width:58%; margin:0.5em; float:center; padding: 1px; text-align: center; font-size: 24px; background:rgba(224,8,2,0.4); border:0.5px dotted #fff}
.menucol2 a:link{display: block; padding: 10px;}

.menucol3{width:38%; margin:0.5em; float:right; padding: 1px; text-align: right; font-size: 24px; background:rgba(220,88,52,0.4);}
.menucol3 a:link{display: block; padding: 10px;}
.menucol3 a:hover{	background-color:#fff;}

#footer {
   width: 100%;
	clear: both;
	left: 0%;
	outline: 0;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 15em;
	padding-top: 5px;
	padding-left: 0px;
}

#footer p {
	margin: 0px;
	text-align: left;	
	padding-left: 0px;
	font-size: 1.2em;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: rgb(255,242,0);
}
