body { background: #fffaf1; opacity: 0.99999; }
a {
  color: #ffffff;
}

a.one:link {
  color:#FF6700;
  text-decoration: none;
}

a.one:hover {
  text-decoration: underline;
}

a.map:link {
  color: #FF6700;
  font-size: 10px;
  text-decoration: none;
}

a.map:hover {
  text-decoration: underline;
}

a.project:link {
  text-decoration: none;
}

a.map:hover {
  text-decoration: underline;
}

div.one:hover {
  background: #FF6700;
}

a.project:hover {
  text-decoration: underline;
}

a.contact:link {
  text-decoration: none;
}

div.mailTo:hover {
  border-bottom: 1px solid #EEEEEE;
}

.mailTo {
  width: 194px;
  height: 12px;
  float: left;
  background: url("images/structure-images/mailto.gif") no-repeat;
  border-bottom: 1px #002120 solid;
}

.contactMap {
  width: 265px;
  height: 223px;
  float: left;
  background: url(images/structure-images/contactmap.gif) no-repeat;
  border: solid 1px #0b2500;
}

a.contactMap:link {
  text-decoration: none;
}

a.contactMap:hover {
  border: 1px solid #EEEEEE;
}

.line {
  width: 290px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 16px;
  letter-spacing: 0px;
  line-height: 14px;
  border-bottom: #666666 dotted 1px;
  float: left;
}

.lineHeader {
  font-weight: bold;
  margin-bottom: 4px;
}

.lineContents {
  margin-bottom: 8px;
  margin-top: 2px;
}

#container {
  width: 326px;
  /*height: 640px;*/
  font: 11px verdana;
  color: #ffffff;
  letter-spacing: 2px;
  margin: auto;
}

/* The menu bar */
#menu {
  width: 998px;
  height: 68px;
  float: left;
  margin-bottom: 4px;
  background: url("images/structure-images/masthead.gif") no-repeat;
  font-size: 10px;
}

/* Style of a button in the menu bar */
.menuButton {
  width: 59px;
  height: 20px;
  line-height: 20px;
  border: dotted 1px #666666;
  float: left;
  text-align: center;
  margin-top: 42px;
  margin-left: 4px;
}
newmenu { }
/* Style of a menu button mouseover */
div.menuButton:hover {
  cursor: pointer;
  border: 1px #EEEEEE solid;
}

/* Style of a menu button when 'on' - could be from mouse over
   or from being selected */
.menuButtonOn {
  background: url('images/button-images/menu-selected.gif') no-repeat;
}

/* Outer DIV container for the text block, which may assign a
   background image that will show through around the border of
   textBlock. */
.textBlockContainer { background: #0b2500; width: 326px; height: 563px; float: left; margin-right: 4px; overflow: auto; }

.textBlockImage {
  width: 326px;
  height: 112px;
  background: url('images/structure-images/textblock.gif') no-repeat center;
  float: left;
  border-bottom: #666666 dotted 1px;

}

.textProjectIndex {
  width: 140px;
  height: 20px;
  margin-top: 20px;
  margin-left: 20px;
  font-weight: bold;
  float: left;
  text-align: center;
  border: dotted #666666 1px;
  line-height: 20px;
}

/* Inner DIV for the text block, which actually contains the text of
   the text block. This can be inset inside the textBlockContainer
   leaving a border around it. */
.textBlock {
  width: 326px;
  height: 336px;
/*  overflow: auto;*/
  float: left;
}

/* Encapsulating DIV for the slideshow pictures. */
.pictBlock {
  width: 668px;
  height: 388px;
  line-height: 388px;
  float: left;
  margin-bottom: 6px;
  overflow: hidden;
  background: #000000;
}

/* Wrapper DIV inside pictBlock for encapsulating the slide image,
   possibly at a smaller size, inset inside the pictBlock. Even if
   you don't leave a border between pictBlock and slideWrapper, do
   no remove slideWrapper from the HTML, as it instrumental in
   making the transition effects work nicely.
*/
.slideWrapper {
  width: 668px;     /* pictBlock.width - (2 * desired border inset) */
  height: 388px;    /* pictBlock.height - (2 * desired border inset) */
  /*border: #666666 solid 1px;*/ /* commented out because it was causing IE problems */
}

/* The <img> that displays a slide */
#slide {
  width: 668px;  /* pictBlock.width - (2 * desired border inset) */
  height: 388px; /* pictBlock.height - (2 * desired border inset) */
}

/* Main encapsulating box for the entire thumb block area */
.thumbBlock {
  width: 668px;
  height: 172px;
  float: left;
}

.thumbWrapper {
  width: 668px;
  height: 172px;
  background: #0b2500;
  float: left;
}

/* Text DIV for the mouse-over descriptions in thumb block */
#thumbLabel {
  width: 280px;
  height: 26px;
  float: left;
  line-height: 13px;
  overflow: hidden;
  margin-top: 12px;
  margin-left: 17px;
}

.moreLabel {
  height: 10px;
  text-align: center;
  float: left;
  margin-right: 22px;
  margin-top: 24px;
  margin-bottom: 6px;
}

.more {
  width: 20px;
  height: 20px;
  float: left;
  border: 1px solid #666666;
  line-height: 20px;
  text-align: center;
  margin-top: 14px;
  margin-right: 6px;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

.div.more:hover {
  cursor: pointer;
}

/* The encapuslating box for all the thumb selector images within
   thumb block */
#thumbSelectorBox {
  width: 650px;
  height: 118px;
  float: left;
  padding-left: 17px;
  padding-top: 6px;
}

/* Style for an individual thumb selector */
.thumbSelector {
  width: 48px;
  height: 48px;
  margin-right: 6px;
  margin-bottom: 6px;
  float: left;
  border: solid #000000 1px;

}

/* Mouse-over style for a thumb selector */
div.thumbSelector:hover {
  cursor: pointer;
}

/* Additive style for thumb selector when in the 'on' state - could be
   from being selected or mouseed-over */
.thumbSelectorOn {
  border: solid #EEEEEE 1px;
}

/* Style of the thumb <img> */
.thumbImage {
  width: 48px;
  height: 48px;
  float: left;
}

/* foot notes */
.footerBlock {
  width: 996px;
  height: 20px;
  background: url("images/structure-images/footnote.gif") no-repeat;
  margin-top: 4px;
  float: left;
  border: 1px solid #002120;
}

a.footerBlock:link {
  text-decoration: none;
}

a.footerBlock:hover {
  border: 1px solid #FF6700;
}

.credit {
  width: 994px;
  height: 20px;
  float: left;
  margin-top: 6px;
  line-height: 20px;
  font-size: 9px;
  padding-left: 2px;
  border-top: 1px solid #FF6700;
  border-left: 1px solid #FFFAF1;
  border-right: 1px solid #FFFAF1;
  border-bottom: 1px solid #FFFAF1;
}

a.credit:link {
  color: #FF6700;
  text-decoration: none;
}

a.credit:hover {
  border: 1px solid #FF6700;
}
.project_name { color: #fff; font-size: 14px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; }
.body_text { color: #fff; font-size: 12px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; }