@CHARSET "ISO-8859-1";
/**************************************************
 *
 * Filename:	greenevents.css
 * Details:		Style settings for the greenevents template
 * Author:		Mike Thomas
 * Created:		12/10/2016
 *
 * $Rev: 16 $
 * $Date: 2017-05-28 21:18:39 +0100 (Sun, 28 May 2017) $
 *
 **************************************************/
 
body {
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size: 80%;
}

#container {
}

#upperhead {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px 2%;
}

#head {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px 2%;
}

#lowerhead {
	background-color: #FFFFFF;
	padding: 10px 2%;
}

#main {
	clear: both;
	padding: 0 2% 0 2%;
}

#leftside {
	background-color: #FFFFFF;
	padding: 10px 2% 10px 0;
	width: 96%;
}

#middle {
	background-color: #FFFFFF;
	padding: 10px 0 10px 0;
	width: 96%;
}

#rightside {
	background-color: #FFFFFF;
	padding: 10px 2%;
	width: 96%;
}

#rightside img {
	width: 90%;
}

#footer {
	clear: both;
	background-color: #00B000;
	color: #FFFFFF;
	padding: 10px 2%;
	text-align: center;
	font-size: 75%;
}

.arthead {
	color: #000000;
	font-size: 150%;
	text-align: center;
}

.artsubhd {
	color: #000000;
	font-size: 125%;
	text-align: center;
}

.artbody {
}

article a {
	text-decoration: none;
}

article a:link {
	color: blue;
}

article a:visted {
	color: blue;
}

article a:hover {
	color: blue;
}

article a:active {
	color: blue;
}

table.prizelist {
	border: black 1 solid;
}

@media screen and (max-width: 799px) and (min-width: 600px) {
	#lowerhead {
	clear: both;
	}
}
	
@media screen and (min-width: 800px) {
	#lowerhead {
	clear: both;
	}
	
	#main {
	float: left;
	width: 71%;
	}
	
	#middle {
	float: right;
	width: 66%;
	}
	
	#leftside {
	float: left;
	width: 31%;
	}
	
	#rightside {
	float: right;
	width: 21%;
	}
}