html { font-size: 62.5%; }
body { font-size:1.2em; }

/*
Always declare margin and padding in block-level elements.
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, small, strike, strong, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {layout.css (line 12)
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

body {
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #916f40;
	background: #221205 url(/images/bg.jpg) repeat-x left top;
}
a:link {
	color: white;
	text-decoration: none;
}
a:visited {
	color: white;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	list-style-type:none;
}

#page {
margin: 0 auto;
width: 1024px;
text-align: left;
}
#header {
height: 203px;
}

#container {
background:black;
float:left; /* sets up clearing of floats, no clear needed */
}
	/*=HOME
	Home page styling.
	----------------------------------------------- */
	.upcoming{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6e4d29;
	background-image: url(/images/banner02.jpg);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
	line-height: 14px;
	float:left;
	width:278px;
	height:296px;
	}
	.upcoming ul{
	list-style-position:outside;
	list-style-type:square;
	margin:65px 85px 0 32px;
	padding:0px;
	}
	.upcoming li{
		padding-bottom: 7px;
	}
	img.flag {
	clear:both;
	float:left;
	margin: 0 2px 0 132px;
	}
	.news_section {
	background: url(/images/banner05.jpg) no-repeat;
	width:278px;
	height:109px;
	text-align: left;
	font-size:11px;
	color: #f7c77c;
	line-height: 10px;
	float:left;
	}
	.news_section ul {
	padding:0;
	margin:10px 0 0 23px;
	}
	.news_section  a:link, .news_section  a:visited{
	color:#f7c77c;
	text-decoration:none;
	line-height: 14px;
	}
	.news_section a:hover{
	color: #201303;
	background-color: #f7c77c !Important;	
	}
	/*=HALLS
	Directory hall page styling.
	----------------------------------------------- */
	#hall_top {
	background:black url(/images/hall_top.png) no-repeat;
	width:1024px;
	height:93px;
	}
	#hall_middle {
	background:black url(/images/hall_middle.png) repeat-y;
	width:1024px;
	overflow:auto;
	zoom:1;
	}
		#hall_middle #hall_directory {
		padding:0 0 20px 0;
		}
		#hall_middle #hall_directory  h2 {
		float:left;
		clear:left;
		font-size:28px;
		margin:0;
		padding:20px 0 0 210px;
		color:#eacc8e;
		}
		#hall_middle #hall_directory  h3 {
		font-size:28px;
		margin:0;
		padding:5px 0 30px 230px;
		color:#eacc8e;
		}
		ul#listing {
			clear:left;
			margin:0 0 60px 210px;
		}
		ul#listing li {
		font-size:14px;
		color:#eacc8e;
		display:inline;
		float:left;
		width:210px;
		margin:20px 0 20px 0;
		padding:0 40px 0 0;
		_padding:0;
		}
		ul#address {
			margin:5px 0 0 0;
		}
		ul#address li {
		font-size:14px;
		color:#eacc8e;
		display:block;
		clear:both;
		margin:0;
		_padding:0 40px 0 0;	
		}
	#hall_bottom {
	background:black url(/images/hall_bottom.png) no-repeat;
	width:1024px;
	height:93px;
	}
	#hall_middle #hall_directory form {
		margin:0 0 0 230px;
	}
	#hall_middle #hall_directory form li.reviewer {
		width:750px;
		color:#eacc8e;
	}
	#hall_middle #hall_directory input {
	background:white;
	border:1px solid #EACC8E;
	width:400px;
	height:30px;
	font-size:18px;	
	margin: 10px 0 0 0;
	}
	#hall_middle #hall_directory input.button {
	background:#e5eae2;
	border:1px solid #EACC8E;
	width:100px;
	height:30px;
	font-size:12px;
	cursor:pointer;	
	float:left;
	clear:left;	
	margin:20px 0 0 128px;
	}
	p.back {
		clear:left;
		float:left;
		margin:20px 0 0 290px;
		font-size:20px;
	}
	#hall_middle #hall_directory input.text, textarea {
	border-color:#5C576C;
	}
	#hall_middle #hall_directory input.text, textarea {
	border:1px solid #c1cfba;
	font-size:180%;
	margin: 10px 0 0 0;
	background:white;
	width:400px;
	}
	#hall_middle #hall_directory label {
	color:#EACC8E;
	font-weight:bold;
	font-size:16px;
	margin: 15px 0 0 0;
	}
	#hall_middle #hall_directory select {
		margin: 10px 0 0 0;
	}
	#hall_middle #hall_directory label {
	float:left;
	padding-right:1em;
	text-align:right;
	width:7em;
	}
	table {
		margin: 0 0 0 210px;
		font-size:14px;
		color:#EACC8E;
	}
	td.hall {
		width:145px;
		
	}
	th {
		font-size:18px;
		padding:0 0 10px 0;
	}
	
#footer {
	clear:both;
	float:left;
	height:180px;
	text-align:center;
	width:100%;
}
#footer p {
	margin: 20px 0 0 0;
	font-size: 1.4em;
}

/*----------------------- Start - Error Field Styling -----------------*/
.fieldWithErrors {
  margin:0;
  padding:0;
}
#errorExplanation {
  background-color:#FFEAE8;
  border:1px solid #FF8B7F;
  color:#000;
  text-align:left;
  vertical-align:top;
  width:600px;
}  
#hall_middle #hall_directory #errorExplanation h2{
  margin:0 0 0 10px;
  float:none;
  padding:10px 0; 
  color:#c85a50;
  font-size: 20px;
}
#errorExplanation p {
  padding: 0 5px 5px 15px;
  color:#c85a50;
}
#errorExplanation ul {
  margin-left: 20px;
  padding-left: 0;
  color:#000;
  list-style-type: none;
}
#errorExplanation ul li {
  padding-left: 23px;
  padding-bottom:5px;
  background: transparent url(../images/exclamation.png) no-repeat;
  color:#000;
  line-height:17px;
}