/* CSS Document */
/* 
Colours: 
Red = #EE2E24

*/

html {
	font-size:				100%;
	
}
body {
	text-align:				center;
	background: #FBFBFB;
/*	background: #B0A09D;*/
}
#container {
	width:					830px;
	margin:					30px auto 0px auto;
	text-align:				left;
	border:					1px solid #CCC;
	background:#FFF;
}
#inner {
	margin:					0px 20px 0px 15px;
}
#logo {
	float:					left;
	width:					280px;
}
#menu {
	float:					left;
	width:					500px;
	margin-top:				36px;
}
#menu a {
	float:left;
}
#menu a:hover {
	border-bottom:			8px solid #EEE;
}
#menu .selected {
	border-bottom:			8px solid #EE2E24;
}
#menu .selected:hover {
	border-bottom:			8px solid #EE2E24;
}
#menu a img {
	border-width:			0px;
}
#headerimage {
	margin-top:				-5px;
	border-bottom:			1px solid #CCC;
	padding-bottom:			7px;
}
#side {
	float:					left;
	width:					266px;
	
}
#main {
	float:					left;
display:inline;
	width:					480px;
	margin:					10px 20px 0px 20px;
	font-family:			verdana, arial, helvetica, sans-serif;
	font-size:				0.7em;
	line-height:			1.5em;
	color:					#666;
}
#footer {
	clear:					both;
	border-top:				1px solid #EE2E24;
	margin-top:				10px;
	font-family:			verdana, arial, helvetica, sans-serif;
	font-size:				0.6em;
	line-height:			2.5em;
	color:					#666;
}
.clearblock {
	clear:					both;
	line-height:			0px;
	height:					0px;
	padding:				0px;
	margin:					0px;
}
a.themed {
	color:					#EE2E24;
	text-decoration:		none;
}
a.themed:hover {
	color:					#FF3F35;
	text-decoration:		underline;
}
a.subtle {
	color:					#666;
	text-decoration:		none;
}
a.subtle:hover {
	color:					#FF3F35;
	text-decoration:		underline;
}