body {
	text-align: center;
	background: #CCC;
	color: #000;
}

html {
	overflow-y: scroll;
}

a {
	text-decoration: none;
	color:#FFF;
}

table {
	border-collapse: collapse;
}


td {
	vertical-align:top;

}

img {
	border: 0px;
}

hr {
	margin: 0px;
	padding: 0px;
}

div {
}

#MainArea {
	width: 1000px;
	margin: auto;
	text-align: left;

}

#Logo {
	width: 1000px;
	#width: 1005px;
	margin:0px;
	padding: 0px;
	background-image:url(images/WAB_header.png);
}

.Menu {
	background-color:#FFF;
	width: 1000px;
	#width: 1005px;
	clear:left;
	height: 24px;
}


#PageContent {
	font: normal 0.9em arial;
	width: 1000px;
	margin: 0px;
	padding:0px;
	background-color: white;
	display: block;
	float:left;
	line-height:1.5em;
	min-height:600px;
	height:auto !important;
	height: 450px;
}


#PageContent p {
	color: #000;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height:1.6em;
	display:block;
}

/*Page headings*/
#PageContent h1 {
	font: bold 1.4em arial;
	color: black;
	padding: 0px 0px 10px 25px;
	margin: 0px;
}

/*main*/
#dynamic h1 {
	font: bold 1.3em arial;
	color: #333;
	padding: 15px 0px 0px 0px;
	margin: 0px;
}

#PageContent h2 {
	font: bold 1.1em arial;
	color: #c36408;
	padding: 0px;
	line-height:normal;
}

/*subheading and board names*/
#PageContent h3 {
	font: bold 1.3em arial;
	width: 100%;
	color: #666;
	padding: 5px 0 0 0;
}

#PageContent h3 a{
	color: #666;
}

#PageContent h4 {
	font: bold 1em arial;
	color: #4f3327;
	padding: 0px 0px 10px 0px;
	margin:0px;
}

#PageContent h5 {
	font: normal 0.8em arial;
	color: #666666;
	padding: 0px 0px 10px 0px;
	margin:0px;
}

#PageContent h6 {
	font: normal 0.8em arial;
	color: #333333;
	padding: 0px 0px 10px 0px
}


#PageContent ul {
	color: #FFF;
}

#PageContent li {
	color: #FFF;
	padding: 0px 0px 5px 5px;
}

/*People pages spacing*/
#PageContent td {
	padding: 0 20px 0 20px;
	font: normal 0.9em arial;

}

#PageContent a {
	color: #d18436;
	font-weight: bold;
}


#PageContent a:hover {
	color: #ff9933;
}

#PageContent a:visited {
	color: #333;
}


#PageContent #dynamic {
	margin: 0px;
	padding:0px;
	width: 1000px;
	background-color:white;
	color:white;

}

#PageContent #gallery {
	display:block;
	margin: 0px;
	padding:0px 0px 0px 25px;
	width: 800px;
	#width: 790px;
	background-color:white;
}

/*header photo upper*/
#PageContent div.images {
	width: 1000px;
	height: 300px;
	position:absolute;
	float:left;
	padding:0px;
	margin: 0px;
}

#PageContent div.images IMG {
	margin: 0px;
	padding:0px;
}

#PageContent div.dynamicRow {
	margin: 0px;
	padding:0px;
	width: 1000px;
	background-color:white;
}

/*text block left*/
#PageContent div.text{
	width: 575px;
	height: auto;
	background: #e3e2e0;
	padding: 15px;
	position:relative;
	float:left;
	margin: 273px 0 0 0;
	color:#000;
}

#PageContent div.textlong{
	display: table-cell;
	width: 810px;
	#width: 750px;
	clear:left;
	color:#000;
	background-color:#FFF;
	line-height:1.7em;
	padding: 0px 0px 0px 25px;
}

#PageContent div.col1{
	display: table-cell;
	width: 420px;
	float:left;
	background-color:white;
	padding: 0px 0px 30px 25px;
}

#PageContent div.col2{
	display: table-cell;
	width: 300px;
	#width: 340px;
	float:left;
	background-color:white;
	padding: 0px 0px 30px 40px;
}

#rightImage {
	float:right;
	position:relative;
	margin: 273px 30px 20px 0;
	width: 325px;
}

.people {
	width: 150x !important;
	width: 150x;
	float: left;
	padding-right: 5px;
	display: block;
}

.people p {
	width: 150px;
}


/*BreadCrumbs*/

div.breadcrumbs {
	font: normal 0.8em arial;
	color:#333;
	padding: 0px 25px 2px 25px;
	width:950px;
	background-color:white;
	margin: 0px;
	text-align:right;
}

/*What does this do?*/
div.breadcrumbs a {
	font: normal 0.8em arial;
	color: red;
}

div.breadcrumbs a:visited {
	color: black;
}

div.breadcrumbs a:hover {
	color: #333;
}


#Details {
	color: black;
	width: 980px !important;
	width: 1000px;
	height: 25px;
	font: bold 0.7em arial;
	padding: 3px 0px 3px 20px;
	margin-left:1px;
	float: left;
	text-align: right;

}

#Details a{
	color: white;
	text-decoration: none;
}

#Details a:hover{
	color: #ff9933;
}

/*Gallery menu e.g.*/
#pageMenu {
	font: normal 0.8em arial;
	color:#000;
	padding: 0px 0px 10px 25px;
	width: 800px;
}

#pageMenu a {
	color:#333;
}

#pageMenu a:hover {
	color:#ff9933;
}

#InputForm {
	font: normal 10pt arial;
	color:#000;
}

#InputForm h2 {
	font: bold 1.2em arial;
	color: #996;
	text-transform: uppercase;
	padding: 0px 0px 0px 20px;
}

#InputForm h3 {
	font: 1.2em arial;
	width: 98%;
	height:30px;
	color: #FFF;
	text-transform: uppercase;
	background: #666;
	padding: 10px 0px 0px 20px;
}

#InputForm td{
	font: normal 10pt arial;
}


.submitbutton {
	width: 75px;
	height: 26px;
	border: 0px;
	color: #FFF;
	line-height:normal;
	background:#d18436;
}

.board {
	width: 960px;
	border-collapse: collapse;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	color: #000;
	background-color:#ebeae8;
}

.board img {
	margin: 0 55px 10px 0;
	padding:2px;
	position: relative;
	left: 3px;
	#left: 0px;
	border-style: solid;
	border-color:#666;
	border-width:thin;
}

.board td {
	width: 400px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 15px;
	border-bottom:thin;
	border-bottom-style:solid;
	border-bottom-color:#666;
}

.payonline {
	text-align: left;
	border-collapse: collapse;
	width: 575px;
	#width: 570px;
	height: auto;
	background: #e3e2e0;
	padding: 15px;
	color:#000;
}

.payonline form{
	margin: 0px;
	padding: 0px;
	text-align: left;
}