/*Company Title or Company Logo*/
.CompanyTitle {
	border: solid 2px #CDE5E1;
	border-radius: 3px;
	background-color: black;
	color: #CDE5E1;
}
/*One of my classmates had pointed out the clash between orange and blue. I think they were right. So I moved away from
a more orange text, and implemented a shade of blue found in the navigation bar as the sort of standard font color
for navigation purposes. It helps with the clash.*/
.CompanyTitle a {
	color: #CDE5E1;
}
/*Color coordination was going to be a big thing. I'm not great with color theory and the likes. I took an art class
in high school and I'm pretty sure I made my teacher cry when I tried to justify an orange and purple combination.
I googled a decent color pallet and tried to follow that in terms of color coordination.*/
.CompanyTitle a:hover{
	color: white;
}
/*Body*/
/*I didn't have a background ready, so instead I went with a radial background to help give the illusion of creativity.
At least until I could fill it with some sort of art or tile or something. Unforuntaly, it created a lot more work than
I previously thought as the different colors made reading certain links more difficult than necessary.*/
body {
	background-image: radial-gradient(#CDE5E1, #FF7F00, #AA1F55);
}
/*I tried to follow the standard formula for most gaming websites and this was the result.*/
.mainBody {
	margin: auto;
	width: 989px;
	padding: 2px;
}
body {
	font: times new romans, sans-serif;
	font-size: 22px;
}
body a {
	color: #69d2e7;
	text-decoration: none;

}
body a:hover {
	color: yellow;
}
/*Footer*/
footer {
	margin: auto;
	width: 989px;
	padding: 3px;
}
/*This is the navigation bar
I used the resource w3schools to create this.*/
header li a {
	text-align: center;
	color: #CDE5E1;
	display: block;
	padding: 10px 15px;
	background-color: black;
	font-size: 40px;
	text-decoration: none;
	font: sans-serif;
}
header li {
	float: left;
}
header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: black;
}
header li a:hover {
	background-color: #CDE5E1;
	color: black;
}
.active {
	background-color: #69d2e7;
	color: black;
}
/*Image Formatting*/
.logo {
	width: 25%;
	float: margin-left;
}
.homeimg {
	width: 50%;
}
.donut {
	width: 80%;
}
/*Forum formatting*/
textarea {
	width: 300px;
	height: 150px;
}
.contact_form input[type=submit]{
	background-color: black;
  	color: #CDE5E1;
  	border-radius: 15px;
  	padding: 3px;
  	margin-top: 5px;
  	width: 55px;
  	height: 40px;
  	font-size: 15px
}
.contact_form input[type=submit]:hover {
	background-color: #CDE5E1;
	color: black;
}
/*Table formatting*/
table, th, td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px;
  }
  thead th {
  	background-color: black;
  	color: #CDE5E1;
  }
  tfoot {
  	background-color: #CDE5E1;
  }
  .company_news a {
	color: #AA1F55;
}