<!-- 10pt ~ 13px / 12pt ~ 16px --> 

html {
  scrollbar-face-color: #BCD2EE;
  scrollbar-shadow-color: #63B8FF;
  scrollbar-highlight-color: #CAE1FF;
  scrollbar-3dlight-color: #E0EEE0;
  scrollbar-darkshadow-color: #E0EEE0;
  scrollbar-track-color: #E0EEE0;
  scrollbar-arrow-color: #E0EEE0;

}

body {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 10pt;
  text-align: center;
  background-color: #ffffff; 
}

div#main {
  margin: 0px auto;
  text-align: left;
  width: 640px;
  height: 100%;
}

div.spacer {
  margin: 0px auto;
  text-align: left;
  width: 640px;
  height: 20px;
}


div.content {
  margin: 0px auto;
  background-image: url(bg.gif);
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-top-width: 0px ;
  text-align: center;
  border-bottom-width: 0px ;
  padding: .5em 1em .25em 1em;
}


div#blogcolumn {
  margin: 0px auto;
  text-align: left;
  width: 600px;
  text-align: justify;
  padding: 0em 0em 0em 0em;
  font: 13px Verdana, Helvetica, Sans-serif; 
  font-weight: normal;
  background-color: #ffffff;

}


div#rightcolumn {
  float: right;
  margin: 0px auto;
  text-align: left;
  width: 100px;
  height: 400px;
  text-align: justify;
  padding: 1em 1em 1em 1em;
  font: 13px Verdana, Helvetica, Sans-serif; 
  font-weight: normal;
  background-color: #ffffff;

}

div.leftcolumn {
  margin: 0px auto;
  text-align: left;
  width: 150px;
  text-align: justify;
  float: left;
  padding: 0em 0em 0em 0em;
  font: 13px Verdana, Helvetica, Sans-serif; 
  font-weight: normal;
}

div.centercolumn {
  margin: 0px auto;
  text-align: left;
  width: 500px;
  text-align: justify;
  padding: 0em 0em 0em 0em;
  font: 13px Verdana, Helvetica, Sans-serif; 
  font-weight: normal;

}


div.menuBar {
  text-align: right;
  float: right;
}

div.navBar {
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
  font-family: Arial, Helvetica, Sans-serif;
  margin: 0px;
  padding: 1px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

div.botbar {
  background-color: #ffffff;
  font-size: 11px;
  font-family: Arial, Helvetica, Sans-serif;
  margin: 0px;
  padding: 2em 2em 2em 2em;
  text-align: center;
}

div.mycaps{
background-image: url(dropd.gif);
background-repeat: no-repeat;
height: 62px;
width: 42px;
float: left;
padding: 0em 0em 0em 0em;
}
/*************************************
* Text Styles                        *
*************************************/


a {
  color: #880000;
  font-weight: bold;
  text-decoration: none;
}

a.book {
  color: #880000;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #3863b7;
}

a.large {
  color: #000066;
  font-weight: bold;
  text-decoration: none;
  font-size: 200%;
}

a.small {
  color: #000066;
  font-weight: bold;
  text-decoration: none;
  font-size: 10px;
}

b {
  font: 16px Georgia, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #880000;
}

h2 {
 font-size: large;
 font-weight: bolder;
 background-color: #3674c4;
 background-position: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
}

h1 {
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 35px;
 font-weight: bolder;
 color: #000000;
}

h3 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 25px;
 font-style: italic;
 font-weight: normal;
 border-bottom-width: 2px;
 border-bottom-style: dotted;
 border-bottom-color: #000066;
}

h4 {
 font-size: large;
 font-weight: bolder;
 background-color: #006600;
 background-position: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
}

 sup{
  font-size: 11px;
  font-family: Arial, Helvetica, Sans-serif;
}


input, textarea {
  border-width: 1px;
  padding: 2px;
}

input.button {
  border-width: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

pre {
  color: #006060;
  font-family: "Courier New", Courier, monospace;
  font-size: 80%;
  margin-left: 1em;
}

pre i {
  color: #3674c4;
}


p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
line-height: 150%;
padding-right: 4px;
list-style-type: square;
}

b.largetitle {
font: 14pt Verdana, Helvetica, Sans-serif; 
font-weight: normal;
font-style: italic;
text-align: left;
color: #880000;
}

b.hometitle {
font-size: 35px;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
text-align: left;
color: #000000;
}


/*************************************
* Defines styles for the Note box    *
*************************************/

div.noteBox {
  float:left; 
  width: 100px;
  height: 90px;
  background-color: #ffffff;
  padding: .5em .5em .5em .5em;
  margin: .5em .5em .5em .5em;
  font: 8px Arial, Helvetica, Sans-serif; 
  text-align: center;
}

/********************* added for the picture tables *************/

    table, tr, td {
      text-align:                           center;
      font-family:                        Arial, Helvetica, Verdana, sans-serif;
      font-size:                            14px;
      color:                                  #63B8FF;
    }

    table {
      margin-left:                        auto;
      margin-right:                       auto;
      width:                                  80%;
    }

    a.index-prev,
    a.index-numberlink,
    a.index-next,
    a.showimage-prev,
    a.showimage-index,
    a.showimage-next {
      border                            none;
      letter-spacing:                   2px;
      font-size:                            18px;
      text-decoration:          none;
    }

    div {
      padding:                          0.8em;
    }

    div.index-toplinks,
    div.index-bottomlinks,
    div.showimage-bottomthumbs {
      background-color:         #E0EEE0;
      border                   none;
    }

    div.index-div,
    div.showimage-div {
      background:                       #f2f6ff;
      display:                  table;
      margin-left:                      auto;
      margin-right:                     auto;
      border                   none;
    }

    div.photo-div,
    div.showphoto-div {
      background:                       #CCCCCC;
      text-align: center;
      display:                  table;
      margin:                  23px;
      border                   none;
    }
    
    img.showimage-img {
      border:                                 none;
    }
     img.showimage-thumb3 {
      border:                                 1px solid #000;
      width:                            120px;
      height:                           90px;
    }

    img.showimage-thumb1,
    img.showimage-thumb2,
    img.showimage-thumb4,
    img.showimage-thumb5 {
      border:                                 none;
      border-width:                           none;
      width:                                  100px;
      height:                           75px;
    }

    img.showimage-thumb1,
    img.showimage-thumb5 {
      width:                                  80px;
      height:                                 60px;
    }