/*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:2165px;
	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;
		height:100%;
	}
}

#ct
{
	height:1600px;
	width:952px;
	margin:auto;
	background-color:#EEEEEE;
	border-spacing:4px;
	padding:3px;
	font-family:Ebrima,Arial;
}

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

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

#heading
{
	text-align: center;
}

#slideshow 
{
	height: 220px;
	width:460px;
	float: left;
	position: absolute;
	border: 1px green solid;
	overflow: hidden;
	/*border-radius*/
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#slideshow {
		position: relative;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#slideshow {
		position: relative;
	}
}
#ctright
{
	float: right;
	height:220px;
	width: 50%;
	color: #666666;
	font-family: Verdana;
	font-size: small;
	margin-top:3px;
}
#ct2
{
	height:250px;
	font-size:small;
	clear:both;
}
#ct3
{
	font-size:11px;
	border: 0 solid green;
	font-family: Verdana;
}
#ct4
{
	font-size:11px;
	border: 0 solid green;
	font-family: Ebrima;
	color:#666666;
}
#ct5
{
	font-size:11px;
	border: 0 solid green;
	font-family: Ebrima;
	color:#666666;
}
#ct6
{
	font-size:11px;
	border: 0 solid green;
	font-family:Ebrima;
	color:#666666;
}
#ct7
{
	font-size:11px;
	border: 0 solid green;
	font-family: Ebrima,Verdana;
	color:#666666;
}
.lower
{
	font-size:11px;
	height:220px;
	margin:0;
	border-collapse:collapse;
}
.bw
{
	border-width:0;
}
ul
{
	list-style-position:inside;
}

.img
{
	border-style:solid;
	border-width:0;
	margin-left:5px;
	margin-right:5px;
}

h2, h3
{
	text-decoration:underline;
	color:#666666;
}

.under
{
	text-decoration:underline;
}

p
{
	margin:0px;
}
#bottomtext
{
	height:210px;
	width:960px;
	color: #666666;
	font-family: Verdana;
	font-size:11px;
	margin:0;
	border-collapse:collapse;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#bottomtext {
		width:800px;
	}
}
/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#bottomtext {
		width:500px;
	}
}

.linkcolour
{
	color:#000000;
}