/* CSS Document */

	
body {
	font-family: georgia;
	font-weight: normal;
	background-color: #F3F3D3;
	}	
	
ul {
	list-style-type: none
	}

a { 
	color: #6b6161;
	text-decoration: none;
	}
	
a:hover { 
	color: #000000;
	}
	
a img {
	border: none;
	}
	
#ground {
	width: 933px;
	height: 650px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -466px;	
	}
	
#backdrop{
	z-index: 10;
	}
	
#buttons {
	position: absolute;
	top: 210px;
	left: 186px;
	padding: 0 0px 50px 0px;
	z-index: 20;
	}
	
/* CREDITS */
	
#credits {
	font-size: 11px;
	letter-spacing: 1px;
	color: #6b6161;
	}

#cl {
	position: absolute;
	top: 620px;
	left: 5px;	
	text-align: left;
	}
	
#cr {
	position: absolute;
	top: 620px;
	left: 5px;
	width: 925px;	
	text-align: right;
	text-decoration: underline;
	}
	
/* BRANCHES */	
	
#branchright {
	position: absolute;
	top: 0px;
	left: 283px;
	z-index: 30;
	}
	
#readbranch {
	position: absolute;
	top: 225px;
	z-index: 30;
	}
	
#mediabranch {
	position: absolute;
	top: 305px;
	z-index: 30;
	}
	
#avbranch {
	position: absolute;
	top: 265px;
	z-index: 30;
	}
	
#aboutbranch {
	position: absolute;
	top: 245px;
	z-index: 30;
	}	

#branchleft{
	position: absolute;
	top: 0px;
	left: 122px;
	z-index: 30;
	}
	
#colright {
	position: absolute;
	top: 0px;
	left: 360px;
	z-index: 100;
	color: #000000;
	font-family: lucida grande, lucida sans unicode, arial, georgia;
	font-size: 11px;
	line-height: 12px;
	width: 85px;
	}
	
#colright a.onpage {
	color: #3E2512;
	font-weight: bold;
	}
	
#colright a {
	color: #816346;
	}
	

#colright a:hover {
	color: #47250B;
	}
	
#scrollright {
	position: absolute;
	top: 180px;
	left: 360px;
	z-index: 100;
	font-family: lucida grande, lucida sans unicode, arial, georgia;
	font-size: 11px;
	line-height: 12px;
	width: 100px;
	}
	

	/* FONTS
	times
	myriad
	helvetica
	futura 
	geneva
	 */

	
#contentLeft {
	width: 85px;
	}
	
.arrowLeft {
	width: 85px;
	}
	
#scrollright a.onpage {
	color: #3E2512;
	font-weight: bold;
	}
	
#scrollright a {
	color: #816346;
	}
	

#scrollright a:hover {
	color: #47250B;
	}
	
	
/*
#52341C

#colleft {
	position: absolute;
	top: 0px;
	left: 15px;
	z-index: 100;
	color: #000000;
	text-align: right;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 12px;
	width: 95px;
	font-style: italic;
	}
	
	.lefty {
	width: 95px;
	text-align: right;
	color: #000000;
	}*/
	
#colleft {
	position: absolute;
	top: 0px;
	left: 15px;
	z-index: 100;
	text-align: right;
	line-height: 12px;
	font-style: italic;
	width: 95px;
	text-align: right;
	font-family: lucida grande;
	font-size: 11px;
	color: #47250B;
	}
	
.lefty {
	width: 95px;
	text-align: right;
	font-family: lucida grande;
	font-size: 11px;
	color: #47250B;
	}
	
#colleft a:hover {
	color: #816346;
	}
	
td.bookarrows {
	width: 223px;
	text-align: center;
	}
	
#readright	{
	position: absolute;
	top: 205px; 
	}
	
#titlepage {
	position: absolute;
	top: 110px;
	left: 590px;
	z-index: 85;
	color: #000000;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 16px;
	width: 223px;
	text-align: justify;
	}
	
/* NEWS */	
h6	{
	font-weight: normal;
	padding: 0 0 0px 0;
	text-align: center;
	width: 395px; 
	}
		
/* TEXT PAGE - ARTICLES*/

#mediaright	{
	position: absolute;
	top: 282px; 
	}

p.break {
	text-align: center;
	text-indent: 0px;
	padding: 20px;
	}
	
p.breakoddity {
	text-align: center;
	text-indent: 0px;
	padding: 20px;
	}

/* img top paragraph*/	
p.wrap {
	text-indent: 0px;
	padding: 0px 30px 5px 0px;
	float: left;
	line-height: 14px; 
	color: #6b6161;	
	}
	
/* img mid paragraph*/	
.wrapp {
	text-indent: 0px;
	padding: 30px 30px 20px 0px;
	float: left;
	line-height: 14px; 
	color: #6b6161;	
	}
	
/* table */	
p.grid {
	padding: 20px 0px 20px 0px;	
	}
		
td {
	text-indent: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 14px; 
	color: #6b6161;
	text-align: left;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 12px;	
	}
	

	
p.wrap2 {
	text-indent: 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	line-height: 14px; 
	color: #6b6161;	
	}
	
	
p.wrapright {
	text-indent: 0px;
	padding: 0px 0px 10px 30px;
	float: right;
	line-height: 14px; 
	color: #6b6161;	
	}
	
p.indent {
	text-indent: 0px;
	padding: 0px 40px 0px 40px;	
	}
	
#page {
	position: absolute;
	top: 20px;
	left: 500px;
	z-index: 85;
	color: #000000;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 16px;
	width: 400px;
	}
	
h1	{
	font-weight: normal;
	padding: 0 0 30px 0; 
	}
	
#title {
	font-size: 22px;
	line-height: 26px;
	}
	
#titleimg {
	float: left;
	padding: 0 30px 0 0px;
	}
		
#subtitle {
	font-size: 14px;
	line-height: 18px;
	}	
	
#subsubtitle {
	font-size: 12px;
	line-height: 16px; 
	}
	
#text {
	text-indent: 20px;
	padding: 15px 0 0 0;
	}
	
p.innertitle {
	text-align: center;
	text-indent: 0px;
	padding: 20px;
	font-weight: bold;
	font-size: 14px;
	}
	
#originallink {
	text-indent: 0px;
	float: left;
	padding: 30px 0 0 0;
	}
	
#dogear {
	position: absolute;
	top: 530px;
	left: 854px;
	z-index: 100;
	}
	
/* ENLARGE PAGE */

h2	{
	font-weight: normal;
	padding: 0 0 70px 0; 
	}
	
#ground2 {
	width: 933px;
	height: 650px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -466px;
	}
			
.enlarge {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 733px;
	z-index: 100;
	color: #000000;
	font-family: georgia;
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 18px;
	background-color: #FFFFFF;
	padding: 100px;
	}
	
#title2 {
	font-size: 24px;
	line-height: 28px;
	}

#titleimg2 {
	float: left;
	padding: 0 40px 0 0px;
	}
	
#subtitle2 {
	font-size: 16px;
	line-height: 20px;
	}	
	
#subsubtitle2 {
	font-size: 14px;
	line-height: 18px; 
	}
	
#text2 {
	text-indent: 35px;
	float: left;
	padding: 15px 0 0 0;
	}
	
/* BOOKS */	

h3	{
	font-weight: normal;
	padding: 0 0 0px 0; 
	text-align: center;
	width: 223px;
	}
	
/*  #award {
	position: absolute;
	top: 20px;
	left: 820px;
	z-index: 100;
	} */
	
 #award {
	position: absolute;
	top: 5px;
	left: 326px;
	z-index: 100;
	}
	
#bookimg {
	text-align: center;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 12px;
	}
	
p.top {
	padding: 20px 0 0 0;
	}
	
#bookpage {
	position: absolute;
	top: 20px;
	left: 590px;
	z-index: 85;
	color: #000000;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 16px;
	width: 223px;
	}
	
#awardpage {
	position: absolute;
	top: 20px;
	left: 475px;
	z-index: 85;
	color: #000000;
	text-align: center;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 16px;
	width: 410px;
	}
	
#booktext {
	text-indent: 20px;
	padding: 0 0 0 0;
	text-align: justify;
	}
	
#booktitle {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 2px;
	}
	
#booksubtitle {
	font-size: 12px;
	line-height: 16px;
	}	
	
#booksubsubtitle {
	font-size: 12px;
	line-height: 16px; 
	}
	
#contents {
	text-align: left; 
	list-style-type: circle;
		}
	
.contentsection {
	letter-spacing: 2px; 
	}
	
/* AUDIO */	
	
h4	{
	font-weight: normal;
	padding: 10px 0 0 0; 
	}
	
video	{
	padding: 0 0 20px 0; 
	}
	
#audiotext {
	text-indent: 20px;
	padding: 0 0 0 0;
	text-align: justify;
	}
	
#audioright	{
	position: absolute;
	top: 250px; 
	}
	
/* ABOUT */
#aboutright1	{
	position: absolute;
	top: 245px; 
	}
	
#aboutright3	{
	padding: 38px 0 0 0; 
	}
	
	
ol	{
	list-style-type: upper-roman;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	text-indent: 0;
	}
	
ul {
	list-style-type: circle;
	list-style-position: outside;
	margin-top: 10px;
	text-align: left;
	}

ul.nest {
	list-style-type: none;
	margin-left: -40px;
	margin-top: 0px;
	}
	
ul.numbers {
	list-style-type: decimal;
	}
	
ul.checklist {
	list-style-type: decimal;
	list-style-position: outside;
	margin-top: 10px;
	text-align: left;
	text-indent: 0;
	}
	
ol.dates {
	list-style-type: none;
	}
	
li {
	margin-top: 5px;
	}
	
h5	{
	font-weight: normal;
	font-size: 18px;
	}
	
#photopage {
	position: absolute;
	top: 20px;
	left: 590px;
	z-index: 85;
	color: #000000;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 16px;
	width: 223px;
	}
	
#photopage {
	position: absolute;
	top: 40px;
	left: 500px;
	z-index: 85;
	color: #000000;
	font-family: georgia;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 16px;
	width: 400px;
	text-align: center;
	}
	
#thumbnails {
	position: absolute;
	top: 400px;
	left: 0px;
	z-index: 85;
	border: 1px dashed;
	width: 400px;
	height: 120px;
	border-color: #3b3535;
	background-color: #FFFFFF;
	z-index: 85;
	font-size: 18px;
	font-family: georgia;
	letter-spacing: 1px;
	}
	
#goright	{
	position: absolute;
	top: 500px; 
	left: 200px;
	}
	
#goleft	{
	position: absolute;
	top: 500px; 
	left: 175px;
	}


#sketch {
	position: absolute;
	top: 100px;
	left: 80px;
	z-index: 100;
	color: #000000;
	font-family: georgia;
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 18px;
	}

#sketchright	{
	position: absolute;
	top: 115px; 
	left: 760px;
	}
	
#sketchbook	{
	position: absolute;
	top: 0px; 
	left: 30px;
	}
	
#sketchleft	{
	position: absolute;
	top: 115px; 
	left: 0px;
	}
	
#sketchtext	{
	position: absolute;
	top: 320px; 
	left: 30px;
	width: 700px;
	}
	
#contact1	{
	position: absolute;
	left: 0px;
	text-align: right;
	width: 60px;
	}
	
#contact2	{
	position: absolute;
	left: 80px;
	}
	
#welcome {
	font-size: 18px;
	line-height: 35px;
	letter-spacing: 2px;