html {
font-family:arial, helvetica, sans-serif;
font-size:80%;
color: #000000;
background: #003e19;
}

body {
    height:100%;
    margin:0;
    padding:0;
background: #003e19;
}


html {
    height:100%;
    overflow-y:scroll; /*keep scrollbar position present if FF at all times*/
}
#wrapper {
    width:900px;
    min-height:100%;
    margin:0 auto;
    background: url(images/window.png) repeat;
    border-right:1px solid #000;
    /*position:relative;/*for AP #fixwrap(this triggers "IE8 RP/AP Bug", use float instead of AP)*/
}

#header {
    position:fixed;
    z-index:5;
    width:100%;
    height: 125px; 
    left:0;
    top:0;
    background: #ffffff;
    border-bottom:1px solid #000;
    text-align:center;
padding-top: .85em;}

#header img{
    position:fixed;
    left:0;
    top:0;
    padding-top: .85em;
margin-left: 10%;}

#toplinks{text-align:right; padding: 5px 25px 2px 3px;
background-color: #356116;
color: #beb395;
margin-left: -1px;}

#toplinks a{text-align:right; 
padding: 5px 2px 10px 3px;
color: #ffffff;
margin-bottom: 1em;}

#content {
    width:678px;
    padding: 150px 0em 65px 0em;
}
#show {
    width:678px;
    padding: 0px 0em 65px 0em;
margin-top: -15px;}

#table {
    width:650px;
    max-width: 675px;
    margin:0 auto;
}
#fixwrap {
    float:right;/*IE8 needs a floated parent for the fixed div to kill RP/AP bug*/
    width:221px;
    background:red;
}
#fixed {
    position:fixed;
    width:220px;/*201px total width with left border*/ 
    top:141px;/*total header height*/
    bottom:41px;/*total footer height*/
    overflow:auto;/*insure access to text at smaller viewport heights*/
    border-left: 2px #356116 solid;
background-image: url(images/bot1.jpg);
background-repeat: no-repeat;
background-position: bottom center;
min-height: 550px;}

#fixed p{
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em;
}

#fixed h2{
font-size: 2em;
font-style: italic;
font-family: Times, "Times New Roman", serif;
font-weight: bold;
color: #ffffff;
background-color: #356116;
vertical-align: middle;
text-align: center;}

#footer {
    position:fixed;
    z-index:5;
    width:100%;
    height:30px;/*41px total w/ padding,border*/
    padding:10px 0 0;
    bottom:0; left:0;
    background:#ffffff;
    border-top:1px solid #000;
    text-align:center;
    font-weight:bold;
}

h1,h2,h3 {margin:0 .5em .5em; padding-top:.3em; font-size:1.5em}
h1 {font-size: 2em;
font-family: Times, "Times New Roman", serif;
font-weight: bold;}
h2 {font-size: 2em;
font-style: italic;
font-family: Times, "Times New Roman", serif;
font-weight: bold;}
h3 {font-size: 1.3em;
font-family: Times, "Times New Roman", serif;
font-weight: bold;}
p {margin:0 .7em .7em;}
span {font-weight:bold; color:blue;}
#content p {margin-bottom:1em;}/*add large bottom margin to induce scrolling for demo*/

.section{
margin-left: .7em;
padding-top: 1.5em;
}


a:link {
color: #d54b11;
text-decoration:none;
}

a:active {
color:#000;
text-decoration:none;
}

a:visited {
color: #356116;
text-decoration:none;
}

a:hover {
color: #003e19;
text-decoration: underline;}

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	width: 678px;
	height: 300px;
	margin: 0 auto;
	background: url("$rel#back.png$") no-repeat scroll 0 0 transparent; 
}
.slideshow a img {
	border: 0;
}
/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	width: 678px;
	height: 300px;
	left: 0px;
	top: 0px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
	position: static;
}

#book-name{
font-size: 20px;
text-align:left;
font-family: arial, helvetica, sans-serif;
color: #000000;
font-weight: bold;}

.photo{
padding:2px;
border: 1px #003e19 solid
}

.line {
background: url(images/line.jpg) repeat-x left 7px;
text-align:right;
color: #558c6a;}

.line2 {
background: url(images/line2.jpg) repeat-x left 7px;
text-align:right;
color: #e8eeea;}

p.indent {
padding-left: 40px;
font-family: sans-serif;
font-size:small;
line-height: 130%;
}