/* Main Style Table */
body, td, th {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10pt;
}
h1 { font-size: 20pt; }
h2, h3, h4 { 
  color: #107FFF; 
  margin-left: 7px;
  margin-right: 7px;
}
h3 { 
  font-size: 12pt;
  font-weight: normal; 
}
h2 { 
  font-size: 14pt;
  font-weight: normal;
}
img { margin: 3px 7px 7px; }
a img { border: none; }
ul, ol {
  margin-left: 20px;
  padding-left: 0px;
}
ol { 
  list-style: decimal; 
  padding-left: 15px;
}
li.sparse {
  padding-bottom: 2px;
  padding-top: 3px;
}
small { font-size: 7.5pt; }
p { text-align: justify; margin: 7px; }
table.info {
  margin: 7px;
}
table.info td, table.info th {
  border: 1px solid #808080;
  vertical-align: top;
  padding: 3px 5px 10px;
}
table.info th {
  text-align: center;
}
table.frame {
  border: 1px solid #CCCCFF;
  padding: 5px;
}
table.transparent td {
  background-color: transparent;
}
table.frame, table.frame td { background-color: #F8FAFF; }
.bilingualeft, .bilinguaright { 
  padding: 3px 0px; 
  vertical-align: top;
  text-align: justify;
}
.bilinguaright { 
  padding-left: 3px; 
}
.bilingualeft { 
  border-right: 1px solid #CCCCFF;
  padding-right: 10px; 
}
br {
  clear: both;
}
a {
  color: #000080;
  text-decoration: none;
}
a:hover {
  border-bottom: 1px dotted #0000AA;
  text-decoration: none;
}
a.m1:hover { border-bottom: none; }
a.m2 { color: #000099; }
a.m2:hover {
  background-color: #3333AA;
  color: #FFFFFF;
}
a img.thumbnail { border: 1px solid #0066C8; }
a:hover img.thumbnail { border: 1px solid #990033; }
a.image:hover { border-bottom: none; }
.t2 {
  background: #F0F0FF;
  border-bottom: 1px #CCCCFF solid;
}
.t3 {
  background: #E0E0FF;
  border-bottom: 1px #CCCCFF solid;
  color: #800000;
}
.head {
  background: #F5F5FF;
  border-bottom: 1px #CCCCFF solid;
  color: #800000;
  margin: 0;
  font-weight: normal;
}
.head a { color: #800000; }
.head a:hover { 
  border-bottom: none; 
  color: #000080;
}
.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }
.mark1  { color: #000000; }
.verses {
  text-align: center;
  font-style: italic;
  font-weight: bold;
  line-height: 150%;
}
.color {
  color: #107FFF;
  font-weight: bold;
}
.light { 
  color: #888888; 
}
.indent {
  margin-left: 30px;
  padding-left: 8px;
  border-left: 2px solid #3399FF;
}
.framed {
  padding: 5px 10px;
  border: 2px solid #003399;
  background-color: #FFFFFF;
}
.remark {
  font-weight: bold;
  font-size: 7pt;
  color: #0080FB; 
}
.hidden { 
  color: #FFFFFF; 
  font-size: 8pt;
}
a.hidden:hover { 
  color: #555555; 
  border: none; 
}
.menuimitation {
  margin: 1px 2px 0px 4px;
  padding: 5px 7px;
  border: 1px solid #CCCCFF;
  background-color: #F0F0FF;
  width: 11em;
  w\idth: 10em;
}
img.button {
  margin: -4px 0;
  border: 1px solid #AAAAAA;
  vertical-align: middle;
  -moz-border-radius: 2px;
}

/* Site's Main Page Materials List */
.rubric { padding: 6px 0 6px; }
.sitename { padding: 5px 0 2px; }
.selfcite { 
 padding: 0 0 7px; 
 font-size: 8pt;
 font-style: italic;
 text-align: justify;
}
.selfcite img { 
  border: 1px solid #0066C8; 
  margin: 3px 10px 0 0;
}

/* Scrollable frame */
.scroll { padding: 0; }
.scroll td {
  padding: 3px;
  border: 1px solid #CCCCFF;
  vertical-align: top;
}
.scroll .scrollh { /* Header */
  color: #990000;
  background-color: #F5F5FF;
}
.scroll .scrollc { /* Content */
  padding: 0;
  border-left: #FFFFFF;
}
.scrollh p { 
  margin: 0 3px; 
  text-align: center;
}
.scroll div {
  height: 135px;
  width: 500px;
  overflow: auto;
}
.scroll .num {
  font-weight: bold;
  color: #990000;
}
.scroll .visits {
  font-weight: bold;
  color: #FF0000;
}

/* Picture Gallery */
.gallery td {
  vertical-align: middle;
  text-align: center;
  margin: 5px;
  background-color: #FFFFFF;
  width: 128px;
  border: 1px solid #999999;
}
.gallery td.pic {
  height: 128px;
}
.gallery td.comm {
  padding-bottom: 10px;
  vertical-align: top;
  border: none;
  font-size: 8pt;
  background-color: transparent;
}
.gallery img {
  margin: 3px; 
  border: 1px solid #0066C8;
}
.gallery img:hover { border: 1px solid #990033; }
.gallery a:hover { border-bottom: none; }

/* Page Header */
.logo h2 { 
  margin: 0;
  text-align: center; 
  font-weight: normal; 
  font-size: 12pt;
}
.logo a { 
  color: #3333CC; 
  text-decoration: none; 
  border: none; 
}
.logo a:hover { 
  text-decoration: none; 
  border: none; 
}
.logo img { 
  border: none; 
  margin: 0; 
  padding: 0; 
}
.logo td {
  white-space: nowrap; 
  background-color: #F0F0FF;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}
/*
.logo td.active {
  background-color: #A6B8FF; 
}
*/

/* Suckerfish Menu by Patrick Griffiths and Dan Webb */
/* http://www.htmldog.com/   http://www.danwebb.net/ */
#nav, #nav ul {
  margin: 1px 0px;
  list-style: none;
}
#nav li {
  background-color: #CCCCFF;
}
#nav li a {
  color: #000099;
}
#nav li a:hover {
  border-bottom-color: #CCCCFF;
  border-bottom-style: solid;
}
#nav ul li {
  background-color: #F0F0FF;
}
#nav li ul a {
  color: #000099;
}
#nav li ul a:hover {
  border-bottom-color: #F4F4FF;
  color: #800000;
}