/*
Site Name: EEK!
Site URI: http://www.eek.co.uk
Version: 1.0
Author: Andy Pearson
Author URI: www.binamic.co.uk
*/

/*
---- Elements
*/
body {
	margin:0;
	padding:0;
	background-color:#fff;
}
h1 {
	background:#fff url(../images/header.gif) no-repeat top left;
	display:block;
	width:760px;
	height:81px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent:-5000px;
}
h2 {
	margin:0;
	padding:0;
	font:18px Verdana, Arial, Helvetica, sans-serif;
}
h2.green {
	font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
h3 {
	margin:0;
	padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h4 {
	margin:0 3px 2px 0;
	padding:0 0 2px 0;
	background-color:#8C9889;
	color:#fff;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
}
p, #maincol ul {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
p a, #maincol ul a {
	color:#666;
	font-weight:bold;
}
p a:hover, #maincol ul a:hover {
	color:#8C9889;
}
/*
---- Structure
*/
#container {
	width:760px;
	background:#B6C2B4 url(../images/backie.gif) repeat-y top right;
	margin:20px auto 0 auto;
}

#rightcol {
	float:right;
	width:165px;
}
#maincol {
	padding:0 0 0 20px;
	width:366px;
	float:right;
}
#leftcol {
	float:left;
	width:140px;
}
#indexcol {
	padding:0;
	width:526px;
	float:left;
}
/*
---- Head Navi
*/
#headnavi {
	background:#546051 url(../images/navibackie.gif) repeat-x top left;
	margin:0 8px 0 0;
	border-top:1px solid #576354;
	border-bottom:1px solid #3B4738;
	padding:4px 0 3px 0;
	width:752px;
}
	#headnavi ul {
		margin:0;
		padding:0;
		list-style:none;
		float:right;
	}
		#headnavi ul li {
			float:left;
			border-right:1px solid #fff;
			padding:0 6px 0 6px;
			line-height:11px;
		}
		#headnavi ul li.last {
			border:none;
		}
			#headnavi ul li a {
				text-decoration:none;
				font:11px Verdana, Arial, Helvetica, sans-serif;
				color:#C8D1C8;
				text-transform:uppercase;
			}
			#headnavi ul li a:hover {
				color:#fff;
			}
/*
---- Leftcol Navi
*/

#leftcol ul {
	margin:0;
	padding:0;
	list-style:none;
}		
	#leftcol li {
		margin:0;
		padding:0;
	}	
		#leftcol ul li a {
			color:#666;
			font:11px Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
		}
		#leftcol ul li a:hover {
			color:#8C9889;
		}
		#leftcol ul li ul {
			margin:0 0 0 15px;
		}

/*
---- Content
*/
#main {
	background:#F3F3F3 url(../images/contentbackie.gif) repeat-x top left;
	margin:0 8px 0 0;
	padding:20px;
}
/*
---- Forms
*/
form {
	border-top:1px solid #8C9889;
	border-bottom:1px solid #8C9889;
	padding:14px 0 14px 0;
}
	form label {
		width:80px;
		padding:3px 4px 3px 0;
		display:block;
		float:left;
		text-align:right;
		font:11px Verdana, Arial, Helvetica, sans-serif;
	}
	form div {
		margin:0 0 6px 0;
	}
	form input, form textarea {
		background:#B6C2B4 url(../images/inputbackie.gif) no-repeat top left;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:2px;
		border-top:1px solid #3B4738;
		border-right:1px solid #F9FAF9;
		border-bottom:1px solid #F9FAF9;
		border-left:1px solid #3B4738; 
		width:240px;
	}
#submit {
	background:#B6C2B4 url(../images/submitbackie.gif) no-repeat top left;
	margin:4px 0 0 84px;
	border-top:1px solid #F9FAF9;
	border-right:1px solid #3B4738;
	border-bottom:1px solid #3B4738;
	border-left:1px solid #F9FAF9; 
	width:auto;
}
p.error {
	font-weight:bold;
	padding-left:84px;
}
/*
---- Table Styles
*/
table {
	background-color:#F3F3F3;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000;
}
	table tr.alt {
		background:#EAEAEA;
	}
		table tr td {
			padding:2px;
		}
		table tr th, .split {
			background:#D9D9D9;
			font-weight:normal;
			text-align:left;
			padding:0 0 10px 0;
			vertical-align:top;
		}
		table tr td.inverse {
			background:#8C9889;
			color:#fff;
		}
			table tr td img.bargraph {
				margin:0 12px 0 6px;
			}

/*
---- Footer
*/
#footer {
	background:#fff url(../images/footerbackie.gif) no-repeat top left;
	height:47px;
	padding:12px 0 0 20px;
}
	#footer ul {
		margin:0;
		padding:0;
		list-style:none;
	}
		#footer ul li {
			float:left;
			border-right:1px solid #fff;
			padding:0 6px 0 6px;
			line-height:11px;
		}
		#footer ul li.last {
			border:0;
		}
			#footer ul li a {
				text-decoration:none;
				font:11px Verdana, Arial, Helvetica, sans-serif;
				color:#C8D1C8;
				text-transform:uppercase;
			}
			#footer ul li a:hover {
				color:#fff;
			}
/*
---- Clear Fix
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */