body {
	background-color: white;
	font-family: "Arial", "Helvetica", serif;
	margin: 0;
}

table {
	border: 0px;
}

#title1 {
	background-color: purple;
	color: white;
	text-align: center;
	padding: 10px;
}

#featureTitle {
	font-family: sans-serif;
	font-size: 30px;
	font-weight: 100;
	text-align: center;
	padding-bottom: 20px;
}

#featureDescription {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 100;
	line-height: 140%;
}

#about {
	text-align: center;
	background-color: white;
	padding: 10px;
}

#team {
	text-align: center;
	background-color: white;
	padding: 10px;
}

#p2 {
	float: right;
	width: 250px;
	height: auto;
}

#imgfavorites {
	width: 25%;
	height: 25%;
}

#location {
	text-align: center;
	background-color: white;
	padding: 10px;
}

#sharesheets {
	text-align: center;
	background-color: white;
	padding: 10px;
}

#stats {
	text-align: center;
	background-color: white;
	padding: 10px;
}

#news {
	text-align:center;
	background-color: white;
	padding: 10px;
}

#footer {
	color: white;
	text-align: center;
	background-color: purple;
	padding: 10px;
}

#beta {
	text-align: center;
}

#betaLink {
	text-align: center;
}

#submit {
	background-color: purple;
    color: white;
	font-size: 18px;
	border: none;
	border-radius: 4px;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

#submit:hover {
	background-color: white;
	color: black;
	border: solid .5px;
}

#leaderboards {
	border-collapse: collapse;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#caption {
	color: #888888;
	font-size: 12px;
}

#i {
	border: 1px solid black;
	padding-right: 10px;
}

#headerTitle {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.css3gradient{width:700px;height:100px;
 background-color:#052afc;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#052afc, endColorstr=#822A80);
 background-image:-moz-linear-gradient(left, #052afc 0%, #822A80 50%,#ff0303 100%);
background-image:linear-gradient(left, #052afc 0%, #822A80 50%,#ff0303 100%);
background-image:-webkit-linear-gradient(left, #052afc 0%, #822A80 50%,#ff0303 100%);
background-image:-o-linear-gradient(left, #052afc 0%, #822A80 50%,#ff0303 100%);
background-image:-ms-linear-gradient(left, #052afc 0%, #822A80 50%,#ff0303 100%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#052afc), color-stop(50%,#822A80),color-stop(100%,#ff0303));
 color: white;
 text-align: center;
 padding-top: 40px;
 font-size: 40px;
 font-weight: bold;
 }

.centerArea {
 color: white;
 text-align: center;
 padding-top: 10px;
 font-size: 40px;
 font-weight: bold;
 background-color: #822A80;
 text-decoration: none;
}

.rightGradient{width:300px;height:100px;
 background-color:#822A80;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#822A80, endColorstr=#052afc);
 background-image:-moz-linear-gradient(left, #822A80 20%, #052afc 100%);
 background-image:-webkit-linear-gradient(left, #822A80 20%, #052afc 100%);
 background-image:-ms-linear-gradient(left, #822A80 20%, #052afc 100%);
 background-image:linear-gradient(left, #822A80 20%, #052afc 100%);
 background-image:-o-linear-gradient(left, #822A80 20%, #052afc 100%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(20%,#822A80), color-stop(100%,#052afc));}


.leftGradient{width:300px;height:100px;
 background-color:#ff0000;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ff0000, endColorstr=#822A80);
 background-image:-moz-linear-gradient(left, #ff0000 0%, #822A80 87%);
 background-image:-webkit-linear-gradient(left, #ff0000 0%, #822A80 87%);
 background-image:-ms-linear-gradient(left, #ff0000 0%, #822A80 87%);
 background-image:linear-gradient(left, #ff0000 0%, #822A80 87%);
 background-image:-o-linear-gradient(left, #ff0000 0%, #822A80 87%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#ff0000), color-stop(87%,#822A80));}