/* --------------------------------------------------
Screen Stylesheet for http://www.2614jeffersonst.com

Updated: 08/20/08
author: Eric Watson
website: http://www.VisibilityInherit.com
-----------------------------------------------------
: Site Colors : 
Light Brown: background color, nav hover/active #DACEC2;
Dark Brown: border, footer, h1, h2 ............ #866F5F;

: Table Of Contents :
Resets
Defaults
Typography
Forms
Tables
Template
Links
Nav Menu
Global Classes
Image Gallery
Content
---------------------------------------------------- */

/* -------------------- Resets --------------------- */
body, div, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0;
	padding: 0;
}
fieldset, table {
	border: none;
}
/* --------------- Document Defaults -------------- */
html {
	height: 100%; 
}
body {
	height: 100%; 
	font-size: 62.5%;
	font-family: Tahoma, Geneva, Arial, Helvetica, 'MS Sans Serif', sans-serif;
	color: #000;
	background: #DACEC2;
}
/* ------------------ Typography ------------------- */
h1 {
	font-size: 2.9em;
	color: #866F5F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 20px 0;
	line-height: 15px;
}
h2 {
	font-size: 1.6em;
	text-align: center;
	margin: 0 0 1.2em 0;
}
h3 {
	font-size: 1.4em;
}
p, li {
	font-size: 1.2em;
	margin: 0 0 .6em 0;
	line-height: 15px;
}
#content p {
	margin: 0 0 .6em 270px;
}
/* -------------------- Forms ---------------------- */
input, label {
	vertical-align: middle;
}
label {
	cursor: pointer;
}
input, textarea {
	font-size: 1.2em;
	font-family: inherit;
	padding: .15em;
}
.submit {
	padding: 0;
	width: 5em;
}
.formhover {
	border: #999 solid 1px;
}
.formhover:hover {
	border: #000 solid 1px;
}  
.formhover:focus {
	border: #000 solid 1px;
	outline: 0; /* for Safari's blue border */
}  	
/* -------------------- Tables --------------------- */
table {
	table-layout: inherit;
	overflow: hidden;
}
/* ------------------- Template -------------------- */
#wrapper {
	position: absolute; 
	height: 85%; 
	width: 70%;
	left: 15%; 
	top: 7.5%; 
	border: 2px solid #866F5F;
	background: #FFF;
	min-height: 420px;
	min-width: 595px;
	overflow: hidden;
}
#header { 
	height: 60px;
	text-align: center;
	overflow: hidden;
}
#nav {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #866F5F;
	border-bottom-color: #866F5F;
}
#main {
	text-align: center;
}
#content {
	position: absolute;
	height: 52%; 
	width: 86%;
	left: 7%; 
	top: 24%;
	text-align: justify;
}
#footer {
	height: 40px;
	width: 100%;
	font-size: small;
	color: #FFFFFF;
	text-align: center;
	background-color: #866F5F;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 1;
}
/* ------------------- Links ---------------------- */
a, a:visited  {
	text-decoration: underline;
	color: #000;
	outline: 0;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}
a img {
	border: none;
}
/* ------------------- Nav Menu -------------------- */
#nav ul {
	text-align: center;
}
#nav li {
	display: inline;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	line-height: normal;
}
#nav li a {
	text-decoration: none;
	color: #000;
	padding: 0 1.6em;
}
#nav li a:active, #nav li a:focus, #nav li a:hover {
	color: #FFF;
	background-color: #DACEC2;
}
body#home a#homenav, body#unita a#unitanav, body#unitb a#unitbnav, body#unitc a#unitcnav, body#map a#mapnav, body#contact a#contactnav { 
	color: #FFF;
	background-color: #DACEC2;
}
body#home a#homenav:hover, body#unita a#unitanav:hover, body#unitb a#unitbnav:hover, body#unitc a#unitcnav:hover, body#map a#mapnav:hover, body#contact a#contactnav:hover {
	color: #000;
	background-color: #DACEC2;
}
/* ---------------- Global Classes ----------------- */
.center {
	text-align: center;
}
.clear {
	clear: both;
	padding: 0;
	margin: 0;
	line-height: normal;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.hidden {
	display: none;
	visibility: hidden;
}
.inline {
	display: inline;
}
.fontsmall {
	font-size: 10px;
	font-weight: normal;
}
/* ----------------- Image Gallery ----------------- */
#thumbwrap {
    float: left;
    width: 249px;
	border: 1px solid #000;
	margin: 2px 0 0;
}
.thumb .small {
    border: 1px solid #000;
    float: left;
    padding: 3px;
    background: #fff;
}
.thumb:hover {
    border: 0;
}
.thumb .small:hover, .thumb .small.hover {
	 background: #866F5F;
}
.thumb span {
    z-index: 1;
    position: absolute;
    top: 4em;
    left: 269px;
    background: #fff;
	visibility: hidden;
	right: -26px;
	padding: 0 0 999px 0;
	text-align: center;
}
* html .thumb span {
	padding-right: 999px;
}
.thumb span img {
	border: 2px solid #000;
}
.thumb:hover span {
	visibility: visible;
}
/* ----------------- Content/Pages ----------------- */
/* Contact */
#contact #content table { 
	margin: 0 auto;
}
#contact #content {
	position: absolute;
	height: 40%; 
	width: 80%;
	left: 10%; 
	top: 30%; 
}
.contactfont { 
	font-size: 1.2em;
	font-weight: normal;
}
/* Home */
#home #content {
	position: absolute;
	height: 44%; 
	width: 86%;
	left: 7%; 
	top: 28%;
	text-align: justify;
}
#home .thumb span {
    top: 2px;
}
/* Map */
#map #content {
	position: absolute;
	height: 44%; 
	width: 80%;
	left: 10%; 
	top: 28%; 
	text-align: center;
}
/* Thank You */
#thankyou #content {
	position: absolute;
	height: 5%; 
	width: 80%;
	left: 10%; 
	top: 46%; 
}
#thankyou #content h2 { 
	font-size: 2.2em;
	color: #866F5F; 
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: .3em;
}
/* Site Design */
#sitedesign { 
	font-size: 10px;
	font-weight: normal;
	margin-top: 10px;
}
#sitedesign a {
	color: #FFF;
	text-decoration: none;
}
#sitedesign a:hover, a:focus, a:active {
	color: #000;
	text-decoration: none;
}