body{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	color:#fff;
	font-size:21px;
	line-height:27px;
	background-color: #52AE32;
	text-align:center;
	width:100%;
	overflow-x:hidden;
}



/* Masthead */
#masthead{
	background-color:#52ae32;
	height:71px;
	border-bottom:3px solid white;
}

#masthead_account{
	position:absolute;
	right:20px;
	top:20px;
}




#masthead_stats{
	width:250px;
	top:-8px;
	right:120px;
	text-align:right;
	color:#fff;
	font-size:26px;
	font-weight:700;
}
#masthead_stats img{
	position:relative;
	top:8px;
	margin-right:5px;
	margin-left:24px;
}

/* menu */
#menu{
	background-color:#864bd6;
	height:39px;
	overflow:hidden;
}

#menu a{
	color:#fff;
	font-weight:700;
	background-color:#864bd6;
	padding:5px 18px;
	text-decoration:none;
	font-size:20px;
	line-height:39px;
}
#menu a:hover, #menu a.active{
	background-color:#7439c4;
}

/* foot */
#foot{
	background-color:#52ae32;
	background-image: url('/img/chrome/foot_bg.png');
	padding-bottom: 60px;
}




.paper{
	position:relative;
	max-width:1200px;
	margin:auto;
	text-align:left;
}

.indent{
	padding-left:40px;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}

.abs{
	position: absolute;
}

.rel{
	position: relative;
}

.noclick{
	pointer-events: none;
}


.tran_centered{
	left:50%;
	transform:translateX(-50%);
}

input[type="submit"]{
	cursor:pointer;
}

.error{
	border:2px solid red !important;
}

h1{
	font-weight:900;
	font-size:36px;
	color:#fff;
	text-transform: uppercase;
	line-height:36px;
	letter-spacing: 0.5px;
	margin:0px;
}

h2{
	font-weight:700;
	font-size:33px;
	color:#fff;
	line-height:36px;
	letter-spacing: 0.5px;
	margin:0px;
}

h3{
	font-weight:700;
	font-size:25px;
	color:#52AE32;
	line-height:27px;
	letter-spacing: 0.5px;
	margin:0px;
	margin-bottom:10px;
}

h5{
	color:rgba(255,255,255,0.5);
	font-weight:400;
	font-size:20px;
	line-height: 20px;
	margin:0px;
}

small{
	color:#fff;
	font-size:18px;
	line-height: 21px;
	display: inline-block;
}




.button{
	display: inline-block;
	color:#fff;
	font-weight:700;
	background-color:#864bd6;
	padding:3px 14px;
	text-decoration:none;
	font-size:16px;
	letter-spacing: 0.5px;
	border-radius: 75px;
	border:0px solid red;
}
.button.large{
	font-family:'Titillium Web', sans-serif;
	font-weight:900;
	font-size:22px;
	letter-spacing: 1px;
	padding:5px 18px;
}


.button.green_white{
	color:#52ae32;
	background-color:#fff;
}

.button.green_white:hover{
	background-color:#dfd;
}

.button.purple_white{
	color:#7439c4;
	background-color:#fff;
}

.button.purple_white:hover{
	background-color:#fdf;
}


.button.white_purple{
	background-color:#7439c4;
}

.button.white_purple:hover{
	background-color:#864bd6;
}


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

.stackable{
	display: inline-block;
	position:relative;
	vertical-align: top;
}


/* iPad optimizations */
@media(max-width:1000px){
	.stackable{display:block !important;width:calc(100% - 40px) !important;max-width:unset !important;}

}

/* smaller optimisations */
@media(max-width:750px){
	#menu a{padding:11px 11px;}
}


/* smaller optimisations */
@media(max-width:640px){
	.wideOnly{display:none;}
	#menu a{font-size:10px;padding:11px 5px;}
}



img, div{
	xborder:1px solid red;
}