/* Starter Style Sheet - Zac Hester */

body {
	margin: 1em auto;
	padding: 0;
	font: 84.5% Tahoma, serif;
	color: #333333;
	line-height: 125%;
	background-color: #d8747e;
}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	}
a:hover {
	text-decoration: none;
	color: #999999;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.75em 0 0.25em 0;
	padding: 0;
	color: #111111;
}
h1.top_story {
	font-size: 165%;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #CCC;
}
h1 { font-size: 180%; }
h2 { font-size: 150%; border-bottom: solid 2px #999999; padding: 2px 0px; }
h3 { font-size: 130%; }
h4 { font-size: 120%; 
		border-bottom: 1px solid #CCC;
}
h5 { font-size: 110%; }
h6 { font-size: 100%; }
ul li, ol li {
	margin: 0;
	margin-left: 2em;
}
p {
	margin: 0px;
	padding: 0px;
}
p.alert {
	color: red;
	text-align: center;
}
input {
	border: 1px solid #D1D1D1;
}
textarea {
	border: 1px solid #D1D1D1;
}
input.button {
	border: 1px solid #000;
	margin: 0px 0px 1em 0px;
}
list {
	border: 1px solid #000;
}
menu {
	border: 1px solid #000;
}
blockquote { padding: 0 2em; }
img { border: none; }
form { margin: 0; }

div#page_root {
  width: 780px;
  margin: 0px auto;
  border: 5px solid #FFF;
  background-color: #FFF;
  padding: 0px;
}
div#header_bar {
  background-color: #FFFFFF;
  background-image: url(/resources/graphics/header.bkg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  height: 75px;
  margin: 0px;
  padding: 0px;
} 
div.site_search {
	float:right;
	text-align: right;
	margin: 5px 5px 0 0;
	width: 300px;
}
	div.site_search input {
		border: 1px solid #aaaaaa;
		font-size: 90%;
	}
div#header_bar h1 a {
  position: absolute;
  left: 18px;
  top: 15px;
  font-size: 1px;
  color: #313131;
  display: block;
  width: 465px;
  height: 124px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
div.header_photograph {
	margin: 0px;
	padding: 0px;
	
}
	div.header_photograph img {
		margin: 0px;
		padding: 0px;
		border-top: 1px solid #000;
	}
div#primary {
	padding: 0px;
	margin: 0px;
}

/*Container Table - This has one rail on the right hand side with a specific width.  The content
flows around the left of the table */

table#container {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0 1em 0;
}
	table#container tr td.left {
		vertical-align: top;
		margin: 0;
		padding: 0 4px 0 4px;
	}
	table#container tr td.right_rail {
		vertical-align: top;
		width: 160px;
		border-left: 1px solid #ccc;
		background-color: #FFF;
		color: #000;
	}
	table#container tr td.right_rail a {
		color: #000;
	}

/*Special content sections that require centered box text */
div.photo_viewer {
	margin: 0px auto;
	text-align: center;
}
	div.photo_viewer img {
		border: 1px solid #000000;
	}
	div.photo_viewer a {
		color: #000;
	}
	div.photo_viewer a:hover {
		color: #010101;
	}

div#special_content {
	width: 374px;
	border: 1px solid #ccc;
	margin: 5px auto;
	text-align: center;
}
#popup {
	position: absolute;
	top: 14px;
	left: 100px;
	background-color: #FFF;
	z-index: 2;
	text-align: center;
}
#popup img {
	padding: 10px;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5000px;
	background-color: #000000;
	opacity: 0.75;
	filter:alpha(opacity=75);
	z-index: 1;
}
	*html #overlay {
		position: absolute;
		left: 0px;
		top: 0px;
		height: 5000px;
		background-color: #000000;
		opacity: 0.75;
		filter:alpha(opacity=75);
		z-index: 1;
	}
	*html #popup {
	position: absolute;
	top: 14px;
	left: 100px;
	background-color: #FFF;
	z-index: 2;
	text-align: center;

   }
div#footer {
	margin: 0px;
	padding: 10px;
	clear: both;
	color: #fff;
	background-color: #222222;
	text-align: center;
	font-size: 80%;
}
	div#footer a {
		color: #fff;
	}
div#footer p {
	margin: 0px;
	padding: 0px;

}
div.contact_bug {
	margin: 0px;
	padding: 4px;
	text-align: center;
	background-color: #F9F9F9;
}
	div.contact_bug h2 {
		margin: 0px;
		padding: 0px 2px;
		border: none;
		font-size: 100%;
	}