BODY {
  background:      #d7cfec;
  color:           #000000;
  font-family:     Verdana, Arial, Helvetica;
  font-size:       1em;
  margin:          0;
  padding:         0;
}

A {
  color:           #000000;
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}

UL A:visited {
  color:           #203643;
}

H1 { /* the header of all pages */
  height:          70px;
  background:      #666699;
  color:           white;
  font-weight:     normal;
  letter-spacing:  3pt;
  font-size:       2em;
  vertical-align:  top;
  text-align:      right;
  margin:          0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

UL.menu { /* the navigation menu (parent folders) */
  background:      #babadd;
  border-top:      solid 1px #404822;
  border-bottom:   solid 1px #404822;
  font-weight:     bold;
  letter-spacing:  1pt;
  margin:          0px;
  padding:         3px 0px 3px 2%;
  color:           #404822;
}

UL.menu LI {
  display:         inline;
  color:           #404822;
}

UL.menu LI A {
  color:           #404822;
}

UL.menu LI.up {
  position:        absolute;
  right:           2%;
}

H2 { /* headers and footers */
  font-weight:     normal;
  font-style:      normal;
  font-size:       1em;
  line-height:     130%;
  color:           #000000;
  margin:          3% 2% 1% 2%;
  padding:         2px;
  border:          dotted 2px #000000;
}

UL.list { /* the list of subfolders */
  margin-left:     0px;

}

UL.list LI {
  list-style-type: none;
  line-height:     1.4;
  margin-bottom:   0px;
  padding-left:    0px;
  margin-left:     0px;
  list-style:      none;
  vertical-align:  top;
  position:        relative;
  Clear:           left ;
}

UL.list LI A {
  color:           #203643;
}

DIV A { /* color of links in captions */
  color:           #B85761;
}

H2 A { /* color of links in the headers/footers */
  color:           #B85761;
}

HR.bar {
  width:           100%;
  height:          1px;
  margin-top:      3px;
  margin-bottom:   3px;
  margin-left:     0;
  margin-right:    0;
  border-top:      1px solid #000000;
  border-bottom:   0;
  border-left:     0;
  border-right:    0;
}

/*div characteristics*/
DIV.album {
  float:           left;
  clear:           both;
  margin-top:      20px;
  margin-bottom:   30px;
  margin-right:    5px;
  margin-left:     40px;
}

TABLE.nav {
  font-size:       1em;
  font-weight:     normal;
}

TABLE.nav SPAN.main {
  color:           black;
}

TABLE.nav A {
  color:           blue;
}

DIV.fullimage { /* the full image areas */
  float:           left;
  overflow:        hidden;
  margin:          2em;
}

DIV.fullimage A IMG {
  border:          7px #ffffff; /*#203643;*/
  border-style:    inset;
}

DIV.divider {
  color:           #ffffff;
  text-align:      center;
  font-weight:     bold;
  letter-spacing:  3pt;
  font-size:       0.8em;
  background:      #666699;
  margin-bottom:   20px;
  border:          2px solid;
  border-color:    #D3D3D3 black black #D3D3D3;
  clear:           both;
}

DIV.spacer { /* needed to clean the flow before and after floating thumbnails */
  clear:           both;
}

DIV.infotext {
  font:            Comic Sans;
  font-size:       1em;
  color:           #000000;
  line-height:     130%;
  text-align:      center;
  padding:         0px 4px;
  clear:           both;
}

DIV.infotext A {
  color:           #000000;
}

DIV.thumbs { /* the area all the thumbnails reside in */
  margin:          3%;
  clear:           both;
}

div.thumbs2 { /* the area all the thumbnails reside in */
  margin:          3%;
}

  /*"onionskin" drop shadow rules-*/

.wrap1, .wrap2, .wrap3, .wrap4, .wrap5, {
  display:         inline-table;
  display:         block;
}

.wrapname { /* holds text and framed image as unit*/
  float:           left;
  margin-bottom:   20px;
  margin-right:    5px;
}

.wrap1 { /* bottom layer of shadow- make sure to match the background color to the appropriate shadow graphics*/
  border:          1px solid #d7cfec /*note- FOR IE only- a border is needed to properly render shadow when there is text below the image*/ ;
  background:      url(shadow.jpg) right bottom no-repeat;
}

.wrap2 { /* middle layer of shadow- make sure to match the background color to the appropriate shadow graphics*/
  background:      url(corner_bl.jpg) -12px 100% no-repeat;
}

.wrap3 { /* top layer of shadow- make sure to match the background color to the appropriate shadow graphics */
  padding:         0 16px 16px 0;
  background:      url(corner_tr.jpg) 100% -4px no-repeat;
}

.wrap4 {
  border:          1px solid;
  border-color:    #D3D3D3 black black #D3D3D3; /*picture border outer highlights*/
}

.wrap5 {
  border:          11px solid #FFFFFF; /*primary picture border style*/
}

.wrap3 IMG {
  display:         block;
  border:          2px solid;
  border-color:    gray #D3D3D3 #B7BDAD gray ; /*picture border inner highlights*/
}

DIV DIV.caption, DIV.name { /* this is for text above thumbnails and images */
  font:            Comic Sans;
  font-size:       1em;
  color:           #000000;
  line-height:     130%;
  text-align:      center;
  padding:         0px 4px;
  clear:           both;
}

/* Footer treatments*/
ADDRESS { /* the footer of all pages */
  float:           right;
  width:           90%;
  margin:          2%;
  font-size:       .5em;
  color:           #203643;
  font-style:      normal;
  text-align:      right;
  display:         none;
}

ADDRESS A { /* color of links in the footer */
  color:           #B85761;
  display:         block;
}

ADDRESS SPAN.helmar {
  display:         block;
}

#SlideShowButton {
	font-size:75%;
}
#SlideShow {
	font-size:75%;
}
.title {
	color: black;
	font-size: 13px;
}

.main {
	color: black:
	font-size: 1em;
}
.credit {
	color: gray;
	font-size: 0.8em;
}