/*
heathcoat red: #ba0308
*/
html,body,div,h1,h2,h3,h4,p,ul,ol,img,form,input,textarea,button,label,legend,fieldset {
	padding:0;
	margin:0;
}
html,body {
	width:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
}
a:link { color:#ba0308; }
a:visited { color:#ba0308; }
a:hover { color:#000000; }

p img { border:solid 1px #EDEDED; margin:2px 5px 2px 0px; }

a img {	border:solid 1px; border-color: #EDEDED #AAAAAA #AAAAAA #EDEDED }
a:hover img { border:solid 1px;  border-color: #666666 #DDDDDD #DDDDDD #666666; }

a:active, a:focus { color:#666666; outline: none; }

.clear {
	height:0px;
	float:none;
	clear:both;
	font-size:0px;
	line-height:0px;
}
p {
	line-height: 1.6em;
	padding:.7em 0em .5em 0em;
}
#middle li {
	padding: 0.4em 0em 0.4em 0em;
}
h1 {
	font-size: 1.4em;
	padding: 1em 0em .6em 0em;
}
h1 b {
	color: #BE1118;
}
h2 {
	font-size: 1.2em;
	padding: 1.4em 0em .4em 0em;
	color: #ba0308;
}
ul,ol {
	padding:.5em 0em .5em 1.5em;
}
#header {
	text-align: right;
	border-bottom: 1px solid #000000;
}
#header #hea-logo {
	float: left;
}
#middle {
	padding-right: 40px;
	padding-left: 350px;
	color: #333333;
}
#column1 {
	background:grey;
	background-position:top right;
	float: left;
	left: -350px;
	margin-right: -350px;
	position: relative;
	width: 321px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
#menu {
	width: 180px;
	float: left;
	background-color: #6c2626;
	background-image: url(images/hea-menu.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	background-position: left bottom;
	border-right: 1px solid #000000;	
}
* html	#menu {
	height:400px;
}
#submenu {
	width: 140px;
	float: left;
	position: relative;
	left: 181px;
	height: 200px;
	margin-bottom: -200px;
}
#menu a, #submenu a {
	display: block;
	padding: 3px 3px 3px 15px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	font-weight:bold;
	text-transform: capitalize;
}
#menu a {
	width:162px;
}
#submenu a {
	width:122px;
	background-color: #999999;
}
#menu a:visited, #submenu a:visited {
	color:#FFFFFF;
}
#menu a.current, #submenu a.current {
	background-color: #666666;
	color:#FFFFFF;
	border-top: solid 1px #000000;
	position:relative;
	top: -1px;
	margin-bottom:-1px;
}
#menu a:hover, #submenu a:hover {
	background-color:#CCCCCC;
	text-decoration:none;
	color: #000000;
}
.halfcolumn {
	float:left;
	width:49%;
}
.mute {
	font-size: 8px;
	color:#999999;
}

#toucan {
	clear:both;
	font-size:10px;
	color:#DEDEDE;
}
* html #toucan {
	margin-top:-20px;
}
#toucan a {
	color:#DEDEDE;
}
#splash {
	background-color: #FFFFFF;
}
#splash #header {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 20px;
	font-size: 12px;
	margin-top: 50px;
}
#splash a {
	border-style:none;
	text-decoration:none;
	padding:0px 0px 1px 0px;
}
#splash #enter {
	display:block;
	width:100%;
	text-decoration: none;
	background:#000000;
}
#splash a img {
	border:none;
}
#splash h1 {
	font-size: 18px;
	font-weight: normal;
	margin:0;
	padding:0px 0px 5px 0px;
}
#splash p {
	color: #C52B2D;
}
#splash b {
	color: #000000;
	font-weight: normal;
}
/* ----------- FORM STYLES ------------ */
input,label {
	display:block;
}
input {
	margin-bottom:5px;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
}
legend {
	font-weight:bold;
	padding: .4em 0em .2em 0em;
}
fieldset {
	padding:5px 10px 15px 10px;
}
.warning { color:red; }
#logindetails {
	float: right;
	padding: 5px;
	margin-left: 10px;
	background-color: #CCCCCC;
	margin-right: 2px;
	font-size: 10px;
}