@charset "UTF-8";

/*
Don't put any padding, alignment/colors/borders/etc. in here.
Do that in your own css.

All this does is position the header, footer, and body with a left/right side.

Use
	display: none;
	or delete div
	and adjust percentages accordingly.

*/

* {
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}

html,body
{
	height: 100%;
	width: 100%;
}

.tpage {
	height:100%;
	width:100%;
	vertical-align: top;
}

.tpageheader{
	height:17%;
	width:100%;
}

.tpagebody{
	height:72%;
	width:100%;
}

.tpagebodyleft{
	height:100%;
	width: 60%;
	margin-right: 2%;
	float:left;
}

.tpagebodyright{
	height:100%;
	width: 38%;
	float:left;
}

.tpagefooter {
	height:8%;
	width:100%;
	overflow: auto;
}

@media screen and (max-width: 1000px) {
	.tpagebodyleft, .tpagebodyright { 
		height:100%;
		width: 100%;
	}
}