body {
  background-color: #666666;
  font-family: "Trebuchet MS", "Trebuchet", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.166; 
  margin: 0px;
  padding: 0px;
}

a {
  text-decoration: none;
}
a:link { color: #800000; }
a:visited { color: #800000; }
a:hover { color: #ff9999; }

.activeLink a:link { color: #ff9999; }
.activeLink a:visited { color: #ff9999; }
.activeLink a:hover { color: #ffffff; }

img { border: none; }

#main {
  width: 100%;
}

.layoutTable {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  vertical-align: top;  
}

#upperLeft {
  height: 50px;
  width: 50%;
}

#upper {
  width: 760px;
}

#upperRight {
  height: 50px;
  width: 50%;
/*  background-image: url("images/right_border.png"); */
/*  background-repeat: repeat-y; */
}

#left {
  border-top: 1px solid #999999;
}

#center {
  background-color: #cccccc;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
}

#right {
  border-bottom: 1px solid #999999;
/*  background-image: url("images/right_border.png"); */
/*  background-repeat: repeat-y; */
}

#lowerRight {
  border-left: 1px solid #999999;
/*  background-image: url("images/right_border.png"); */
/*  background-repeat: repeat-y; */
}

#header {
  width: 760px;
  height: 75px;
  background-image: url("images/header.png");
  background-repeat: no-repeat;
}

#navigation {
  height: 25px;
  left: 0px;
  width: 760px;
  border-top: 1px solid #999999;
  padding: 3px 0px 3px 0px;
  background-image: url("images/navigation.png");
}
 
#subNav {
  text-align: center;
  margin-right: 5px;
  font-size: 12px;
  color: #800000;
}

#all {
  cursor: pointer;
}

.navText {
  font-variant: small-caps;  
}

.subNavSelect {
  padding: 0px 5px 0px 5px;
  margin-top: 10px;
  border-right: 1px solid #ffffff;
  color: #ff9999;
}

.subNavSelect a:link { color: #ff9999; }
.subNavSelect a:visited { color: #ff9999; }
.subNavSelect a:hover { color: #800000; }


.subNavUnselect {
  padding: 0px 5px 0px 5px;
  margin-top: 10px;
  border-right: 1px solid #ffffff
}

#content {
  vertical-align: top;
  width: 760px;
  height: 330px;
}

#image {
  vertical-align: top;
  width: 330px;
  min-height: 330px;
}

#text {
  margin-left: 8px;
  width: 400px;
}

.section {
  font-weight: bold;
  color: #ffffff;
  font-size: 18px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.title {
  font-weight: bold;
  color: #800000;
  font-size: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.key {
  text-align: left;
  padding-right: 5px;
}

.detail {
  color: #666666;
  font-size: 12px;
}

.description {
  color: #800000;
  font-size: 14px;
  padding-top: 5px;
  padding-right: 5px;
}

.quote {
  color: #666666;
  font-size: 12px;
  padding: 15px 25px 5px 5px;
  text-align: justify;
}

.attrib {
  color: #666666;
  font-size: 12px;
  padding: 5px 25px 15px 5px;
  text-align: right;
}

#swatches {
  margin-left: 8px;
  width: 400px;
}

.swatch {
  padding: 2px;
}

.swatch a img {
  border: 1px solid #800000;
  width: 43px;
  height: 43px;
  
}

.swatch a:link img {
  border: 1px solid #800000;
}

.swatch a:visited img {
  border: 1px solid #800000;
}

.swatch a:hover img {
  border: 1px solid #330000;
}

#footer {
  width: 760px;
  height: 30px;
  background-image: url("images/footer.png");
}

.nav {
  padding: 0px 5px 0px 5px;
  margin-top: 10px;
}

.activeLink {
  padding: 0px 5px 0px 5px;
  margin-top: 10px;
}

.hidden {
  display: none;
}




#right {
  vertical-align: top;
}

#pieceMenu {
  margin-top: 107px;
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 12px;
  background-color: #cccccc;
}

#pieceMenu li {
  margin-left: 0px;
  padding-bottom: 3px;
}

#pieceMenu a {
   display: block; 
}

#pieceMenu a:hover {
  background-color: #ff9999;
  color: #800000;
}

.pieceMenuSelect {
  color: #8000000;
  background-color: #ff9999;  
}

.pieceMenuUnselect {
  background-color: #8000000;
  color: #ff9999;
}