#splash {
	width: 350px;
	margin: 0px;
	margin-top: 30px;
	margin-left: 30px;
	padding: 0px;
	padding-bottom: 60px;
}

#content{
	overflow: hidden;
	margin: 0 auto;
	width:93%;
	background:rgba(254,254,254,0.9);
	padding: 20px;
	padding-bottom: 60px;
}

#content_left{
	float: left;
	overflow: hidden;
	width: 65%;
	margin:0px;
	padding:0px;
	padding-right:5px;
}

#content_right{
	float: right;
	overflow: hidden;
	width: 30%;
	margin:0px;
	padding:0px;
}

#mcp_container{
	width:100%;
	color:#000;
}

.text{
	line-height:28px;	
}

h1, .h1,
.ah1, .ah1:link, .ah1:visited, .ah1:active, .ah1:hover {
	font-family: Tahoma, Georgia, 'sans-serif', Arial;
	font-size: 30px; 
	font-weight: bold;
	margin: 0; 
	padding: 0; 
	color: #003066;
	letter-spacing: -1px;
	text-shadow: none;
	text-decoration:none;
	line-height:130%;
}

h2, .h2 {
	font-family: Tahoma, Georgia, 'sans-serif', Arial;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #333;
	letter-spacing: -1px;
}

.h3 {
	font-family: Tahoma, Georgia, 'sans-serif', Arial;
	font-weight:bold;
	font-size:13px;
	xline-height:18px;	
	margin:0px;
	padding:0px;
	xmargin-bottom:15px;
}

.bold{color:#000; font-size: 17px;}

#mcp_logo{
	border:1px solid #ccc;
}

@media screen and (max-width: 600px) { 
	#splash {
		width: 50%;
		margin: 0px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
	}
	
	h1, .h1 {
		font-size: 28px;
		font-weight: bold;
		text-shadow: 1px 1px #fff;
	}
	
	#content_left{
		clear:both;
		width: 98%;
		margin:0px;
		padding:0px;
	}

	#content_right{
		clear:both;
		width: 98%;
		margin:0px;
		margin-top:30px;
		padding:0px;
	}
	
	.bold{font-size: 18px;}
	
	.h3 {
		font-size:16px;
		font-weight:bold;
	}
}