/* main styles */
*{
	margin:0;
	padding:0;
	border:0;
	line-height:1.48em;
}
html{
	font-size:97%;
	margin-right:auto; 
	margin-left:auto;
	background-color:#999999;
}

#container{
	width:778px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	text-align:left;
}
body{
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
}

.hide{display:none;}

h1{font-size:1.2em; color:#cc3333; margin-bottom:2px;}
h2{font-size:1em; color:#555555; margin-top:0px; margin-bottom:6px !important;}
h3{font-size:0.8em; color:#cc3333; margin-top:0px; margin-bottom:2px;}
h4{font-size:0.8em; color:#333333; margin-top:0px; margin-bottom:4px;}
p{font-size:0.8em; color:#666666; margin-bottom:10px;}

a{color:#CC3333;}

.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;}
table td{vertical-align:top;}