/* --- start of css --- */
html, body 
  {
 width: 100%;
  height: 100%;
  background-color: rgb(55,55,55);
  margin-left: auto;
  margin-right: auto;
  background-image: url(images/new.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
  font-size:100%;
 
  }
//  color: white;
//  font: italic bold 45px/80px arial,sans-serif;

a { text-decoration:none; }
a:link { border-style: none; color: rgb(255,255,255); border-width: 0px; opacity: 0.5; }
a:visited { border-style: none; color: rgb(255,255,255); }

font.title { font-size: 3.5em; letter-spacing: 2px; font-weight: 300; color: rgb(200,200,200); }
font.heading { font-size: 1em; letter-spacing: 1px; font-weight: 100; }
font.content { font: normal bold 0.8em/1.2em "Lucida Console", monospace; font-weight: lighter; }
font.sub { font-size: 0.7em; }
font.now { font-size: 0.7em; font-style: italic; }
font.place { font-size: 0.65em; font-style: bold; }
font.what { font-size: 0.65em; font-style: bold; }
 
h2 { font-size: 30px; text-indent: 0em; font-weight: 500; }
h3 { font-size: 20px; text-indent: 0em; font-weight: 300; }

body.lunar
  {
  background-color: rgb(55,55,55);
  margin-left: auto;
  margin-right: auto;
//  padding-left: 16%;
//  padding-top: 12%;
//  margin: 0%;
//  white-space: wrap; 
//  text-align: center;
//  font-size: 0.875em;
//  font-family:"Arial",Verdana,Sans-serif;
  background-image: url(images/new.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  position: relative;
  left: 0px;
  top: 0px;
  text-align: center;
//  opacity: 0.5;
  }

div.menu
  {
  margin-left: auto;
  margin-right: auto;
//  background-image: url(images/new.jpg);
  background-repeat: no-repeat;
  background-positioin: top;
//  background-attachment: fixed;
  width: 720px;
  height: 120px;
  position: relative;
  left: 0px;
  top: 20px;
//  font-size: 2.0em;
  z-index: 1;
  opacity: 1.0;
/* for IE */
  filter:alpha(opacity=50);
  }

table.menu
  {
  text-align: center;
  color: rgb(200,200,200);
  font-size: 24px; font-weight: 300;
  background-attachment: fixed;
  position: relative;
  left: 0px;
  top: 10px;
  }

table.archive
  {
  width: 90%;
  margin-left:70px;
  border-collapse:separate;
  border-spacing: 20px 20px;
  padding: 5px 5px;
  text-align: left;
  }
div.list
  {
  margin-left:20px;
  font-size: 16px; font-weight: 300;
  }


div.slideshow
  {
  text-align: center;
  }

div.content
  {
  margin-left: auto;
  margin-right: auto;
//  background-image: url(images/full.jpg);
//  background-color: rgb(180,180,180);
  background-position: bottom;
  background-attachment: fixed;
//  background-repeat: y;
  width: 720px;
  height: 480px;
  position: relative;
  left: 0px;
  top: 20px;
  z-index: 2;
  opacity: 1.0;  
//  text-indent: 20px;
  text-align: center;
  font-size: 25px; 
  font-weight: 400;
  color: rgb(200,200,200);
  }

div.full
  {
  margin-left: auto;
  margin-right: auto;
//  background-image: url(images/full.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
  width: 720px;
  height: 480px;
  position: relative;
  left: 0px;
  top: 0px;
//  font-size: 1.4em;
  z-index: 1;
  opacity: 1.0;
  color: rgb(55,55,55);
/* for IE */
  filter:alpha(opacity=50);
  }

div.new
  {
  margin-left: auto;
  margin-right: auto;
  background-image: url(images/new.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 720px;
  height: 480px;
  position: relative;
  left: 0px;
  top: -1057px;
//  font-size: 2.0em;
  z-index: -1;
  opacity: 1.0;
/* for IE */
  filter:alpha(opacity=100);
  }