/* global */

body, html {
padding: 0;
margin: 0;
text-align: center;
font-family: Georgia, "Times New Roman", Arial, sans-serif;
font-size: 14px;
line-height: 24px;
color: #483824;
background-color: #2f1102;
text-align: left;
background-repeat: no-repeat;
background-position: center top;
background-image: url(../images/bg.jpg);
}

#book {
margin: 0 auto;
background: url(../images/book.jpg) no-repeat;
background-position: center top;
width: 995px;
height: 755px;
}

a:link, a:visited {
padding: 0 2px 0 2px;
color: #911c1c;
text-decoration: none;
border-bottom: 1px solid #911c1c;
}

a:hover {
padding: 0 2px 0 2px;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #911c1c;
background-color: #911c1c;

}

a.current {
padding: 0 2px 0 2px;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #911c1c;
background-color: #911c1c;
}

a.image:link, a.image:visited, a.image:hover {
text-decoration: none;
border: none;
} 

h1  {
font: 24px Georgia, "Times New Roman", serif; 
letter-spacing: 1px;
line-height : 40px;
color : #483824;
padding : 0;
margin : 0;
}

h2  {
font-size : 14px;
line-height : 15px;
font-weight : bold;
color : #3399cc;
padding : 0;
margin : 0;
}

ul.square  {
list-style-type : square;
}

img {
border: 0;
}

div.image_left {
float: left;
margin: 0 15px 15px 0;
padding: 10px 15px 15px 15px;
border: none;
font-size: 11px;
text-align: center;
}

div.image_right {
float: right;
margin: 0 0 15px 15px;
border: none;
font-size: 11px;
text-align: center;
}

.dash_divider {
border-top:dashed 1px #483824;	
width: 100%;
height: 1px;
margin: 5px 0 5px 0;
}

.dash_dividerl {
border-top:dashed 1px #907c63;	
width: 100%;
height: 1px;
margin: 10px 0 10px 0;
}

p.small {
font-size: 11px;
line-height: 18px;
color: #999;
}




/* body container */

#contents {
position: relative;
top: 60px;
padding-left: 520px;
}



/* header */

#topNavigation-wrap {
position: relative;
left: 65px;
}


.topNavigation  {
text-align : left;
}

.topNavigation ul {
margin : 0;
padding : 0;
}

.topNavigation ul li {
display : inline;
}

a.stories {
padding: 0;
background: url(../images/stories-tab.png) no-repeat;
float: left;
text-indent: -9999px;
height: 23px;
width: 106px;
text-decoration: none;
border-bottom: 0;
}
	
a.stories:hover {
padding: 0;
background-position: -106px 0;
text-decoration: none;
border-bottom: 0;
background-color: transparent;
}

a.about {
padding: 0;
background: url(../images/about-tab.png) no-repeat;
float: left;
text-indent: -9999px;
height: 23px;
width: 94px;
text-decoration: none;
border-bottom: 0;
}
	
a.about:hover {
padding: 0;
background-position: -94px 0;
text-decoration: none;
border-bottom: 0;
background-color: transparent;
}

a.contact {
padding: 0;
background: url(../images/contact-tab.png) no-repeat;
float: left;
text-indent: -9999px;
height: 23px;
width: 78px;
text-decoration: none;
border-bottom: 0;
}
	
a.contact:hover {
padding: 0;
background-position: -78px 0;
text-decoration: none;
border-bottom: 0;
background-color: transparent;
}




/* body */

.text {
padding: 40px 70px 0 0;	
}

.footnote {
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
}


.quote {
font-family: Georgia, "Times New Roman", Times, serif;
float: right;
width: 250px;
height: 100%;
margin-left: 20px;
padding: 10px;
font-size: 22px;
line-height: 32px;
}

#drawing {
position: relative;
top: 10px;
left: 90px;
}


/* footer */

#footer_wrap {
width: 100%;
clear:left;
font-size: 11px;
}

#footer {
border-top: 1px solid #336633;
background-color: #336633;
width: 990px;
height: 100px;
margin: 0 auto; 
}

#footer_nav {
width: 990px;
text-align: center;
margin-top: 10px;
color: #fff;
}

#footer_nav a {
color : #99cc99;
text-decoration : none;
border-bottom: 0;
}

#footer_nav a:hover {
color : #99cc99;
border-bottom : 1px solid #99cc99;
background-color: #336633;
}