/* main styles */
*{
	margin:0;
	padding:0;
	border:0;
	line-height:1.38em;
}
html{
	font-size:62.5%;
	margin-right:auto; 
	margin-left:auto;
	background:#8F8F8F url(../images/background.gif) repeat-x left top;
}
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
}
.contentStart{
	position:absolute;
	left:-10000em;
}
.listLast{
	border:none !important;
	background:none !important;
}
#backgroundWrapper{
	position:absolute;
	left:50%;
	margin-left:-484px;
	width:966px;	
}
#containerWrapper{
	width:966px;
	clear:both;
	overflow:hidden;
}
#container{
	overflow:hidden;
	position:relative;
	top:0; 
	height:100%;
	float:left;
}

.hide{display:none;}

h1{color:#CC0000;font-size:1.8em;margin-bottom:9px;margin-bottom:12px;}
h2{font-size:1.4em; color:#960103; margin-top:0px; margin-bottom:10px;}
h3{font-size:1.1em;font-weight:bold; color:#000; margin-top:0px; margin-bottom:6px;}
h4{font-weight:bold;}
p{font-size:1em; color:#333; margin-bottom:12px;}

ul{
	color:#333;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

a:link{color:#177242; background:none transparent; text-decoration:underline;}
a:active{color:#177242; background:none transparent; text-decoration:underline;}
a:visited{color:#177242; background:none transparent; text-decoration:underline;}
a:hover{color:#fff; background: none #177242; text-decoration:none;}

.clearing{
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
	line-height:0.01em;
	font-size:0;
	letter-spacing:0;
}
.errortext{color:#ff0000;font-size:0.9em;}
/* NB: need to eventually consolidate this error style by altering the code in the event.class file */
#copy p.error{color:#ff0000;font-size:0.9em;}