body {
margin-left: auto;
margin-right: auto;
margin-top: 30px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-image:url('Parchment.jpg');
background-color: #f6f6f6;
}

a:link, a:visited, a:active {
text-decoration: none;
color: blue;
}

a:hover {
text-decoration: underline;
}

#container {
margin-right: auto;
margin-left: auto;
width: 600px;
text-align: left;
background-color: white;
border: 1px black solid;
padding: 15px;
}

#container2 {
margin-right: auto;
margin-left: auto;
width: 800px;
text-align: left;
background-color: white;
border: 1px black solid;
padding: 15px;
}
.title {
font-size: 24px;
font-weight: bold;
text-align: center;
}

.description {
font-size: 14px;
/*font-weight: bold;*/
border-top: 1px dotted gray;
border-bottom: 1px dotted gray;
line-height: 140%;
padding-bottom: 2px;
}

.meta {
font-size: 12px;
margin-left: 7px;
margin-top: 7px;
}

.entry {
font-size: 16px;
margin-left: 7px;
margin-top: 7px;
line-height: 166%;
}



.toc_title {
margin-left: 7px;
margin-top: 12px;
font-size: 15px;
font-weight: bold;
}

.toc_meta {
font-size: 14px;
margin-left: 7px;
margin-top: 3px;
line-height: 110%;
}

.quote {
float: left;
width: 300px;
padding: 0px 10px 0px 10px;
font-family: Georgia, "Times New Roman", Serif;
font-size: 12px;
line-height: 133%;
}


.indent
{ margin-left: 20px;
padding: 0px 20px 0px 0px;
}


.image {
float: left;
width: 240px;
padding: 10px;
}


.imageright {
float: right;
/*width: 240px;*/
padding: 10px;
}

.citation {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}


.answer
{
color: red;
}


.official
{
color: firebrick;
}

.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 4px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}