html {
}
@media screen {
 html {
  margin: 0px auto;
  padding: 0px;
  height: 100%;
  width: 100%;
 }
 body {
  position:relative;
  left:0px;
  top:0px;
  z-index:0;
  margin: 0px auto;
  padding: 0px;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: #DBE2CD;
  text-align: center;
}
 #content {
  margin: 0px auto;
  width:760px;
  background-color:#DBE2CD;
  border:1px #305030 solid;
  overflow-y:hidden;
  text-align: center;
 }
 #content2 {
  margin: 0px auto;
  width:1010px;
  overflow-y:hidden;
  text-align: left;
 }
 #gradient {
  position:fixed;
  height:100%;
  width:100%;
  left:0px;
  top:0px;
  z-index:-1;
 }
}
@media print {
  body {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
  }
  #content {
    width:760px;
    margin: 0px auto;
    text-align: center;
    z-index:2;
  }
  #gradient {
    display: none;
  }
  .noprint {
    display: none;
  }
}

a:link, a:visited {
  text-decoration: none;
  color: black;
}
a.info:link, a.info:visited  {
  text-decoration: underline;
  color: black;
}
a:hover, a:active { 
  color: red; 
}
a.info:hover, a.info:active { 
  color: red; 
}


#introBox {
  float:left;
  width:550px;
}
#intro {
  clear:both;
  margin:10px;
  text-align:left;
}
#menuBox {
  float:left;
  width:180px;
  padding:10px;
}
#menu {
  clear:both;
  padding-left:10px;
  border-left:1px black solid;
  text-align:left;
}
.menuNote {
  font-size:70%;
  color:red
}
.searchButton {
  float: left;
  display: block;
  margin: 0px 0px;
  padding:5px;
  height:25px;
  width:100px;
  vertical-align: middle;
  border:3px #305030 double;
  color: #305030;
  background-color:#AEBB95;
  text-align:center;
  font-weight: bold;
}

#tabDiv {
  clear:both;
  width: 500px;
  margin-left: 100px;
}

#resultsDiv {
  clear:both;
  width: 950px;
  margin-left: 20px;
}

#tabBorder {
  clear:both;
  width: 500px;
  border: thin #AEBB95 solid;
  margin-left: 100px;
}

#searchOptions {
  clear:both;
  width: 480px;
  text-align: right;
  font-size: 85%;
}

#searchBox {
  clear:both;
  width: 480px;
  text-align: center;
}
#searchLabels {
  float: left;
  width: 100px;
  text-align: left;
  padding: 5px;
  color: #305030;
  font-size: 75%;
  font-weight: bold;
  border: 0px #AEBB95 solid;
}
#searchFields {
  display: inline-block;
  width: 350px;
  text-align: left;
  padding: 5px;
  color: #305030;
  font-size: 75%;
  font-weight: bold;
  border: 0px #AEBB95 solid;
}
#searchLabelBox {
  width: 100%;
  border: 1px #AEBB95 solid;
}
h1 {
  background-color: #DBE2CD;
  color: #305030;
  text-align: center;
  height: 40px;
  font-size: 30px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

h2 {
  background-color: #DBE2CD;
  color: #305030;
  text-align: center;
  height: 20px;
  font-size: 18px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
h3 {
  background-color: #DBE2CD;
  color: #305030;
  text-align: center;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
dt {
  color: #305030;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.dtNote {
  color: black;
  font-size: 100%;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

span#count {
  display: block;
  width: 100%;
  color: #305030;
  text-align: center;
  font-weight: bold;
}
.colheadDiv {
  float: left;
  display: block;
  height: 42px;
  background-color: #305030;
  color: #DBE2CD;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}
.colhead {
  float: left;
  display: block;
  height: 42px;
  background-color: #305030;
  border: 0px;
  color: #DBE2CD;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  margin: 0px 2px;
}
.colhead2 {
  float: left;
  display: block;
  height: 42px;
  color: #305030;
  background-color: #DBE2CD;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  margin: 0px 0px;
}
a:link .colhead, a:visited .colhead {
  text-decoration: none;
  color: #DBE2CD;
}
a:link .searchButton, a:visited .searchButton {
  text-decoration: none;
  color: #305030;
}
a.viewhead:link , a.viewhead:visited  {
  text-decoration: none;
  color: #DBE2CD;
}
a:hover .colhead, a:active .colhead { 
  color: red; 
}
a:hover .searchButton, a:active .searchButton { 
  color: red; 
}
a.viewhead:hover, a.viewhead:active  { 
  color: red; 
}
.resultsRow {
  clear: both;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}

.resultsCell {
  float: left;
  text-align: left;
  font-size: 70%;
  background-color: inherit;
  margin: 5px 2px;
  font-family: verdana;
}

.row0 {
  background-color: #DBE2CD;
}
.row1 {
  background-color: #C1CCAA;
}

.tab {
  float: left;
  width: 100px;
  height: 20px;
  border: 1px #AEBB95 solid;
  text-align: center;
}
.tabSelected {
  float: left;
  width: 100px;
  height: 20px;
  border: 1px #AEBB95 solid;
  border: 2px #AEBB95 solid;
  background-color: #AEBB95;
  text-align: center;
}
.tabSpace {
  float: left;
  width: 10px;
  height: 20px;
}

span#booklist {
  font-size: 75%;
}

dt {
  font-weight: bold;
  margin: 10px;
  padding: 0;
}
.code {
  color: #305030;
  font-size: 105%;
  font-weight: bold;
}
.code2 {
  color: #305030;
  font-size: 90%;
  font-style: italic;
}
.label {
  font-size: 90%;
  font-style: italic;
}
.dbName {
  font-variant: small-caps;
}

.blockquote {
  font-weight: bold;
  margin: 0px 50px;
  text-align: justify;
}

.booklist {
  font-size: 80%;
}
.code3 {
  font-family: courier;
  font-size: 120%;
  color: #305030;
  font-weight: bold;
  font-style: italic;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}