/*===============LAYOUT SECTION===============*/

body {
background: #000 url('gingham_black_ltgoldenrod.jpg');
color: #fafad2;
margin: 0;
padding: 0;
text-align: center;
}

#container {
background: #bdb76b none;
color: #000;
width: 90%;
}

#header {
background: #eee8aa url('ladder.jpg') no-repeat bottom left;
color: #000;
min-height: 150px;
}

#sidebar {
float: left;
width: 20%;
}

#content {
height: 100%;
padding: 1.5em;
}

#footer {
clear: both;
margin: 0;
padding: 0.5em;
background: #eee8aa none;
color: #000;
}


/*===============DESIGN SECTION===============*/

#container {
margin: 5% auto;
border: thick solid #fafad2;
text-align: center;
font-family: "comic sans ms",helvetica,sans-serif;
}

/* REMOVE ANCHOR BORDER AROUND IMG LINKS */
a:link img, a:visited img, a:active img { border: none; }


/*_____ HEADER AREA _____*/

#header {
padding: 0.5em;
border-bottom: 2px solid #000;
font-family: papyrus,"comic sans ms",helvetica,sans-serif;
}
#header h1 {
padding: 0;
margin: 0;
font-weight: bolder;
}
#header p {
font-size: 110%;
}
#header a {
color: #000;
background: #eee8aa;
text-decoration: none;
}

/*_____ SIDEBAR NAVIGATION LIST _____*/

ul#navlist {
text-align: center;
list-style: none;
padding: 0;
margin: 1.5em 0 0;
border: 3px solid #eee8aa;
}
ul#navlist li {
display: block;
margin: 0;
padding: 2px 0;
}
ul#navlist li a {
display: block;
padding: 1px;
background: #222222;
color: #ffffe0;
border: 2px solid;
border-color: #ffe #777 #ccc #fff;
text-decoration: none;
}
ul#navlist li a:focus, ul#navlist li a:hover {
color: #000;
background: #bdb76b;
border-color: #777 #fff #fff #ccc;
}
/* CURRENT PAGE LINK */
#home .home, #countrydecor .crafts, #antiques .antiques, #trees .trees, #contact .contact, 
#directions .directions, #map .map, #history .history, #sitemap .sitemap
{
background: #780000;
color: #fafad2;
}


/*_____ REST OF SIDEBAR _____*/

#sidebar {
margin: 0;
padding: 0.5em;
text-align: center;
}
#sidebar p { 
margin-right: 1em;
font-family: verdana,helvetica,sans-serif;
font-size: 85%;
}
#sidebar p.ladder {
background: #eee8aa url('ladder_side.jpg') no-repeat center;
color: #000;
font: bolder 150% papyrus,verdana,helvetica,sans-serif;
padding: 1em 0;
border: medium solid #000;
margin: auto;
}

#sidebar ul.references  {
padding-left: 1em;
margin-bottom: 1em;
font-family: arial,helvetica,sans-serif;
font-size: 80%;
text-align: left;
line-height: 130%;
}


/*_____ CONTENT AREA _____*/

#content {
border-left: 2px dotted #fafad2;
overflow: auto;
text-align: center;
}

#content h2 {
margin: 0 0 0.5em 0;
background: #bdb76b none;
color: #fafad2;
}
#content h2.banner {
border: medium outset #eee8aa;
background: #222222 none;
color: #fafad2;
font-size: 110%;
padding: .2em;
margin: auto;
}
#content h3 {
background: #bdb76b none;
color: #fafad2;
}

#content em {
color: #780000;
background: #bdb76b none;
}

.border { border: 2px solid #000 }

.clearfloat { height: 0; font-size: 0; clear: both; }

.right { 
float: right; 
margin-left: 0.5em;
vertical-align:text-top;
}

.store { font: bold 130% "comic sans ms",helvetica,sans-serif; }

p.thumb {
width: 90%;
}
div.thumbnail {
float: left;
width: 49%;
border: 0;
margin: 1em 0;
padding: 0;
text-align: center;
}
.thumbleft {
text-align: left;
margin-left: 4em;
}
.thumbright {
text-align: left;
margin-left: 2em;
}


/* BLACK BLOCK & KHAKI TEXT */
p.outset {
border: medium outset #eee8aa;
background: #222222 none;
color: #fafad2;
font-size: 100%;
padding: .1em;
margin: auto;
max-width: 90%;
}

/* NORMAL LINKS */
a:link { color: #780000; background: #bdb76b none; }
a:visited { color: #000000; background: #bdb76b none; }
a:focus, a:hover { color: #fafad2; background: #bdb76b none; }
a:active { color: #780000; background: #bdb76b none; }


/* DEFINE TABLES */
table {
background: #bdb76b;
color: #000;
border: medium outset #eee8aa;
margin-left: auto; 
margin-right: auto;
text-align: center;
}
tr {
border-collapse: separate;
border-spacing: 5px;
padding: 5px;
}
th {
background: #780000;
font-family: "comic sans ms",verdana,helvetica,sans-serif;
font-size: 110%;
color: #fafad2;
text-align: center;
padding-left: 1em;
padding-right: 1em;
border: 1px solid #bdb76b;
}
td {
background: #eee8aa;
font-family: "comic sans ms",verdana,helvetica,sans-serif;
font-size: 100%;
color: black;
text-align: center;
padding-left: 1em;
padding-right: 1em;
border: 1px solid #bdb76b;
}
.chart a:link, .chart a:visited { color: #000; background: #eee8aa none; }
.chart a:focus, .chart a:hover, .chart a:active { color: #000; background: #bdb76b none; }


/* SITEMAP */
.group { 
width: 80%;
border: medium solid #CDC673;
background: #bdb76b none;
color: #000;
margin: 25px 5px 20px 40px;
padding: 0 15px;
text-align: left;
}
.group p { 
font-weight: bold;
font-size: 105%;
padding-top: 0.5em;
}
.group ul {
padding-bottom: 0.5em;
}
.group a:link {
background: #bdb76b none;
color: #780000; 
}
.group a:visited {
background: #bdb76b none;
color: #000;
}
.group a:focus, .group a:hover, .group a:active {
background: #bdb76b none;
color: #fafad2;
}


/* BOTTOM MENU */
#bottommenu {
width: 95%;
list-style: none;
text-align: center;
}
#horizontal ul {
float: left;
margin: 0 auto;
padding: 0;
}
#horizontal li {
display: inline;
}
#horizontal li a {
border: 2px solid;
border-color: #ffe #777 #ccc #fff;
text-decoration: none;
padding: .1em .2em;
}
#horizontal li a:link, #horizontal li a:visited {
background: #eee8aa none;
color: #000;
}
#horizontal li a:focus, #horizontal li a:hover, #horizontal li a:active {
background: #bdb76b none;
color: #000;
border-color: #777 #fff #fff #ccc;
}


/*_____ FOOTER AREA _____*/

#footer {
border-top: 2px solid #000;
font-family: arial,helvetica,sans-serif;
font-size: 75%;
line-height: 130%;
}

#footer a:link, #footer a:visited {
color: #000; 
background: #eee8aa none;
}
#footer a:focus, #footer a:hover, #footer a:active {  
color: #000; 
background: #bdb76b none;
}