body {
	background: #DFE3BA;
}
a { color: blue; }
a visited { color: blue; }
a hover { color: white; }
.content {
	border: solid #F5F5DC 10px;
	background: #ADB583;
	font-family: Verdana; font-size: 14px;
	width:800px;
	margin-left: auto;
	margin-right: auto;
  min-height:1120px;
  height:auto !important;
}
.invisible {
	color: #ADB583;
}

.banner {
	width: 60%; 
	padding: 9px 9px 9px 9px;
	margin-left: auto; 
	margin-right: auto;  
	border: solid black 2px;
	background: #FFFF88;
}

#lightbox {
	background-color: #F5F5DC;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	padding: 5px 5px 5px 5px;
}

#lightboxred {
        background-color: #F5F5DC;
        border: solid red 4px;
        color: red;
        font-family: Arial;
        font-size: 16px;
        padding: 5px 5px 5px 5px;
}

#nb { 
/* float: center; */
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 1px 1px 1px 10px;
width: 80%;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000; 
border-bottom: 1px solid #000000; 
background-color: #F5F5DC;

}

#nb a {
background-color: #F5F5DC;
text-decoration: none;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
padding-top: 1px;
color: #422100;
font-weight: 600;
}

#nb a:hover {
background-color: #844200;
color: #FFFFFF;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
padding-top: 1px;
}






#lm { 
/* position: relative; */
/* top: 10px; */
/* left: 10px */
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
width: 150px;
margin-right: 10px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000; /* no bottom border */
background-color: #F5F5DC;
}

#lm h4 {
font: 1.1em bold Arial, Helvetica, sans-serif;
background-color: #766C55;
color: #FFFFFF;
margin: 0;
padding: .1em;
border-bottom: 1px solid #000000;
text-align: center;
}

#lm a {
background-color: #F5F5DC;
text-decoration: none;
border-bottom: 1px solid #000000;
padding-left: 0px;
padding-bottom: 4px;
padding-top: 4px;
color: #422100;
display: block;
}

#il a { padding-left: 15px; }

#lm a:hover {
background-color: #844200;
color: #FFFFFF;
font-style: italic;
}

.font1  { font-family: Helvetica, Arial, sans-serif;
          font-size: 95%; }

.font2  { font-family: Helvetica, Arial, sans-serif;
          font-size: 70%; }
.font3  { font-family: Helvetica, Arial, sans-serif;
          font-size: 50%; }
.font4  { font-family: Helvetica, Arial, sans-serif;
          font-size: 120%; 
}
.font5  { font-family: Helvetica, Arial, sans-serif;
          font-size: 100%; padding-bottom: 3px; padding-left: 8px;
}


.ffont2 {font-family: Arial; font-weight: 400; font-size: 16px;}
.ffont2b {font-family: Arial; font-weight: 600; font-size: 16px;}
.fformfont {font-family: Arial; font-weight: 600; color: black;; font-size: 16px;}

#main {  margin-right: auto; margin-left: 170px; padding-right: 20px;}
#current {  width: 580px;}
#transcript {  margin-right: auto; margin-left: auto; padding-right: 20px;}
#xtranscript {  width: 580px; }
#xpf { float: left; width: 750px; margin: 5px 10px 5px 5px; background: white;}
#pf {  width: 750px; background: white; padding: 5px 10px 5px 10px; border: solid blue 2px; }
