body {
  margin: 0px; padding: 0px;
  background-color: #e6e7ec; background-image: url('images/background.png'); background-repeat: repeat-x; 
  font-family: Verdana; font-size: 12px; font-weight: normal; color:  #336666;
}

A:link, A:visited, A:active { text-decoration: none; color: #336666; font-weight: normal; }
// A:hover { text-decoration: underline; }

#container { width: 865px; margin: 0 auto; }

#header { 
  position: relative; float: left;
  top: 10px; width: 865px; height: 100px;
  background: #ffffff;
}

#header .headerText { position: relative; float: right; height: 30px; top: 40px; margin-left: 25px; line-height: 30px; font-size: 12px; }
#header .headerIcon { margin-right: 10px; }

#menu { position: relative; float: left; top: 10px; width: 865px; height: 80px; background: #ffffff; }
#menu div { position: relative; float: left; height: 70px; }
.menuButton { width: 95px; background: url('images/menuItemBack.png'); background-repeat: repeat-x; }
.menuButton { line-height: 80px; font-size: 12px; text-align: center; }
.menuButtonActive { background: url('images/menuItemActive.png'); background-repeat: repeat-x; color: #ffffff; }

#flashbox { position: relative; float: left; width: 865px; height: 325px; background: #ffffff; }
#tagline { z-index: 1; position: relative; float: right; width: 400px; height: 50px; margin-top: -25px; background: #6b84c2; }
#tagline { line-height: 50px; font-size: 28px; color: #ffffff; font-family: Helvetica; text-align: center; }

#content { position: relative; float: left; margin-top: -25px; width: 825px; padding: 20px; padding-top: 50px; background: #ffffff; }

#footer { position: relative; float: left; top: 0px; width: 870px; height: 80px; }
#footerLeft { position: relative; float: left; height: 15px; width: 15px; background: url('images/footerBackLeft.png'); }
#footerCenter { position: relative; float: left; height: 15px; width: 835px; background: url('images/footerBack.png'); background-repeat: repeat-x; }
#footerRight { position: relative; float: left; height: 15px; width: 15px; background: url('images/footerBackRight.png'); }

.footerLink { position: relative; float: left; margin: 10px; }
.footerCopyRight { position: relative; float: right; margin: 10px; }

.wide { position: relative; float: left; width: 100%; }

/*************************************************************/

.headerText { font-size: 16px; font-weight: bold; color: #6b84c2; }
.horizontalBar { position: relative; float: left; width: 825px; height: 1px; margin-top: 5px; margin-bottom: 5px; background: #336666; }

.homeColumn { position: relative; float: left; width: 250px; margin: 5px; margin-right: 20px; color: #485578; letter-spacing: 1px; }
.homeColumn hr { color: #6b84c2; background-color: #6b84c2; margin-top: 20px; }

.itemListing { position: relative; float: left; width: 830px; margin-top: 10px; margin-bottom: 10px; }
.itemTitle { font-size: 12px; font-weight: bold; color: #6b84c2; }
.itemPhoto { position: relative; float: left; width: 145px; height: 115px; margin-right: 20px; padding: 15px; background: url('images/itemFrame.png'); }
.itemMore a { font-size: 12px; font-weight: bold; text-decoration: underline; color: #6b84c2; }

.decimal { list-style-type: decimal; }
.upperAlpha { list-style-type: upper-alpha; }
.lowerAlpha { list-style-type: lower-alpha; }

/*** Contact Page CSS ***/

.contactPane { position: relative; float: left; width: 250px; margin: 5px; margin-right: 20px; }
div.contact input { width: 200px; }
div.contact textarea { width: 400px; height: 200px; }
div.contact #submit { width: 120px; }

/*** Custom Page CSS ***/

div.custom img { width: 250px; margin: 5px 10px 10px 10px; }

/*** Catalog Page CSS ***/

table.catalogThumbs { width: 100%; }
table.catalogThumbs td { width: 33%; vertical-align: top; }
