body {
  background: #666666;
  color: #CCCCCC;
  font-family: "Garamond", "Times", serif;  
}



.main {
  border: thin solid #CCCCCC;
}




.menuitem {
  margin-left: 6px;
  margin-right: 6px;
  font-family: "Garamond", "Times", serif;  
  font-weight: bold;
  font-size: 12pt;  
  text-decoration: none;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  background: BLACK;
  color: #CCCCCC;

}


.tracks a, .tracks a:visited, .tracks a:link {
  text-decoration: none;
  color: #CCCCCC;
}

.menuitem a, .menuitem a:visited, .menuitem a:link {
  font-family: "Garamond", "Times", serif;  
  font-weight: bold;
  font-size: 12pt;  
  text-decoration: none;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  background: BLACK;
  color: #CCCCCC;
}


.menuitem a:hover {
  color: #666666;
}



.content {
  margin-right: 10px;
  height: 375; 
  width: 500;
  text-align: left;
  overflow: auto;
  scrollbar-base-color: #666666;
  scrollbar-arrow-color: #CCCCCC;
  scrollbar-darkshadow-color: BLACK;
  scrollbar-face-color: BLACK;
  scrollbar-shadow-color: BLACK;
}

.para {
  text-indent: 20px;
  text-align: justify;
  margin-top: 8px;
  margin-right: 20px;
}

.resumeHeading {
  font-weight: bold;
}

.section {
  margin-bottom: 15px;
}

.item {
  margin-left: 20px;
  margin-top: 4px;
}

.subitem {
  margin-left: 50px;
}

.gallery img {
  border 1 solid #CCCCCC;
}

.gallery a, .gallery a:visited, .gallery a:link {
  font-family: "Garamond", "Times", serif;  
  font-weight: bold;
  font-size: 12pt;  
  text-decoration: none;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  background: BLACK;
  color: #666666;
}

.subitem a, .subitem a:visited, .subitem a:link  {
  text-decoration: none;
  color: #009999;
  background: BLACK;
}




    .date {
      margin-top: 15px;  
      color: #CC9900;
      font-weight: bold;
    }

    .local, .description {
      margin-top: 0px;
      margin-left: 15px;
    }



.description a, .description a:visited, .description a:link  {
  text-decoration: none;
  color: #009999;
  background: BLACK;
}



.overlap {
    margin-left: 20px;
    position: relative;           /* establish new containing block */
    width: 384px; height: 288px;  /* must specify width/height */
  }


.overlap .ne, .overlap .sw { position: absolute; }
.overlap .ne {    top: 0; right: 0; z-index: 1; }
.overlap .sw { bottom: 0;  left: 0; z-index: 2; }



      .copyright {
	color: #CCCCCC;
        font-size: 10pt;
        text-align: center;
      }

      .copyright a {
	color: #CCCCCC;
        text-decoration: none;
      }



      .record {
        clear: both; 
        margin-bottom: 15px;
        display: block; 
        float: left; 
        width: 470px;
        border: 1px dashed #7D91A6; 
        padding: 5px;
      }

      .record .title {
        font-weight: bold;
        margin-bottom: 5px;         
      }

.record a, .record  a:visited, .record a:link {
  text-decoration: underline;
  color: #CCCCCC;
}

      .L-Pic {
        float: left;
      }

      .L-Data {
        float: left;
        margin-left: 10px; 
        vertical-align: top;
        width: 350px;
      }

      .R-Pic {
        float: right;
      }

      .R-Data {
        float: left;
        margin-right: 10px; 
        vertical-align: top;
        width: 350px;
      }

     .R-Data .title {
       text-align: right;
     }

     .R-Data div {
       width: 100%;  
       text-align: right;

     }

     #pagetitle {
        color: #CCCCCC;
        font-size: 1.75em;
        text-align: right;
        width: 475px;
        margin-bottom: 5px;
      }

      .cd-pic {
        /* border:  1px solid #CCCCCC; */
        height: 300px;
        width: 300px;
        margin-left: 55px; 
      }

     .heading {
      margin-left: -20px;
        font-weight: bold;
}

object {
  margin-left: -40px;
}