body {
  font-family: Arial, "Verdana", sans-serif; font-size: 16px;
  margin: 10px;
  background-color: #DCF0F5;
}

td {
  font-family: Arial, "Verdana", sans-serif; font-size: 16px;
}

th {
  font-family: Arial, "Verdana", sans-serif; font-size: 16px;
}

a { text-decoration: none; color: #058197 }
a:hover {color:#206da1; }

h1 {margin-top: 0px; margin-bottom: 5px; font-size: 20px; background-image:url(assets/barblue.jpg); padding-bottom: 3px;}
h2 {margin-top: 10px; margin-bottom: 5px; font-size: 18px; }
h3 {margin-top: 10px; margin-bottom: 5px; font-size: 22px; color:red;}

#wrap { width: 900px; text-align: center; padding: 5px; background-color: white; }
#header { margin-bottom: 5px; }
#main { text-align: left; }
#lcol { width: 160px; background-color: #206DA1; float:left; }
#leftnav a { 
 text-decoration: none;
 display:block;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #cccccc;
 margin: 0px;
 color: white;
 padding: 2px 2px 2px 12px;
}
#leftnav a:hover {
 display:block;
 border-top: 1px solid #ccc;
 background-color: #ADCFC7;
 margin: 0px;
 color: #333333;
 padding: 2px 2px 2px 12px;
}
#lcol2 { float: left; clear: left; width: 160px; background-color: white; }
#content { margin-left: 160px; padding: 0px 15px 10px 15px; text-align: justify; }
#footer { font-size: small; text-align: center; }
#footer a { color: #535488;
			text-decoration: none;
 }
#copyright { text-align: center; font-size: small; margin-top: 5px; }

.blue  { color: #206DA1; }
.lblue { color: #DCE0F5; }
.dblue { color: #535488; }
.lgreen { color: #ADCFC7; }

.smalltext { font-size: small; }
.h1 { font-size: 20px; font-weight: bold; }
.h2 { font-size: 18px; }

.author { font-style: italic; }
.booktitle { font-style: italic; }

.lfloat { float: left; margin-right: 10px; }
.rfloat { float: right; margin-left: 10px; }
.lquoteblue { float: left; margin-right: 10px; 
  width: 220px; height: 220px; padding: 10px; 
  background-image: url(assets/blue240.jpg); 
  font-size: large; 
  text-align: center; }
.lquotedblue { float: left; margin-right: 10px; 
  width: 220px; height: 220px; padding: 10px; 
  background-image: url(assets/dblue240.jpg); 
  font-size: large; color: white;
  text-align: center; }
.lquotegold { float: left; margin-right: 10px; 
  width: 220px; height: 220px; padding: 10px; 
  background-image: url(assets/gold240.jpg); 
  font-size: large; 
  text-align: center; }
.rquoteblue { float: right; margin-left: 10px; 
  width: 220px; height: 220px; padding: 10px; 
  background-image: url(assets/blue240.jpg); 
  font-size: large; 
  text-align: center; }
.rquotedblue { float: right; margin-left: 10px; 
  width: 220px; height: 220px; padding: 10px; 
  background-image: url(assets/dblue240.jpg); 
  font-size: large; color: white; 
  text-align: center; }
.rquotegold { float: right; margin-left: 10px; 
  width: 220px; height: 220px; padding: 10px; 
  background-image: url(assets/gold240.jpg); 
  font-size: large; 
  text-align: center; }

/* the floating boxes above are not shown in print; the ones below are */
.lfloat2 { float: left; margin-right: 10px; }
.rfloat2 { float: right; margin-left: 10px; }

.items {	text-align: left;
}

#who {
	color:#206da1;
	text-align:center;
}