html, body {margin:0; padding:0; }

body {background-color:#FFFEF5; font: 76% Georgia, serif; color:#322902; text-align:center; }

/* General layout */
#container{width:880px; margin:0 auto; text-align:left; overflow:visible}
#header {position: relative; margin-top:10px;}
#nav {margin-left:200px;}
#sidebar {float:left; width:177px; margin-top:50px; clear:none;}
.sidebarm {float:left; width:177px; margin-top:10px; clear:both;}
#content {margin-left:200px; margin-top:60px; padding-right:3em; max-width:36em; min-height:290px}
#art { margin-left: 200px; margin-top:100px}
#allimages {position: relative; margin-bottom:6em}
#title {float:left; width:176px; }
#footer {clear:both; width:100%;}

/* Header styles */
#logo {border:0px }

/* Navbar styles */
#nav {font: 12pt "Trebuchet MS", sans-serif;  }
.navbarcolor {color:#B58E19}
.navbar p {position:relative}
.subnavbarcolor {color:#8F4A00}
.subnavbar {position: absolute; top:1.3em}

a.subnavbarcolor:link { color:#8F4A00; }
a.subnavbarcolor:visited { color:#8F4A00; }
a.subnavbarcolor:hover { color:#C7CC87; }

.navseries {margin-right:2px; border:2px solid #C7CC87;}
.navseries:hover {border:2px solid #8F4A00;}

.thispage {border:2px solid #8F4A00;}
.mouseover {position:absolute; top:34px; font-size:11pt;}

/* Sidebar styles */
.new {font:11pt "Trebuchet MS", sans-serif ; color:#8F4A00; padding-bottom:0.5em; padding-top:0.5em; clear:left; line-height:110% }
.new .date {font:9pt "Trebuchet MS", sans-serif; }

.title {margin-top:3em; font: 12pt Georgia; color:#8F4A00; text-align:right}
.title .subheading {font-size: 10pt; font-style: italic}
.title p {margin-bottom:0em; margin-top:.35em; font-size:9pt; text-align:right}

.sidebar-middle {background-image:url(images/sidebar-middle.png); padding:.5em;}
.sidebar-middle .imglink:link img {border:2px solid #C7CC87;}
.sidebar-middle .imglink:visited img {border:2px solid #C7CC87;}
.sidebar-middle .imglink:hover img {border:2px solid #8F4A00;}

/* Content styles */
#content {font: 12pt Georgia, serif; line-height:140%; color:#322902}
#content td {color:#322902; vertical-align:top; line-height:140%}
#content h3 {font-size: 14pt; font-weight: bold; margin-bottom:.25em; margin-top:-3px}
#content p, .content div, .content ul {margin-top:0px}

div.subscribe {color:#8F4A00; font: 9pt "Trebuchet MS";}
div.blogline {color:#8F4A00; font: 9pt "Trebuchet MS"; text-align:right}

.imagenav {position:relative; margin:0px; font: 12pt "Trebuchet MS", sans-serif; text-align:left; line-height:110%}
.imagenav div {margin-bottom:.5em;}

/* footer styles */
.copyright {margin-top:4em; margin-bottom: 9em; text-align:center;   }
.copyright p {font-family: "Trebuchet MS", sans-serif; color:#322902; font-size:9pt; border-top: 2px solid #322902; padding-top:0.75em;}

/* General-purpose styles */
h1 {color:#424203; font-size: 22pt; font-family: "Trebuchet MS", sans-serif;}
h2 {color:#424203; font-size: 16pt; font-family: "Trebuchet MS", sans-serif; margin-top:1em; margin-bottom:0.5em;}
h3 {color:#424203; font-size: 12pt; font-family: "Trebuchet MS", sans-serif; margin-top:1em; margin-bottom:0.5em;}
h4 {color:#424203; margin-top:.5em; margin-bottom:.5em}
hr {color:#424203; }

.interactive {cursor: hand}

a:link { color:#B58E19; text-decoration:none }
a:visited { color:#B58E19; text-decoration:none }
a:hover { color:#8F4A00; text-decoration:underline }

a.imglink:link img {border:none}
a.imglink:visited img {border:none}
a.imglink:hover img {border:none}

.explore {position: absolute; top:2em; width:30em}
.explore p {font: large Georgia; color:#CA9553}

.more {text-align:right; font-style:italic; position:relative; top:-1em; font-size:x-small; font-family: Verdana}

a.plain:link { color:black; text-decoration:underline }
a.plain:visited { color:black; text-decoration:none }
a.plain:hover { color:black; text-decoration:underline }

.homepageart {float:right; margin-left:1em}
