/* All the leaves are brown */

/*

------------------------------------------------------
Copyright Jan Schreiber, http://www.jschreiber.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* Site-wide styles */

body {
background: url(images/background.gif) #bd9d60 top center repeat-y;
padding: 0;
font-size: 100%;
margin: 0;
min-width: 700px;
}

a {
color: #aa8139;
}

a:visited {
color: #55411c;
}

a:hover {
color: #bf9d60;
}

p, th, td, li, dd, dl, dt {
font-family:  palatino, georgia, times, serif;
}

h1,h2,h3,h4,h5,h6 {
color: #55411c;
font-weight: normal;
}

p {
border: 0;
margin: 0;
padding: 0;
}

/* Header */

#banner {
background: url(images/header.gif) transparent;
width: 724px;
height: 40px;
color: #55411c;
margin: 0 auto;
}

#banner p {
font-family: palatino, georgia, times, serif;
font-size: 1.8em;
padding-left: 50px;
}

/* Navigation and content */

#content p, #content ol, #content ul {
margin-bottom: 1em;
font-size: 90%;
line-height: 1.6em;}

#content p:first-letter {
font-weight: bold;
font-size: medium;
}

#nav-toplevel {
background: url(images/header.gif) transparent;
width: 700px;
margin: 0 auto;
border: 7px #fff solid;
border-top: 0;
padding: 0;
}

#nav-meta {
background: url(images/title_bg.jpg) #999;
text-align: right;
height: 90px;
padding: 5px;
}

#nav-meta a[href="#content"] {
display: none;
}

#nav-meta a {
color: #bf9d60;
text-decoration: none;
}

#nav-meta a:hover {
text-decoration: underline;
}

#nav-meta ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav-meta li {
}

#nav-main {
background: url(images/subtitle_bg.jpg) #ccc;
text-transform: uppercase;
margin: 0;
padding: 0;
height: 22px;
width: 700px;
}

#nav-main ul {
text-align: center;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#nav-main ul li {
font-family: palatino, georgia, serif;
font-size: .9em;
display: block;
float: left;
height: 22px;
width: 100px;
padding: 0;
margin: 0;
border: 0;
}

#nav-main ul li a {
display: block;
text-align: center;
text-decoration: none;
text-align: center;
color: #55411c;
height: 22px;
padding: 0 10px;
margin: 0;
border: 0;
border-right: 1px #55411c dotted;
}

#nav-main li a.current {
text-decoration: underline;
}

#nav-main li a:hover {
background: #f7f5f3;
text-decoration: underline;
}

#nav-toplevel ul {
margin-top: 0;
}

#container {
margin: 0 auto;
padding: 0;
border: 0;
width: 700px;
}

#container h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-top: 0.5em;
font-weight: normal;
}

#container h1 {

}

#container h2 {
font-style: italic;
}

#container h3 {

}

#container h4 {
font-style: italic;
}

#content {
float: left;
width: 516px;
background: #f7f5f3 none top left repeat;
padding: 7px;
}

#content p, th, td, li, dd, dl, dt {
font-family: "trebuchet ms", verdana, arial, sans-serif;
}

#nav-subs {
float: right;
padding: 0;
width: 153px;
padding: 5px;
text-align: left;
border-left: 7px solid #fff;
border-top: 0px;
background: #f7f5f3 none top left repeat;
}

#nav-section {
padding: 0;
margin: 0;
}

#nav-section ul {
border: 1px solid #e3e3e3;
margin: 0;
padding: 0;
list-style-type: none;
}

#nav-section ul li {
text-align: left;
font-family:  palatino, georgia, times, serif;
}

#nav-section ul li a {
display: block;
color: #55411c;
border-right: 7px solid #f7f5f3;
padding: 3px 5px;
width: 134px;
text-align: right;
}

#nav-section ul li a:hover {
background: #fff;
border-right: 7px solid #bf9d60;
color: #bf9d60;
}

#nav-section li a.youarehere {
background-color: #fff;
border-right: 7px solid #fff;
}

#nav-supp ul {
list-style-type: none;
text-align: right;
margin: 0;
padding: 1em 0;
padding-right: 15px;
}

#nav-supp ul li {
padding: 1px 0;
font-family:  palatino, georgia, times, serif;
}

#nav-supp ul li a {
text-decoration: underline;
width: 140px;
}

/* Footer */

#info-site {
background: url(images/bottom.gif) #bd9d60 top left no-repeat;
clear: both;
width: 724px;
height: 60px;
margin: 0 auto;
padding: 0;
padding-top: 7px;
border: 0;
text-align: right;
}

#info-site p {
padding-right: 5px;
}

#info-site a {
color: #55411c;
}