/* Structure */
	
	html {
		height:100%;
	}

	body {
		height:100%;
		font-size:62.5%;
		margin:40px;
		padding:0;
		max-width:100%;
		background-color:#FFF;
		min-width:300px;
	}
	
	a {
		text-decoration:none;
		color: #000;
	}
	
	.splashText a {
		font-weight: bold;
	}
	
	a:hover {		
		color:#2880a1;		
	}
	
	.logo img {
		width:70px; border:0;
	}
		
	.centered {
		text-align:center;
	}
	
	.btnToTop {
		padding-top:30px; text-decoration:underline;
	}
	
	.helloText {
		width:100%; max-width:800px; display:inline-block; text-align:center; margin-top:30px; margin-bottom:50px;
	}
	
	.splashText {
		width:100%; max-width:700px; text-align:left; margin:0 auto;
	}
	
	.block1200 {
		width:100%; max-width:800px; margin:0 auto;
	}
	
	.tip {
		background-color:#bcdde9;
		padding: 10px;
		border: 1px solid #9bc2c8;
		color: #2880a1;
		font-size: 14px;
		line-height: 39px;
	}
	
	.splashHdr {
		padding-bottom:20px;
	}
	
	.headerBox {
		background-color:#9bc2c8;
	}
	
	.headerBoxPadding {
		padding:30px; text-align:center;
	}
	
	.footer {
		width:100%; display:inline-block; text-align:center; margin-bottom:40px;
	}
	
	.tableof {
		background-color:#e9e9e9;
	}
	
	.tableof-inner {
		padding:30px; text-align:center;
	}
	
	.textleft {
		text-align:left;
	}
			
	
/* Media queries */
				
	@media only screen and (max-width: 480px) {
		
		body {
			margin:10px;
		}
		
		.logo {
			margin-left:0px; margin-top:15px;
		}
		
		.helloText {
			width:75%;
		}
		
		.splashText {
			width:95%;
		}
		
	}