/*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: 100%;
	width: 960px;
	background-color: #FFF;
	margin:auto;
}

/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#page {
		width:800px;
	}
}

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

#middle {
	width: 950px;
	margin:auto;
	border-spacing: 4px;
	padding: 3px;
	background-color: #EEEEEE;
	font-family: Ebrima, Arial;
}

/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#middle {
		width:790px;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#middle {
		width:490px;
	}
}

.custom2 {
	color: #666666;
	font-size: 14px;
	padding-left:12px;
}
#ct {
	height: 150px;
}
#ct2 {
	height: 150px;
	color: #666666;
	font-size: 11px;
	font-family: Verdana;
	background-color: #CCCCCC;
}

/*Desktop Styles*/
.column {
	height: 140px;
	width: 960px;
	font-size: 11px;
	text-indent: 1em;
	clear: both;
}

/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	.column {
		width:800px;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	.column {
		width:500px;
	}
}


.column2 {
	height: 140px;
	width: 950px;
	font-size: 11px;
	background-color: #CCCCCC;
	clear: both;
}

/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	.column2 {
		width:788px;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	.column2 {
		width:490px;
	}
}

.left {
	width: 50%;
	float: left;
}
.right {
	width: 50%;
	float: right;
}
ul {
	list-style-position: inside;
}
.under {
	text-decoration: underline;
}
cite {
	color: #008000;
}
#test
{
	text-align:center;
}