/* modified by Doug Anderson for LensonLeeuwenhoek.net June 2009 */



body {
  margin: 0px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: small;
  font-weight: normal;
  line-height: 120%;
  text-align: left;
  color: #003300;
  background-color: #687361;
}

img { 
  border-color:#643200; 
  border-style:solid;
  border-width: 1px;
}

img.nobord { 
  border-width: 0px;
}

/* the outer table centering the whole page and holding it to 1000 pixels */

table.outer {
	border-width: 1px;
	border-style: solid;
	border-color: #506050;
    padding: 1px;
	width: 1000px;
}

/* nav bar of main pages/videos */

table.topvidnav {
  border: 1px solid #506050;
  border-style:solid;
  text-align: center;
  padding: 0.4em;
  background-color: #3a637c;
  color:#fadc96;
  width: 100%;
}

/* nav bar of other pages */

table.topsitenav {
  font-size: small;
  line-height: 105%;
  text-align: center;
  padding: 0.2em;
  width: 100%;
  background-color: rgb(250, 220, 150);
}

table.midpane {
  font-size: small;
  line-height: 105%;
  text-align: right;
  padding: 0.2em;
  width: 100%;
}

/* left pane of pics */

.leftpics {
  width: 280px;
  background-color: #3a637c;
  vertical-align: top;
}

.leftpanetext {
  color: #fadc96;
   background-color: #3a637c;
 padding: 0.2em;
  text-align:left;
}

.leftpanesource {
  color: #fadc96;
   background-color: #3a637c;
 padding: 0.2em;
  text-align:right;
}

.leftpanecaption {
  color: #fadc96;
  text-align:center;
}

/* left pane h1 */

.h1sidetitles {
  border: 1px solid #eb7619;
  padding: 0.2em;
  font-size: small;
  font-weight: bold;
  line-height: 110%;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #a58f68;
  color: #3a637c;
}

.h2sidetitles {
  font-size: medium;
  font-weight: bold;
  line-height: 110%;
  text-align: left;
  margin-left: 5px;
  margin-right: 10px;
  color: #fadc96;
  text-decoration: none;
}

/* left pane video credits */

.h2vidcredits {
  font-size: medium;
  font-weight: bold;
  line-height: 110%;
  text-align: center;
  margin-left: 5px;
  margin-right: 10px;
  color: #fadc96;
  text-decoration: none;
}

.textvidcredits {
  color: #fadc96;
   background-color: #3a637c;
 padding: 0.2em;
  text-align:center;
}

/* left pane highslide pic pairs */

.picpairs {
  width: 100%;
  text-align: center;
  color:#fadc96;
}

/* middle pane of text */

.midtext {
  width: 550px;
  background-color: rgb(250, 220, 150);
  padding: 0.3em;
  vertical-align: top;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: small;
  font-weight: normal;
  line-height: 120%;
  text-align: left;
}

/* middle pane subtitles */

.midsub {
  font-size: medium;
  font-weight: normal;
  font-style:italic;
  line-height: 105%;
  text-align: center;
}

/* middle pane captions */

.midcaps {
  font-size: small;
  line-height: 105%;
  text-align: center;
}

/* middle pane h1 */

.h1titles {
  border: ridge 4px #eb7619;
  padding: 0.6em;
  font-size: x-large;
  font-weight: bold;
  line-height: 110%;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #a58f68;
  color: #3a637c;
}

/* middle pane h2 */

.h2titles {
  font-size: medium;
  font-weight: bold;
  line-height: 110%;
  text-align: left;
  margin-left: 5px;
  margin-right: 100px;
  color: #3a637c;
  text-decoration: none;
}

hr {
  border: 0;
  color: #eb7619;
  background-color: #eb7619;
  height: 1px;
  width: 60%;
}

.box {
  border: 2px inset #eb7619;
  font-size: small;
  line-height: 115%;
  padding: 0.6em;
  margin-left: 25px;
  margin-right: 12px;
  background-color: #687361;
  color: #eeeeee;
}

.avlquotes {
  border: 2px inset #eb7619;
  font-size: small;
  font-weight: bold;
  line-height: 125%;
  padding: 0.6em;
  margin-left: 25px;
  margin-right: 12px;
  background-color: #FFCC66;
  color: #003300;
}

.cite {
  border: 2px inset #eb2919;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: small;
  line-height: 105%;
  text-align: left;
  padding: 0.8em;
  margin-left: 10px;
  margin-right: 5px;
  background-color: #FFFF99;
  color: #333333;
}

/* right pane navigation */

.rightnav {
  width: 170px;
  background-color: #3a637c;
  vertical-align: top;
  }

.rightpanetext {
  color: #fadc96;
  padding: 0.2em;
  text-align:left;
}

.foot {
  font-size: small;
  color:#fadc96;
  text-align:center;
}

.up {
font-size:large; 
font-weight:bold;
}

.upside {
font-size:large; 
font-weight:bold;
color: #FFFF99;
}


/* 4 kinds of links -- topnav blue bkgr, top nav, body text, and right pane text */

a:link.topblue {
  text-decoration: none;
  color: rgb(250, 220, 150);
}

a:hover.topblue {
  text-decoration: none;
  color: #eb7619;
}

a:visited.topblue {
  text-decoration: none;
  color: rgb(250, 220, 150);
}

a:link.top {
  text-decoration: none;
  color: #003300;
}

a:hover.top {
  text-decoration: none;
  color: #eb7619;
}

a:visited.top {
  text-decoration: none;
  color: #003300;
}

a:link.body {
  text-decoration: underline;
  color: #003300;
}

a:hover.body {
  text-decoration: none;
  color: #eb7619;
}

a:visited.body {
  text-decoration: underline;
  color: #003300;
}

a:link.indextitles {
  font-size: medium;
  font-weight: bold;
  line-height: 110%;
  text-align: left;
  margin-left: 5px;
  margin-right: 100px;
  color: #3a637c;
  text-decoration: none;
  
}

a:hover.indextitles {
  font-size: medium;
  font-weight: bold;
  line-height: 110%;
  text-align: left;
  margin-left: 5px;
  margin-right: 100px;
  color: #3a637c;
  text-decoration: none;
}

a:visited.indextitles {
  font-size: medium;
  font-weight: bold;
  line-height: 110%;
  text-align: left;
  margin-left: 5px;
  margin-right: 100px;
  color: #3a637c;
  text-decoration: none;
}


a:link.up {
  text-decoration: none;
  color: #003300;
  font-size:large; 
font-weight:bold;
}

a:hover.up {
  text-decoration: none;
  color: #eb7619;
font-size:large; 
font-weight:bold;
}

a:visited.up {
  text-decoration: none;
  color: #003300;
font-size:large; 
font-weight:bold;
}

a:link.spane {
  color: #fadc96;
  text-decoration: underline;
}

a:hover.spane {
  color: #eb7619;
  text-decoration: none;
}

a:visited.spane {
  color: #fadc96;
  text-decoration: underline;
}

a:link {
  color: #fadc96;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

b {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

========

h3 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: medium;
  font-weight: bold;
  line-height: 105%;
  text-align: left;
  margin-left: 10px;
  margin-right: 25px;
}