body {
margin: 0;
background: url(../images/bg_foxglove_flowers.jpg) no-repeat right bottom;
background-attachment: fixed;

font-size: 1em;
font-family: arial, helvetica, sans-serif;
}

p.title {
font-size: 1.2em;
padding: 1em;
text-align: center;
}

p.front {
font-size: 1em;
}

p.heading {
font-size: 1.3em;
color: white;
text-align: center;
background-color: olive;
padding: 5px;
}

.dropcap {
color: #6699CC;
font-size: 1.9em;
float: left;
padding-right: 4px;
}

#container {

text-align: center;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
}

#inner {
/*background: tan;*/
background-image: url(../images/tantexture1.gif);
border: 2px outset olive;
margin: 0 auto;
padding: 5px 0 0 0;
text-align: left;
width: 760px;
height: auto;
}

#innerbg {
background: url(../images/bg_foxglove_flowers.png) no-repeat bottom left;
}

#leftnav {
text-align: left;
float: left;
width: 180px;
margin: 10px -13px;
padding: 5px 5px 5px 0;
}

#leftnav ul li{
list-style: none;
line-height: 25px;
}

#leftnav ul li a {
border-left: 5px solid olive;
padding-left: 5px;
}

#leftnav ul li a:hover {
border-left: 5px solid #CC99CC;
padding-left: 10px;
}

#content {
height: 100%;
}

#maincontent {
text-align: left;
float: right;
padding-right: 15px;
width: 540px;
}

h1 {
margin: 0;
padding: 5px;
text-align: center;
font-size: 2em;
color: #B5B321;
}

h2 {
font-size: 1.4em;
color: white;
text-align: center;
background-color: olive;
padding: 5px;
}

h3 {
font-size: .9em;
color: #666666;
text-align: center;
font-weight: 400;
padding: 20px;
}

h4 {
font-size: .7em;
color: #666666;
text-align: center;
font-weight: 400;
padding: 5px;
margin-top: -1px;
}

a:link {
color: black;
}

a:visited {
color: navy;
}

a:hover, a:active {
text-decoration: underline;
color: navy;
}

img.gallery {
border: 2px solid olive;
}

img.foxglove {
display: none;
position: absolute;
float: left;
margin: -140px 0 0 5px;
z-index: 1;
}

#top {
margin: 0 0 0 0;
font-variant: small-caps;
background: url(images/logo_foxglove_cottage_01.gif) no-repeat center bottom;
text-align: center;
}

#top p {
font-variant: small-caps;
color: black;
font-size: .7em;
}

#topimg img {
margin: 10px 0;
border: 2px solid olive;
}

#footer {
clear: both;
border-top: 1px solid olive;
text-align: center;
margin-top: 25px;
}

#footernav ul {
margin-left: -10px;
}

#footernav ul li{
list-style: none;
display: inline;
}

.credits {
font-size: .6em;
color: gray;
text-align: center;
}

.credits a:link {
text-decoration: none;
color: gray;
}

.credits a:visited {
text-decoration: none;
color: gray;
}

.credits a:hover, .credits a:active {
color: olive;
}