body { /* set the whole viewport base    */
background-color:  #4f4f4f;
color: #00008B;
width:100%;
margin:0;
padding:0;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;

}

 /* set the main content block */
#wrapper {
clear: both;
margin: auto;
min-width: 600px;
max-width: 808px;
background-color: #FAFCFF;
padding: 0.6em; 
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
color: #00008B;
border:  4px ridge #191970;
overflow: hidden;
margin-top: 2em;
}


/* place the risk bar (logo) at the very top and left */
#logo{
float: left;
margin: 0;
padding: 0;
margin-bottom: 15px;
z-index: 10;
background-color: transparent;
}


/* Text formatting */
#maintext p {
text-align: left;
font-size: 104%;
padding: 0.2em;
}

.center {
text-align: center;
font-size: 110%;
}

.right {
text-align: right;
}

.art_left {
float: left;
padding-right: 5px;
}


h1 {
font-size: 300%; 
text-align: center;
line-height: 1;
}

h2 {
text-align: center;
line-height: 1em;
font-size: 180%;
}

h3, h4, h5, blockquote {
text-align: left;
}


/* date the file is posted or updated */
#postdate {
font: 90%/1.1 "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: x-small;
text-align: left;
margin: 0;
margin-left: 13px;
padding-top: 1px;
}


.sup {
vertical-align: 40%;
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
font-size: x-small;
margin-top: 0;
padding-top: 0;
line-height: 0.9em;
}


/*  ===================================================== */

.smalltxt {
font-size: 90%;
padding-left: 24px;
}

/* ============== end navbar ==========  */



.tofc { /* put a ul list inside a div to make this right side internal table of contents */
float: right; 
font-size: 84%;
width: 38%;
margin: 0 auto;
font: 1em/1.2em  "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
padding-left: 0.5em;
padding-bottom: 0.5em;
background-color: #fffff0;
border: 3px solid;
border-color: #191970;
}

.tofc h3 {
text-align: center;
}


/*  ===================================================== */

/* ======== PayPal Order block ============ */
#paypal-block td {
vertical-align: middle;
text-align: center;
border: none;
}
/* ======== End PayPal Order block ===========*/

.center {
text-align: center;
margin-right: auto;
margin-left: auto;
}

#cover-pic {
float: left;
width: 284px;
padding: 2px;
}

.brdr {
margin: 2px 4px;
border: 4px solid #2F4F4F; 
padding: 2px;
}

.nobrdr {
border: none;
margin: 2px 4px;
}

.pic-right {
float:right;
margin: 2px 2px 2px 6px;
text-align: center;
font-size: 90%;
font-style: italic;
}

.right {
float: right;
}

.clear {
clear: left;
clear: right;
}

.pic-left {
float:  left;
margin: 2px 2px 2px 10px;
text-align: center;
font-size: 90%;
font-style: italic;
}

#paypal-block {
width: 80%;
margin-top: 2em;
margin-right: auto;
margin-left: auto;
}

.copyright {
text-align: center;
font-size: 86%;
clear: both;
}

.copyright a:link, .copyright a:visited, .copyright a:hover {
text-decoration: none;
color: #DEB887;
}

.copyright a:hover {
text-decoration: underline;
}

/* the divider bar */
div.hr {
	height: 9px;
	background: url(../images/divline2.gif) no-repeat left;
	margin: 2px;
} 
div.hr hr {
  display: none;  }

/* end divider bar */


/* for the short-length list items using balls as bullets  */
.smallball {
list-style-type: none;
vertical-align: text-top;
padding: 0 20px 0 0;
padding-left: 10px;
background-image: url(art/);
background-repeat: no-repeat;
background-position: left top; 
text-align: left;
}

#copyright {
padding-top: 15px;
font-size: 80%;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
margin: auto;
text-align: center;
}


/* ======== review page layout ===========*/
.review {
font-size: 1.1em;
line-height: 1.1;
padding-bottom: 1em;
}

.reviewtxt {
padding: 0.3em;
padding-left: 1em;
margin: 0.1em;
margin-bottom: 0;
color: #2F4F4F;
}

.reviewer {
color: #8b4500;
font-size: 1em;
padding-right: 1.5em;
padding-left: 2em;
margin-top: 0;
}

.reviewer a:link {
text-decoration: underline;
color: #8b4513;
}
.reviewer a:visited  {
text-decoration: underline;
color: #8b4513;
}

.reviewer a:hover  {
text-decoration: none;
color: #8b4513;
}
/* ======== End review page layout ===========*/