/*Global CSS Styles*/
@font-face 
{
    font-family: Ebrima;
    src: url('fonts/ebrima.ttf') format("truetype");
    src: local(Ebrima), url('fonts/ebrima.ttf') format('truetype');
}
#page {
	height: 1250px;
	width: 960px;
	background-color: #FFFFFF;
	margin:auto;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#page {
		width:800px;
		height:100%;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#page {
		width:500px;
		height:100%;
	}
}

#ct {
	height: 680px;
	width: 932px;
	margin:auto;
	background-color: #EEEEEE;
	color: #666666;
	font-family: Verdana;
	font-size: small;
	text-align: center;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#ct {
		width:774px;
		height:700px;
	}
}
/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#ct {
		width:474px;
		height:1000px;
	}
}
.left {
	float: left;
	width:250px;
	padding: 10px;
	margin-left:30px;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	.left {
		width:210px;
	}
}
/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	.left {
		width:210px;
		margin-left:10px;
	}
}
.right {
	float: right;
	padding: 3px;
}
.under {
	text-decoration: underline;
	padding-top:30px;
}
#main 
{
	height:100%;
	width:957px;
	padding:3px;
	border-spacing: 6px;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#main {
		width:797px;
		height:100%;
	}
}
/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#main {
		width:597px;
		height:100%;
	}
}
#main a 
{
	padding:10px;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#main a {
		padding:2px;
	}
}
/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#main a {
		padding:2px;
	}
}
footer
{
	margin-bottom:5px;
}