BODY {
  color:#000000;
  font-family: "Comic Sans MS", Arial, sans-serif;			/* Comic Sans MS, Arial, sans-serif; | Arial,helvetica; */
  font-size: medium;
  text-align: center;
  margin-left: 35px;
  margin-top: 5px;
  margin-right: 35px;
  margin-bottom: 0px;
}

BODY.indexDNW {
  background-color: #DDCCBB;		/* Old:#ffffcc; DNW:#DDCCBB; STPR:#xxxxxx; HMRC:#xxxxxx; AHARC: #xxxxxx; FandW: #xxxxxx; */
}

BODY.slideDNW {
  background-color: #FFEEDD;		/* Old:#ffffcc; DNW:#FFEEDD; STPR:#xxxxxx; HMRC:#xxxxxx; AHARC: #xxxxxx; FandW: #xxxxxx; */
}

a:link { color:#0000FF; }
a:visited { color:#880088; }
a:active { color:#FF0000; }
a:hover { color:#0099FF; }

P {
  color: #000000;
  font-size: small;
  font-weight: normal;
  text-align: left;
}

H1 {
  color: #000000;	/* black */
  background-color: inherit;
  border-color:  #aaa;
  font-size: xx-large;
  font-weight: bold;
  text-align: left;
}

H2 {
  color: #666666;	/* grey */
  background-color: inherit;
  border-color:  #aaa;
  font-size: x-large;
  font-weight: bold;
  text-align: left;
}

H2.slideDNWheading {
  text-align: center;
}

h1, h2, h3, h4 {
}

hr {
  border: 2px;					/* some browsers use this attribute */		
  color: #666666;					/* some browsers use this color (ex: IE7) */
  background-color: #666677;			/* other browsers use this color (ex: FF2) */
  height: 1px;					/* to control the browsers that use a border */
  width: 100%;
  text-align: left; 				/* may not need this */
  clear: both;
}

IMG {
  border: 0px;
}

.indexDNWfolderlist {
  font-size: medium;
  text-align: left;
  vertical-align: top;
}

.thumbGroupTitle {
  margin-top: 50px;
  width: 100%;
  font-size: large;
  text-align: left;
  float: left;
}

.indexDNWinstructions {
  display: block;
  text-align: left;
  font-size: small;
  font-weight: normal;
}

div.indexDNWthumbnail {
  float: left;
  vertical-align: bottom;
  text-align: center;
  margin-left: 16px;
  margin-right:16px;
}

div.indexDNWinfo {
  color: #666666;				/* Grey */
  font-size: small;
  font-weight: normal;
  text-align: left;
}

div.slidecredits {
  color: #666666;	/* Grey */
  font-size: small;
  font-weight: normal;
  text-align: center;
}

.indexDNWnavigation {
  text-align: left;
  text-decoration: none;
  font-size: small;
  font-weight: normal;
}

.slidenavigation {
  color: #666666;	/* Grey */
  text-align: center;
  text-decoration: none;
  font-size: small;
  font-weight: normal;
}

.slideimage {
  margin-top: 5px;
}

.folderTitle {
  color: #666666;	/* Grey (overridden when title is a link)*/
  text-decoration: none;
  font-size: large;
  font-weight: bold;
}

.folderDescription {
  color: #666666;	/* Grey */
  text-decoration: none;
  font-size: medium;
  font-weight: bold;
}

/* ---------------------- testing ------------------------ */

P {
  border: thin solid red;               /*   border: thin solid red; -- FOR TESTING ONLY -- */
}

}
h1, h2, h3, h4 {
  border: thin solid green;             /*   border: thin solid green; -- FOR TESTING ONLY -- */
}

.thumbGroupTitle {
  border: solid yellow;                 /*   border: solid yellow; -- FOR TESTING ONLY -- */
}

div.indexDNWthumbnail {
  border: solid blue;                   /*   border: solid blue; -- FOR TESTING ONLY -- */
  margin-top:  1px;                     /*   margin-top:  1px; -- FOR TESTING ONLY -- */
}