body.stpauls {
  background: url(../images/shadebg.png);
  background-position: top center;
  background-repeat: repeat-y;
  background-color: #cacaca;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin-top: 0px;
  margin-bottom: 0px; }
  
.dropcap { float:left; padding: -6px 0px;
           margin: -6px 0px;
           color:#333333;
           font-size:3em;
           font-family:sans-serif; }
.brbar {
  border-top:0px solid white;
  border-left:0px solid white;
  background: url(../images/border.gif) bottom repeat-x;
  border-right:  4px solid #653082;
  padding:0px;
  margin:0px;}
  
.footerhr {
  border-top: 1px solid #cacaca; }

.vbar {
  background: url(../images/vbar.gif);
  background-position: top right;
  background-repeat: no-repeat; }
  
.hbar {
  background: url(../images/hbar.gif) bottom no-repeat;
  border-bottom: 4px transparent white;
  padding:0px;
  margin:0px;}

table.top {
  background-color: white;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:0px; }

.leftborder {
  border:0px solid white;
  background: url("../images/background2.png");
  background-color: #cacaca;
  background-position: left;
  background-repeat: repeat-y;
  width: 25px; }
  
.rightborder {
  border:0px solid white;
  background: url("../images/background.png");
  background-color: #cacaca;
  background-position: right;
  background-repeat: repeat-y;
  width: 25px; }
  
.animmenu2 a {
  font-family:sans-serif;
  display: block;
  clear: both;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  padding: 2px 5px;
  color: #696969;
  text-decoration: none;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: 1px;
  margin-right: 4px;
  }
  
.textalign {
  text-indent: 15px;
  }

#animmenu2 a {
  background: #d3d3d3 url(../images/crossmenu.gif) -15px 0px repeat-x; }

#animmenu2 a {
  color: #696969; }

#animmenu2 a:hover {
  color: #696969; }

html>body .examplediv a:hover {
  background-color:white; }
  
html>body #animmenu2 a:hover {
  background-color:white; }

#animmenu2.noscript a:hover {
  background: white url(../images/crossmenu.gif) 0px 0px repeat-x;
  /*This style is used for hovering when user does not enable javascript*/
}

.text_image_lable {
  font-family:sans-serif;
  font-size:11px;
  color:black;
  text-align: center;}

.text_normal {
  font-family:sans-serif;
  font-size:12px;
  color:black; }
  
.text_verse {
  font-family:serif;
  font-size:13px;
  font-weight:bold;
  font-style:italic;
  color:#8B4513; }
  
.text_passage {
  font-family:sans-serif;
  font-size:10px;
  font-style: italic;
  color:#8B4513; }

.text_head1 {
  font-family:serif;
  font-size:18px;
  color:#f0443b;
  font-weight:normal;
  padding-bottom: 4px;}

.text_head2 {
  font-family:serif;
  font-weight:bold;
  font-size:14px;
  color:#fb9963;}

.text_rector   { font-family:sans-serif; font-size:14px; color:#333333; font-weight:700; }
.text_small    { font-family:sans-serif; font-size:10px; color:#333333; }

.text_letter   {
 font-family:serif;
  font-size:14px;
  font-style:italic;
  color:#8B4513; }

.nounderline a      { text-decoration:none; color:#4278D3; }
.nohighlight        { border: 0; }

.link_icon {
  font-family:sans-serif;
  font-size:10px;
  color:#333333;
  text-decoration:none;
  color:black;
  border:0;
  text-align:center;}

.footer {
  font-family:sans-serif;
  color:#889096;
  font-size:11px;
  }
  
div.quote {
  text-indent: 25px;
  background: url(images/quotes1.png);
  background-position: upper left;
  background-repeat: no-repeat; }
                      
div.quote p {
  display: inline;
  margin: 0;
  padding-right: 24px;
  background: url(images/quotes2.png);
  background-position: bottom right;
  background-repeat: no-repeat; }
  
#shadow-container {
  position: relative;
  left: 3px;
  top: 3px;
  margin-right: 3px;
  margin-bottom: 3px; }

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
  position: relative;
  left: -1px;
  top: -1px; }

#shadow-container .shadow1 {
  background: #F1F0F1; }

#shadow-container .shadow2 {
  background: #DBDADB; }

#shadow-container .shadow3 {
  background: #B8B6B8; }

#shadow-container .container {
  background: #ffffff;
  border: 1px solid #848284;
  padding: 10px; }

.diamond {
  padding-left: 24px;
  background: url('../images/0160_diamondblue2.png');
  background-position: left 3px;
  background-repeat: no-repeat;
  }

.pdf {
  padding-left: 24px;
  background: url('../images/pdf_bullet.gif');
  background-position: left 3px;
  background-repeat: no-repeat;
  }

table.menu a        { border:0px; display: block; }
div.menu a          { color: #696969; background: lightgrey; text-decoration:none;
                      font-size:11px; line-height:16px; font-family:sans-serif;
                      padding: 2px 5px; }
div.menu a:link     { color: #333333; background: lightgrey; }
div.menu a:active   { color: #000000; background: lightgrey; }
div.menu a:visited  { color: #333333; background: lightgrey; }
div.menu a:hover    { color: #eeeeee; background: darkgrey; border:0px solid #000000; }

.hrule {
  margin-top:10px;
  margin-bottom:10px; }
  
table.padded-table td {
  padding:10px;
  }

div.moreImages {
  padding-top:2px;
  padding-bottom:2px;
  font:bold 11px sans-serif;
  text-transform:uppercase;
  text-align: left;
  }

#moreImagesTab table {width:100%;margin-bottom:5px;}
#moreImagesTab td {vertical-align:top;text-align:left;}
#moreImagesTab td#imageView {width:72px;}
#moreImagesTab td#imageView img.actImg {opacity: .4;filter: alpha(opacity=40);}
#moreImagesTab td#imageView img.actImg a {color:#999;cursor:default;}
#moreImagesTab td#imageView img.actImg a:hover {cursor:default;}
#moreImagesTab td#imageView img.inactImg {}

.searchfieldWithContent {
   background-color:#ffffff;
   height:20px;
   width:136px;
   padding-bottom:3px;
   border: 1px solid grey;
   margin-left:-2px;      
   }
   
 .searchfieldWithoutContent {
   background-image:url(../images/searchbackground.jpg);
   background-position:2 1;
   background-repeat:no-repeat;
   height:20px;
   width:136px;
   padding-bottom:3px;
   border: 1px solid grey; 
   margin-left:-2px;           
   }
   
 .searchButton {
   height:20px;
   width:55px;
   font:12px sans-serif;
   }
   
   
