html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: black;
	height:100%;
}

body {
    background-color: #E4F1FE;
	margin: 0px;
	padding: 0px;
	height:100%;
}

span {
	font-size:1em;
}

p {
	font-size:1em;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.3em;
}

h4 {
	font-size:1.13em;
}

h5 {
	font-size:0.83em;
}

h6 {
	font-size:0.67em;
}

.clearFloat {
	clear:both;
}

.borderbox {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.content {
	position:relative;
	top:0px;
	height:100%;
	margin:0;
	padding:0px;
	text-align:center;	
}

.content p { 
	text-align:left;
}

.fullWidthPanel {
	width: 280px;
	margin: 5px auto 5px auto;
	padding: 80px 10px 80px 10px;
	background-color:#f2f7fb;
	text-align: center;
}

/* Small Tablet */
@media only screen and (min-width: 600px) and (max-width: 766px) {
	
	.fullWidthPanel {
		width:474px;
	}
	
}

/* Minimum Tablet Portrait, Minimum Tablet Landscape, Computer (medium browser window) */
@media only screen and (min-width: 767px) and (max-width: 1011px) and (orientation: portrait),(min-width: 900px) and (max-width: 1011px) and (orientation: landscape), (min-device-width: 1000px) and (min-width: 767px) and (max-width: 1011px) {
	
	.fullWidthPanel {
		width:708px;
	}
}


/* Large Tablet (likely in landscape), Computer (large browser window) */

@media only screen and (min-width: 1012px) {
	
	.fullWidthPanel {
		width:968px;
	}

}