/* 070523 JWAGENER */

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

body {
	background: #b1c2d9;
	font-weight: bold;
	font-size: 13px;
	font-family: Rockwell, sans-serif;
	text-align: center; /* IE doesn't support margin auto */
	padding-bottom: 30px; /* IE wouldn't render the bottom footer margin/spacer */
}

	a:link, a:visited {
		text-decoration: none;
		color: #0B70CE;
	}

		a:hover {
			border-bottom: #abd215 1px solid;
		}

#page {
	margin: 16px auto 0px auto;
	width: 780px;
	border: 3px #382a20 solid;
	background: #fff;
	text-align: left /* IE doesn't support margin auto */
}

#header {
	position: relative;
	background: #abd215;
	padding: 1px;
}

	#header>a:hover {
		border-bottom: none; /* Firefox was rendering the a>img border on hover; it's set properly in the other divs; IE ignores this */
	}

	#header-nav {
		position: absolute;
		top: 1px;
		right: 1px;
		background: #fff;
		width: 567px !important; /* 516px */
		width: 597px; /* 546px */
		padding: 11px 24px 11px 10px;
		margin-right: 1px;
		text-align: right;
		border: 1px #b1c29d solid;
		line-height: 26px;
	}

	#header-nav a {
		color: #382a20;
		font-size: 15px;
		margin-left: 24px;
	}
	
		#header-nav a:hover {
			border-bottom: 3px solid #abd215;
		}

#pull-header {
	border-top: 3px #382a20 solid;
	padding: 16px 16px 10px 16px;
	height: 178px;
}

	#pull-header-left-col {
		float: left;
	}

		#pull-header-left-col a:hover{
			border: none;
		}

		#pull-header-right-col { /* IE doesn't support the > selector above */
			float: right;
			margin-right: 38px !important;
			margin-right: 10px;
		}

		#pull-header-right-col>p {
			margin-top: 11px;
			margin-left: 11px;
			font-size: 12px;
			line-height: 16px;
		}

	#pull-header h1 {
		font-size: 17px;
		margin-bottom: 4px !important;
		margin-bottom: 10px;
	}

	#pull-header img {
		border: 1px solid #382a20;
		margin-bottom: 3px;
		margin-top: 0px !important;
		margin-top: -8px;
	}

#sub-header {
	border-top: 3px #382a20 solid;
	padding: 3px 24px 3px 0px;
	text-align: right;
}

	#sub-header a {
		color: #382a20;
		margin-left: 18px;
	}

#body {
}

	#body-left-col {
		width: 180px;
		border-right: 3px #382a20 solid;
	}

	#body-nav-header { /* A class would make more sense here but ID specificity trumps */
		border-top: 3px #382a20 solid;
		border-bottom: 3px solid #382a20;
		padding: 6px 6px 6px 12px;
		background: #abd215;
	}

		ul {
			padding: 16px;
		}
		
		li {
			list-style-type: none;
			padding-bottom: 8px;
		}

             .spacer {
                    margin: 200px 0px 200px 0px;
		      border-right: 3px #382a20 solid;
		      clear: both;
            }

	#body-right-col {
		float: right;
		width: 537px !important;
		width: 591px;
		border-top: 1px black dotted;
		padding: 30px;
	}

	#body-right-col h1 {
		margin-bottom: 10px;
	}

	#body-right-col h3 {
		margin-top: 8px;
		margin-bottom: 8px;
		font-size: 14px;
	}

	#body-right-col p {
		font-family: Georgia;
	}

	#body h1 {
		font-size: 17px;
		margin-bottom: 4px;
	}

#footer {
	margin: 0px auto 0px auto;
	width: 780px;
	border: 3px #382a20 solid;
	border-top: none;
	background: #fff;
}

	#footer p {
		text-align: center;
		padding: 8px;
	}



/* Gallery ...ehh... */

.gallery-thumb {
	float: left;
	padding: 12px;
	text-align: center;
	font-size: 12px;
}

	.gallery-thumb a:hover {
		border:none
	}

	.gallery-thumb img {
		border: 1px #382a20 solid;
	}