body,html {
  margin: auto;  
  width: 100%;  
  height: 100%;  
  text-align: center;
  font-family: "Trebuchet MS", Arial, Tahoma;
  font-size: 0.9em;
}

#bodyWrapper {
  margin: auto;  
  width:  1024px;
  height: 100%;    
  text-align: left;
}

#header {
  width: 100%;
  height: 80px;
  background-color: white;    
  vertical-align: top;

/*  border-left: 1px solid black;    
  border-right: 1px solid black;      
  border-bottom: 1px solid black;
  */
}

#header_right{
  float: right;
  background-color: #4f4fec;
  height: 70px;
  width: 18%;  
  font-size: 1.2em;
  font-family: "Trebuchet MS", Arial;  
  color: white;     
  text-align: center;
  padding-top: 10px;
  overflow: hidden;
}

.header {
  font-size: 3em;  
  font-family: Arial;
  color: #4f4fec;
  font-weight: bold;    
}

.header_slogan {
  font-size: 1.2em;  
  font-family: Arial;
  color: #21a0db;
  font-weight: bold;    
  text-transform: uppercase;
}

#navigation {
  width: 100%;
  background-color: grey;  
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
  /*border-left: 1px solid black;
  border-right: 1px solid black;*/
}

#navigation a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

#navigation a:hover {
  text-decoration: underline;
}

#navigation .seperator {
  color: lime;
  font-weight: bold;
}

#bodyLeft {	
	float: left;
	width: 14%;
	height: 100%;
	text-align: center;	
	margin-top: 50px;	
	border-top: 1px solid #21a0db;	
}

#bodyCenter {	
	width: 60%;
	float: left;
	height: 100%;	
	text-align: center;
}

#bodyRight {	
border-top: 1px solid #21a0db;	
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
	margin-top: 50px;
}

.clock-img {
  border: 1px solid black;
}

.card-img {
  border: 1px solid #84854d;
}

.category_header {
  color: #21a0db;
}

#stats {
  text-align: left;
}

#stats b {
  color:  #21a0db;
}

.stats {
  color: #21a0db;
}