/*
Banner, menus and footer scroll along with the page content.
Last revised: 2008-02-14
*/

/*

logo colour = #98B6F4
logo size = 581 x 70

*/
/**************** vanilla settings *************/
html, body, div {
  padding:0;
  margin:0;
  border:0;
  }

h1,h2,h3,h4, h6,p {
  margin-left:0px;
  margin-right:0px;
  }
img {
border:none;
}

body {
  font-family: Times, serif;
  color:#fff; /* B8CCF5;*/
  background:#000; /* 39445B;*/
  font-size:110%;
  }
/* common width declaration */
#container,
#content,
#top,
#menutop,
#menubottom {
  width:750px;
  background-color:#000;
  }

a {
 color: #98B6F4;
}


#container {
  padding:0 0 0 50%;
  margin:0 0 0 -375px;
  }

#content {
  text-align:justify;
  }

#top {
  position:static;
  padding-top:10px;
  text-align:center;
  }

#menutop {
  display:block;
  position:relative;
  left:-40px;
  top:0px;
  height: 31px;
  text-align:center;
  }

#menubottom {
  display:block;
  position:relative;
  left:-40px;
  top:0px;
  height: 21px;
  text-align:center;
  }

#footer {
  bottom: 0px;
  left: 0px;
  height: 35px;
  width:750px;
  background-color:#000;
  text-align:center;
  font-size:80%;
  padding:5px 0 ;
  }
/*
 I use an unordered list for semantic correctness then remove list
specific styling.
 If the page was displayed without a stylesheet,
 the menu would be presented as a list of options.
*/

.menu li {
  list-style:none;
  display: inline;
  margin:0;
  padding:1px 3px;
}
.menu a {
  display: inline;
  color:#fff;
  text-decoration:none;
  }
.menu a:hover {
  background: #98B6F4;
  color:#000;
 }

#menutop li{
  height:20px;
  padding:13px 10px;
  font-size:150%;
  }


h3 {
 /*color:#9bf;*/
 font-size: 175%;
 margin-top:10px;
 border-bottom:1px solid black;
 font-weight: 500;
 }

#content a {
 text-decoration:none;
 }

 em {
  color: #98B6F4; /* all italics go powder blue */
  }

.normal td { /* tables in CMS paragraphs */
 padding-right: 20px;
}
td.price {
 text-align:right;
}

.gall1 td {

 text-align:center;
 padding:5px 0 5px 0;
 }

.gall1 td img{
  padding:6px; /* provides black border within silver border */
  border:2px silver outset;
}
.gall1 td p a{  /* links on home page */
  font-size:120%;
  color: white;
  margin-top:1px;
  padding:3px;
  }
.gall1 td p a:hover {
  background: #98B6F4;
  color:#000;
  }
.apara {
 margin-bottom: 30px;
}
.apara td {
 padding-right: 20px;
 margin-bottom: 30px;
}
/*  stacking  */
#footer    { z-index:81; }
#top       { z-index:50; }
#menutop   { z-index:40; }
#content   { z-index:31; }
#middle    { z-index:30; }
#container { z-index:25; }