div.maincontain {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -9px;

}
a.mbpheader {
	text-decoration: none;
	font-family: "Arial Rounded";
}
a.mbpheader:hover {
	text-decoration: none;
}
div.mbpheader1 {
	text-align: center;
	background-color: #d0d9fd;
	padding: 5px;
	border: 1px solid #a6bce4;
	width: 280px;
	float: left;
}
div.mbpheader2 {
	text-align: center;
	background-color: #d0d9fd;
	padding: 5px;
	border: 1px solid #a6bce4;
	width: 280px;
	float: left;
	margin-left: 5px;
}
div.mbpheader3 {
	text-align: center;
	background-color: #d0d9fd;
	padding: 5px;
	border: 1px solid #a6bce4;
	width: 200px;
	float: left;
	margin-left: 5px;
}
div.mbpheader1:hover {
	background-color: #a7c4fc;
}
div.mbpheader2:hover {
	background-color: #a7c4fc;
}	
div.mbpheader3:hover {
	background-color: #a7c4fc;
}	
div.hmenu{
	padding: 2px;
	height: 16px;
}
div.body{
	margin-top: -14px; // Connects body with header
	padding: 2px;

}

body {
	background-color: #cccccc;
}
div.top{
	background: url(images/top.png) no-repeat 0 20px;
		width: 880px;
	margin-right: auto;
	margin-left: auto;
	height: 31px;
}
div.bottom{
	background: url(images/bottom.png) no-repeat;
		width: 880px;
	margin-right: auto;
	margin-left: auto;
	height: 16px;
}
div.bodycontent{
	background-color: #fff;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	padding-top: 30px; // Move it a bit away from the header
}

#content {
	margin-right: 10px;
	font-size: 12px;
}
div.footer {
	background-color: #003f7f;
	text-align: center;
	font-family: "Arial";
	color: #fff;
	width: 840px;
	padding: 20px;
	margin-top: -18px;
	margin-right: auto;
	margin-left: auto;
}
picbr{
	height: 0;
	width: 0;
}

div.bodycontent a {
	color: #103f7f;
	font-family: Arial;
	font-size: 16px;
}
div.bodycontent a:hover {
	text-decoration: none;
	color: #f8100f;
}
a:hover{
	color: #f8100f;
	text-decoration: underline;
}

UL {
	font: "Arial";
}
div.greenbutton{
	
	position: relative;
	left: 15px;
	top: 155px;
	width: 80px;
	color: #fff;
	text-align: center;
	background-position: 0 0;
	font: large "Arial Rounded MT Bold";
	height: 10px;
	float: left;
}
div.greenbutton:hover {
	color: #ff0;
}
div.redbutton{
	
		position: relative;
	left: 110px;
	top: 145px;
	width: 80px;
	color: #fff;
	text-align: center;
	background-position: 0 0;
	font: large "Arial Rounded MT Bold";
	height: 10px;
}

div.redbutton:hover {
	color: #ff0;
}
div.button3{
	
		position: relative;
	left: 160px;
	top: 145px;
	width: 80px;
	color: #fff;
	text-align: center;
	background-position: 0 0;
	font: large "Arial Rounded MT Bold";
	height: 10px;
}
div.button3:hover {
	color: #ff0;
	}
	div.hnav{
		position: relative;
	left: 330px;
	top: 30px;

	font: xx-large/55px "Arial Rounded MT Bold";

	background-position: 0 0;
	height: 10px;
	color: #fcd99e;
	text-decoration: none;
	width: 650px;
}
* html div.hnav{
	top: 120px;
}

div.hi{
	margin-left: 40px;
}
div.lo{
	margin-left: 85px;
	margin-top: -12px;
}

h4 {
	font-family: "Arial Rounded MT Bold", "Arial";
	color: #103f7f;
	text-align: center;
}

form {
	text-align: right;
}


div.hi a{
		color: #ccfe68;
	text-decoration: none;
	background-image: none;
	font: x-large/55px "Arial Rounded MT Bold", "Arial";
}

div.lo a{
		color: #fbcd44;
	text-decoration: none;
	background-image: none;
	font: 36px "Arial Rounded MT Bold", "Arial";
}

div.hi a:hover{
		color: #fff;
	border-top-style: none;
	border-top-width: 10px;
}

div.lo a:hover{
		color: #fff;
	border-top-style: none;
	border-top-width: 10px;
}

embed {
	margin-right: 20px;
	font-variant: normal;
}
/* Start Blog Stuff */


hr {
	background-color: #003f7f;
	border: 1px solid #001c39;
	width: 89%;
	height: 4px;
}

div.test {
background-color: #007f7f;
	border: 1px solid #ff7f11;
	width: 100%;
	height: 4px;
}

div.blogheader {
background-color: #003f7f;
	border: 1px none #002850;
	width: 103.5%;
	height: 20px;
	
	padding: 5px;
	color: #fbcc68;
	font-family: "Arial Rounded MT Bold", "Arial";
	background-image: url(images/blog-gradient.jpg);
	margin-right: auto;
	margin-left: auto;
}

div.blogheader a {
	color: #fff;
}

div.storycontent {
background-color: #e7f1f4;
	border: 1px none #b3b3b3;
	width: 100%;
	padding: 15px;
	border-top-style: none;
	border-bottom-style: none;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	border: 1px solid #bcd5fe;
}

div.blogfooter {
background-color: #9bbdd0;
	border: 1px none #002850;
	width: 103.5%;
	background-image: url(images/blog-gradient.jpg);
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
}



div.internalcontent {
background-color: #fc6;
	width: 100%;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Arial";
	color: #000;
}

#bloglinks {
	color: #fff;
	text-decoration: none;
	font-family: "Arial Rounded MT Bold", "Arial";
   font-weight: bold;
}

TABLE{
	border-style: none;
}
td {

	border: 1px solid #a6bce4;
	padding: 10px;
	font-family: "Arial";
}
tr{
	background-color: #dee7ec;
	color: #103f7f;
}

div.blogcontainer {


	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

/* End Blog Stuff */

p {
	font-family: "Arial";
}

h1{
	font-family: x-large "Arial Rounded MT Bold", "Arial Rounded", "Arial Black", Georgia;
	color: #003f7f;
}

ul {
	font-family: "Arial";
}

ol {
	font-family: "Arial";
	color: #054001;
}

div.contentbox {
	background-color: #d6fecf;
	border: 1px solid #90fd7f;
	padding: 10px;
	color: #013400;
	font-family: "Arial";
}
div.contentconvert {
	background-color: #fde39d;

	padding: 5px;
	font-family: "Arial";

}

div.accountlogin {
	width: 280px;
	background-color: #eef5fa;
	padding: 10px;
	border: 1px solid #bcd5fe;
	font-family: "Arial";
}

div.accountcreate{
	width: 280px;
	background-color: #eef5fa;
	padding: 10px;
	border: 1px solid #bcd5fe;
	font-family: "Arial";
}

textarea {
	color: #666;
	font-family: Georgia;
}

div.account-left-box {
		border: 1px solid #bcd5fe;
	width: 150;
	 height: 300;
	  width: 150px;
	background-color: #eef5fa; padding: 10px; 
	   font: "Arial"; Float: left;
	margin-right: 5px;
}

div.account-mid-box {
	background-color: #dee7ec; padding: 10px; font-family: "Arial"; Float: left; clear: right;
	border: 1px solid #bcd5fe;
	margin-right: 5px;
	text-align: center;
   display: inline; /* hack */
}

div.account-right-box {
	border: 1px solid #bcd5fe;
	width: 150; height: 300; width: 150px; 
	
	background-color: #eef5fa;  
	
	padding: 10px; font-family: "Arial"; Float: left; clear: right;
		border: 1px solid #bcd5fe;
}


div.bluebox {
width: 150;
height: 300;
background-color: #eef5fa;
padding: 10px;
border: 1px solid #bcd5fe;
padding: 10px;
font-family: "Arial";
Float: left;
margin-left:20px;

}

div.leaderboards-left-side {
float: left;
	width: 440px;
	height: 500px;
	background-color: #eef5fa;
	padding: 10px;
	border: 1px solid #bcd5fe;
	margin-left: 20px;
}



div.leaderboards-right-side {
	float: left;
	width: 300px;
	margin-left: 30px;
}

div.leaderboardtablerow {
	 float:left;
	background-color: #103f7f; margin-left: 3px; margin-top: 1px;
	padding: 2px;
	color: #103f7f;
	font-family: "Arial";
	text-align: center;
	border-width: 1px;

	background-color: #eef5fa;

	border: 1px solid #bcd5fe;

}

#divstate {
	font-family: "Arial";
	background-color: #d6fecf;
	border: 1px solid #90fd7f;
	padding: 10px;
	color: #013400;

}