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

Updated: 3/12/2013
author: Eric Watson
website: http://www.websitecodetutorials.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;
border-radius:8px;
box-shadow:0 0 4px #555;
}
#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:#FFF;
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;
}