html, body {margin:0px; font-family:arial;}

blockquote {font-style:italic; border-left:1px solid white; padding-left:15px;}

#container {text-align:center;  background-color:white;  max-width: 900px; margin: auto;}

hr {text-align:center; height:1px; width:90%; border: 0;
    height: 1px;
    background-image: linear-gradient(to right, white, gray, white);
    margin-top:20px; margin-bottom:20px;
}

div.black {width:900px; text-align:center; background-color:white; color:black; }
div.white {width:100%; text-align:center; background-color:white; color:black; }

div.WhiteContent {width:100%; margin:0px auto; text-align:left; 
		margin-top:10px; margin-bottom:10px; color:black; padding:5px;}

.WhiteContent table {width:100%;}

.twothirds {width:66%; vertical-align:top;}
.onethird  {width:33%; vertical-align:top;}

.frontpage img {width:100px; height:160px;}
.BookCovers td img {width:100px; height:160px;}
img.BookCover {width:100px; height:160px;}

BODY {COLOR: black; BACKGROUND-COLOR: #f0f0f0;text-align: center;}

IMG {BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; 
	BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid}

IMG.noborder {BORDER-RIGHT: gray 0px solid; BORDER-TOP: gray 0px solid; 
	BORDER-LEFT: gray 0px solid; BORDER-BOTTOM: gray 0px solid;
float:left; clear:both; padding-bottom:10px;}

a 	{text-decoration:none; font-family:arial; COLOR: #0000ff; }

BODY {FONT-SIZE: 10pt; FONT-FAMILY: verdana}
TD {FONT-SIZE: 10pt; FONT-FAMILY: verdana}
TD {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}

H2 {FONT-SIZE: 14pt;  }

H3 {font-family:arial;FONT-SIZE: 12pt; }

P.menu {
	BORDER-RIGHT: #ffffcc 1px solid; PADDING-RIGHT: 2px; 
BORDER-TOP: #ffffcc 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10pt;
 PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffcc 1px solid; WIDTH: 140px; 
PADDING-TOP: 2px; BORDER-BOTTOM: #ffffcc 1px solid; TEXT-ALIGN: right}

#article {
	BORDER-RIGHT: #ababab 1px solid; PADDING-RIGHT: 5px; 
	BORDER-TOP: #ababab 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #ababab 1px solid; WIDTH: 530px; COLOR: #cdcdcd; 
	PADDING-TOP: 5px; BORDER-BOTTOM: #ababab 1px solid; BACKGROUND-COLOR: #535454}

#menu 	{float:left;  WIDTH: 160px;  text-align:right;}

#menu2 	{ clear:both; BORDER-top: #ababab 1px solid;  }

#menu3 	{ width:900px; margin:0px auto; text-align:centre;
	clear:both; font-size:10pt; margin-top:0px; margin-bottom:0px; }

H1 {
	BORDER-RIGHT: black 1px solid; 
BORDER-TOP: black 1px solid; 
PADDING-LEFT: 5px; FONT-SIZE: 16pt; PADDING-BOTTOM: 5px; 
BORDER-LEFT: black 1px solid; COLOR: #736147; 
PADDING-TOP: 5px; BORDER-BOTTOM: black 1px solid;
 FONT-FAMILY: arial; BACKGROUND-COLOR: #c0a278
}

H2 {
	BORDER-RIGHT: black 0px solid; 
BORDER-TOP: black 0px solid; 
FONT-SIZE: 16pt; 
FONT-FAMILY: arial; 
}

.details	{width:700px; margin:0px auto; text-align:left;}
.imagebox	{text-align:center;}

.imagebox img	{height:200px; border:1px solid white; margin:2px;}

.noborder	{border:0px;}
.details td img 	{height:200px; width:125px;}
#intro			{width:500px; float:left; margin-left:10px; BORDER-left: #ababab 1px solid; padding-left:15px;}
#timeline  {border-collapse:collapse;}
#timeline td 		{vertical-align:top; border-top:1px solid gray; padding:3px;}
#top			{margin-bottom:10px; }
.char td 		{background-color:#bbbbbb; color:black; text-align:center;}