/*
*******************************************************************************************
**                                                                                       **
**  Domain: www.gault4him.org                                                            **
**                                                                                       **
**  file name: <root_directory>/css/special_templates_main.css                           **
**                                                                                       **
**  author: Eric Wheeler                                                                 **
**                                                                                       **
**  description: Primary special cases cascading style sheet for VIM pages               **
**                                                                                       **
**  version: 0.6                                                                         **
**                                                                                       **
**  Last updated: 05/16/2006                                                             **
**                                                                                       **
**  Notes: 2004 design                                                                   **
**                                                                                       **
**  Tested with the following browsers:                                                  **
**                                                                                       **
**    Internet Explorer 6.00 (PC)     not yet tested                                     **
**    Internet Explorer 5.50 (PC)     not yet tested                                     **
**                                                                                       **
*******************************************************************************************
*/

/* DropCap image style, beginning */
#dropcap img {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  clear: both;
}
/* DropCap image style, ending */

/* Body image - float left, beginning */
span.imageBodyLeft img {
  float: left;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 5px;
  clear: none;
  border: 2px solid #0a0ab0;
}
/* Body image - float left, ending */

/* Body image - float right, beginning */
span.imageBodyRight img {
  float: right;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  margin-right: 0px;
  clear: none;
  border: 2px solid #0a0ab0;
}
/* Body image - float right, ending */

/* A container for picture blocks, beginning */

div.pictureBlock {
  width: 100%;
}

div.pictureBlockCenter {
  /* width:100%; */
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

/* A container for picture blocks, ending */

/* A clear all block, beginning (This was necessary because of some display problems in Firefox; hopefully this is a temporary measure) */
div.clearAll {
  clear: both;
}
/* A clear all block, ending */

/* Image caption style - float left, beginning */
div.imageCaptionLeft {
  float: left;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
  font-weight: bold;
}

div.imageCaptionLeft img {
  border: 2px solid #0a0ab0;
}
/* Image caption style - float left, ending */

/* Image caption style - float right, beginning */
div.imageCaptionRight {
  float: right;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 13px;
  margin-right: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
  font-weight: bold;
}

div.imageCaptionRight img {
  border: 2px solid #0a0ab0;
}
/* Image caption style - float right, ending */

/* Potentially merge things over to the new style; all these style need to be merged to some degree @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* Image caption style - float left, beginning */
span.imageCaptionLeft {
  float: left;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
  font-weight: bold;
}

span.imageCaptionLeft img {
  border: 2px solid #0a0ab0;
}
/* Image caption style - float left, ending */

/* Image caption style - float right, beginning */
span.imageCaptionRight {
  float: right;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 13px;
  margin-right: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
  font-weight: bold;
}

span.imageCaptionRight img {
  border: 2px solid #0a0ab0;
}
/* Image caption style - float right, ending */





/* Image caption style - center, beginning */
span.imageCaptionCenter {
  /* clear:both; */
  text-align:center;
  margin-top:2px;
  margin-right:auto;
  margin-bottom:2px;
  margin-left:auto;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:.6em;
  font-weight:bold;
}

span.imageCaptionCenter img {
  border:2px solid #0a0ab0;
}
/* Image caption style - center, ending */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* In body image caption style - float left, beginning */
span.bodyImageCapLeft {
  float: left;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 5px;
  /* clear: none; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
  font-weight: bold;
  width: 304px;
}

span.bodyImageCapLeft img {
  border: 2px solid #0a0ab0;
}
/* In body image caption style - float left, ending */

/* In body image caption style - float right, beginning */
span.bodyImageCapRight {
  float: right;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  margin-right: 0px;
  /* clear: none; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
  font-weight: bold;
  width: 304px;
}

span.bodyImageCapRight img {
  border: 2px solid #0a0ab0;
}
/* In body image caption style - float right, ending */

div.sectionDiv {
  border-bottom:2px dotted #cccccc;
  margin-top:10px;
  margin-bottom:10px;
}