/* If insetbordercolor is dark, e.g. #222222, the border is solid dark gray. */




/* Style for all bodies. */
body {
  font-size: 10pt;
  background-color: #CCCCCC;
  background-image: url("tribgwhite.jpg");
  color: #222222;
  margin: 5px;
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;

}

.headerRow
{
  background-color: #555555;
  background-image: url("bglighter.jpg");
}

.titleRow
{
  background-color: #444444;
  background-image: url("bglight.jpg");
}

/* Style for all table cells. */
td {
  font-size: 12px;
}

/* font size should be twice that for td */
.tallCell {
  font-size: 24px;
}

/* Put a border on all generated images */
.image {
  margin: 5px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: inset;
  border-right-style: inset;
  border-bottom-style: inset;
  border-left-style: inset;
  border-top-color: #EEEEEE;
  border-right-color: #EEEEEE;
  border-bottom-color: #EEEEEE;
  border-left-color: #EEEEEE;
}

/* Put a border on thumbs on slide pages */
#slide .thumbimage {
  margin: 5px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CCCCCC;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
}

/* Put a different border on the thumb that corresponds to the current slide */
#slide .thumbimage2 {
  margin: 5px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #222222;
  border-right-color: #222222;
  border-bottom-color: #222222;
  border-left-color: #222222;
}


.thumbTable{
  margin: 20px;
}

/* thumbLabels a: styles are not having any effect because of 
   how the tags are nested */
.thumbLabel {
  /* color: #222222; */
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  font-weight: lighter;
}

.thumbLabel a {
    background-color: #CCCCCC;
    background-image: url("tribgwhite.jpg");
    color: #21201C;
    text-decoration: none;
}

.thumbLabel a:visited { 
    background-color: #CCCCCC;
    background-image: url("tribgwhite.jpg");
    color: #F5F3ED;
    text-decoration: none;
}

.thumbLabel a:hover {
    background-image: url("tribgwhite.jpg");
/*
	color: #92DF02;
    color: rgb(58, 110, 165);
    color: rgb(94, 100, 34);
*/
    color: #F5F3ED;
    text-decoration: none;
    background-color: #CCCCCC;
}

.thumbDetails{
  color: #222222;
}

.thumbComment{
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #222222;
  }



/* Align the content of the cells on the index pages to the left and top. */
.indexThumbCell {
  text-align: center;
  vertical-align: bottom;
}

/* indexThumbCell same as others below except for visited */

.indexThumbCell a:active {
  text-decoration: none;
  color: #21201C;
}

.indexThumbCell a:visited {
  text-decoration: none;
  color: #21201C;
}

.indexThumbCell a:hover {
  text-decoration: none;
  color: #F5F3ED;
}

.indexThumbCell a:link {
  text-decoration: none;
  color: #21201C;
}

/* Remove the margin under the images on the index pages. */
#index .image {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 0;
}

/* Need a 20 pixel margin to compensate for the scroll bar area on the right */
body#slide {
  margin-left: 20px;
}

/* Need a 20 pixel margin to compensate for the scroll bar area on the right */
body#index {
  margin-left: 20px;
}

/* Highlight the image name on the slide pages. */
#slide .name {
  /* font-weight: bold; */
  font-size: 14px;
  color: #222222;
}


/* Custom link styles */
a:active {
  text-decoration: none;
  color: #21201C;
}

a:visited {
  text-decoration: none;
  color: #21201C;
}

a:hover {
  text-decoration: none;
  color: #F5F3ED;
}

a:link {
  text-decoration: none;
  color: #21201C;
}

#imageinfo {
  visibility: hidden;
}

.navImg {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  margin-top: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
}

.smallText
{
  font-size: 10px;
}


.comments {
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  font-size: 10pt;
  color: #222222;
}

.tdNav {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #222222;
  border-right-color: #222222;
  border-bottom-color: #222222;
  border-left-color: #222222;
}
.mainImage {
  border-top-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 8px;
  border-top-style: inset;
  border-right-style: inset;
  border-bottom-style: inset;
  border-left-style: inset;
  border-top-color: #EEEEEE;
  border-right-color: #EEEEEE;
  border-bottom-color: #EEEEEE;
  border-left-color: #EEEEEE;
}
.indexTitle {
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #222222;
}

.subtitle {
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #222222;
  margin-top: 4px;
  margin-bottom: 8px;
}

.pageNavCell {
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
}
.darkText {
  color: #222222;
}
.pageNumLink {
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #222222;
  text-decoration: none;
}
.currentPageNum {
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  color: #222222;
}

.indentedText {
  text-align: left;
  margin-right: 10%; margin-left: 10%;
}

.colorlink {
  font-family: Verdana, Lucida Sans, Tahoma, Arial, sans-serif;
}

.colorlink a {
  color: #830e1d;
  text-decoration: none;
}

.colorlink a:visited {
  color: #830e1d;
  text-decoration: none;
}

.colorlink a:hover {
  color: #F5F3ED;
  text-decoration: none;
}

.colorlink a:active {
  color: #830e1d;
  text-decoration: none;
}