body {
	background-image: url(../graphics/wood.jpg);
	margin: 0px;
}


table.indextable {
	margin: 2%;
	width:96%;
}

table.buttons {
	padding-top: 10px;
}

td.logo {
	vertical-align: top;

}

img.siteinfo {
	border: 0;
	float: right;
	margin: 10px;
}

img.siteinfo2 {
	border: 0;
	float: left;
	margin: 10px;
}

img.siteinfo3 {
	border: 0;
	vertical-align: text-top;
	margin: 10px;
}

a.othlink:link {
	background-color: transparent;
	color: Black;
	text-decoration: underline;
}

a.othlink:visited {
	background-color: transparent;
	color: Black;
	text-decoration: underline;
}

a.othlink:hover {

	background-color: Black;
	color: White;
	text-decoration: none;
}

table.jlet {
	width:100%;
}

td.jlet {
	padding: 40px 40px 40px 40px;
}

p.jlet {
	font: normal normal 18px "Times New Roman", Times, serif;
	text-align: left;
	padding: 40px 40px 40px 40px;
	background-image: url(../graphics/paper2.jpg);
	background-position: top left;
	background-repeat: repeat;
}

p.jlet2 {
	font: italic normal 18px "Times New Roman", Times, serif;
	text-align: left;
	padding: 40px 40px 40px 40px;
	background-image: url(../graphics/paper2.jpg);
	background-position: top left;
	background-repeat: repeat;
}

img.baco {
	border: 0;
}

a:link.button {
	border-right: 2px solid #663300;
	border-bottom: 2px solid #663300;
	border-left: 1px solid #FFFFBD;
	border-top: 1px solid #FFFFBD;
}

a:visited.button {
	border-right: 2px solid #663300;
	border-bottom: 2px solid #663300;
	border-left: 1px solid #FFFFBD;
	border-top: 1px solid #FFFFBD;
}

a:hover.button {
	border-right: 1px solid #FFFFBD;
	border-bottom: 1px solid #FFFFBD;
	border-left: 2px solid #663300;
	border-top: 2px solid #663300;
}


td.lettermain {
	width:50%;
	padding:3px;
}

td.baco {
	width:130px;
	padding-top:200px;
	vertical-align:top;
}

img.letter {
	border-left: 0;
	border-top: 0;
	border-right: 3px solid #4A2500;
	border-bottom: 3px solid #4A2500;
}

th.dates {
	color: Black;
	font: normal normal bold 20px/normal "MS Serif", "New York", serif;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid Black;
}

td.dates {
	color: Black;
	font: normal normal bold 20px/normal "MS Serif", "New York", serif;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid Black;
}

th.jh {
	background-image: url(../graphics/REDLEATHER.JPG);
	background-position: top left;
	background-repeat: repeat;
	font: normal normal normal 20px serif;
	text-align: center;
	color: #D0C23A;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #522227;
}

td.jh {
	font: normal normal normal 16px serif;
	text-align: center;
	color: Black;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #522227;
	vertical-align: top;
}

th.utt {
	background-image: url(../graphics/BLUELEATHER.JPG);
	background-position: top left;
	background-repeat: repeat;
	font: normal normal normal 20px serif;
	text-align: center;
	color: #D0C23A;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #312163;
}

td.utt {
	font: normal normal normal 16px serif;
	text-align: center;
	color: Black;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #312163;
	vertical-align: top;
}

th.lan {
	background-image: url(../graphics/GREENLEATHER.JPG);
	background-position: top left;
	background-repeat: repeat;
	font: normal normal normal 20px serif;
	text-align: center;
	color: #D0C23A;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #315139;

}

td.lan {
	font: normal normal normal 16px serif;
	text-align: center;
	color: Black;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #315139;
	vertical-align: top;
}


th.pl {
	background-image: url(../graphics/PURPLELEATHER.JPG);
	background-position: top left;
	background-repeat: repeat;
	font: normal normal normal 20px serif;
	text-align: center;
	color: #D0C23A;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #4a2152;
}

td.pl {
	font: normal normal normal 16px serif;
	text-align: center;
	color: Black;
	text-align: center;
	width: 20%;
	padding: 3px;
	border: 2px solid #4a2152;
	vertical-align: top;
}

td.button {

}

p.name {
	font: normal normal normal 20px serif;
	text-align: center;
	color: #D0C23A;
}

p.invite {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: #D0C23A;
}

a.index:link {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: #D0C23A;

}

a.index:visited {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: #D0C23A;

}

a.index:hover {
	font: normal small-caps bold 25px serif;
	text-align: center;
	color: Black;
	background-color: transparent;

}


td.title {
	padding: 3px;
}

table.letter {
	background-image: url(../graphics/paper.gif);
	background-position: top left;
	background-repeat: repeat;

}

table.diary {
	background-image: url(../graphics/paper.gif);
	background-position: top left;
	background-repeat: repeat;
	width: 94%;
	margin: 3%;
}

table.chronology {
	background-image: url(../graphics/paper.gif);
	background-position: top left;
	background-repeat: repeat;
	width: 100%;
}

td.letter {
	padding: 25px;
	vertical-align: top;
	color: Black;
	font: normal normal bold 16px/normal "Times New Roman", Times, serif;
}


td.intro {
	width: 50%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 15px;
	padding-top: 25px;
	vertical-align: top;
}

p.intro{
}

td.indexbook {
	width: 50%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 15px;
	padding-top: 10px;
}

table.book {
	background-image: url(../graphics/REDLEATHER.JPG);
	width: 60%;
}

img.logo {
	border: 0;
}

img.indextitle {
	border-right: 2px solid #663300;
	border-bottom: 2px solid #663300;
	border-left: 1px solid #FFFFBD;
	border-top: 1px solid #FFFFBD;
}

td.bookimg {
	padding-top:25px;
	padding-bottom:15px;
	border-top: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;	
}

td.booktext {
	padding-top:25px;
	padding-bottom:30px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 2px solid #D0C23A;
	border-left: 2px solid #D0C23A;
	border-right: 2px solid #D0C23A;	
}

td.booktopright {
	border-right: 2px solid #D0C23A;
	border-top: 2px solid #D0C23A;	
	width: 15px;
	height: 15px;
}

td.bookbotright {
	border-right: 2px solid #D0C23A;
	border-bottom: 2px solid #D0C23A;	
	width: 15px;
	height: 15px;
}

p.w3c {
	text-align: right;
}

p.jh {
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

p.utt {
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

p.lan {
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

p.pl {
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.jhlink:link {
	background-color: transparent;
	color: Maroon;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.jhlink:visited {
	background-color: transparent;
	color: Maroon;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.jhlink:hover {

	background-color: Maroon;
	color: White;
	text-decoration: none;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.uttlink:link {
	background-color: transparent;
	color: Navy;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.uttlink:visited {
	background-color: transparent;
	color: Navy;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.uttlink:hover {

	background-color: Navy;
	color: White;
	text-decoration: none;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.lanlink:link {
	background-color: transparent;
	color: Green;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.lanlink:visited {
	background-color: transparent;
	color: Green;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.lanlink:hover {

	background-color: Green;
	color: White;
	text-decoration: none;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.pllink:link {
	background-color: transparent;
	color: Purple;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.pllink:visited {
	background-color: transparent;
	color: Purple;
	text-decoration: underline;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}

a.pllink:hover {

	background-color: Purple;
	color: White;
	text-decoration: none;
	font: normal normal normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
}