/* main stylesheet, Mainly Cabinets 2.0                    */
/* page layout designed for 1024x768 with tabbed browsing; */
/* content width is 1000 px, content height is 575px       */

/* ----- main content page styles ----- */
body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  background-color: black;
}
div#container {
  position:relative;
  margin: 0 auto;
  width: 1000px;
  border-right: 2px solid black;
}
div#pageLeft {
  position: absolute; top: 0px; left: 0px;
  width:  246px;
  height: 575px;
  border-left: 2px solid black;
  background-image: url(graphics/bgImageL_n.jpg);
  z-index: 0;
}
div#pageRight {
  position: absolute; top: 0px; left: 246px;
  width:  754px;
  height: 565px;
  padding-top: 10px;
  background-image: url(graphics/bgImageR_n.jpg);
  border-right: 2px solid black;
  z-index: 0;
  color: black;
}
img.navBtn {
  vertical-align: top;
  border: 0;
}

/* ----- text formatting ----- */
.home1 {
  font-family: "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 30px;
}
.home2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   12px;
  font-weight: bold;
}
h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   14px;
  font-weight: bold;
}

div#pageRight h3 {
  margin-left: 20px;
  margin-right: 20px;
}
div#pageRight p {
  margin-left: 20px;
  margin-right: 20px;
}
.iText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-indent: 1.5em;
}
.bText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.credits {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.copyrt {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: italic;
}
.mailTo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.jsWarn {
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
  color: blue;
}

/* ----- image formatting ----- */
.inlinePicL {
  /* top-right-bottom-left */
  margin: 5px 10px 5px 20px;
  border: 1px solid black;
}
.inlinePicR {
  margin: 5px 20px 10px 5px;
  border: 1px solid black;
}

/* ----- showcase subnavigation ----- */
.subNav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: black;
}
.subNavY {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: yellow;
}
div#pageLeft a:link    {text-decoration:none; color:black}
div#pageLeft a:visited {text-decoration:none; color:black}
div#pageLeft a:focus   {text-decoration:none; color:black}
div#pageLeft a:hover   {text-decoration:none; color:yellow}
div#pageLeft a:active  {text-decoration:none; color:black}

/* ----- showcase thumbnail pages ----- */
td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px
}
td.thumb {
  text-align: center;
  padding-top:    5px;
  padding-bottom: 5px;
  padding-left:   20px;
  padding-right:  20px;
}
td.caption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:      12px;
  text-align:     center;
  padding-top:    3px;
  padding-bottom: 9px;
}

/* ----- showcase popup pages ----- */
/* popups are 740x590 pixels to accomodate 720x480 max image size */
/* all of this bs just to make sure that IE renders the page exactly the same as Firefox */
body.picPage {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: white;
  margin-top: 5px;
}
.caption {
  font-size: 12px;
  text-align: center;
}
.credits {
  font-size: 11px;
  font-style: italic;
}
td.pLink {
  width: 50px;
  vertical-align: middle;
  text-align: left;
}
td.cLink {
  width: 60px;
  vertical-align: middle;
  text-align: center;
}  
td.nLink {
  width: 50px;
  vertical-align: middle;
  text-align: right;
}