html {margin: 0; padding: 0;}

body  {
  margin: 0px;
  font-family: arial,sans-serif;
  font-size: 80%;
  color: #dedede;
  background: black;
  background-image: url(Zbgimage.jpg);
  background-repeat: no-repeat;}

div#box {position: absolute;
   top: 0px;
   right: 225px;
   margin: auto; 
   text-align: left; 
   background-image: url(boxtop.png);
   background-repeat: no-repeat;
   width: 63%;
   height: 128px; }

.boxnav {position: relative;
   top: 10.0em;
   margin: auto; 
   text-align: center; 
   background-image: url(boxmid.gif);
   background-repeat: repeat-y; 
   width: 100%;
   height: 60px;}

.boxmain {position: relative;
   top: 9.0em;
   margin: auto; 
   text-align: left; 
   background-image: url(boxmid.gif);
   background-repeat: repeat-y; 
   width: 100%;}

h1 {font-size: 120%;
   letter-spacing: 3px;
   text-transform: uppercase;
   margin: 0.5em 2em 1em 1.5em;
   color: rgb(175,175,175);}

h2 {font-size: 90%;
   letter-spacing: 1px;
   margin: 0.5em 2em 1em 2.5em;
   text-transform: uppercase;
   color: rgb(75,75,255);}

h3 {font-size: 85%;
   text-decoration: underline;
   margin: 0.5em 3em 1em 3em;
   color: rgb(150,0,255);}

.name {font-size: 10pt;
	 font-weight: bold;
	 line-height: 0.85;
	 color: rgb(175,175,175);}
	 
.update {font-size: 9pt;
	 line-height: 0.5;
	 color: rgb(175,175,175);}

.number {font-size: 8pt;
	 font-weight: bold;
	 color: rgb(75,75,255);}

.comments {font-size: 9pt;
	 color: rgb(175,175,175);}

.location {font-size: 7pt;
	 font-weight: bold;
	 color: rgb(75,75,255);}
	 
p, h3 {line-height: 1.25;
   margin: 0.5em 3em 1em 3em;}

a {color: rgb(230,170,150);
   text-decoration: none;}

a:visited {color: rgb(140,105,85);}

a:hover {color: rgb(225,205,150);}

div#note {position: absolute; 
   top: 13.33em; 
   right: 50px; 
   width: 200px;
   height: 204px;
   font-size: 11px; 
   background-color: black; 
   border: 1px solid black;}

.notetop {padding-left: 15px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 5px;
  background-image: url(notetopg.gif);
  background-repeat: no-repeat;
  width: 204px;
  color: #cccccc;}

.notetitle {font-size: 120%;
  padding-left: 40px;
  color: #000000;
  line-height: 130%;}

.notemiddle {padding-left: 15px;
  padding-right: 25px;
  padding-top: 4px;
  padding-bottom: 0px;
  background-image: url(notemiddleg.gif);
  color: #000000;
  width: 165px;
  font-family: arial,sans-serif;
  background-repeat: yes-repeat; }

.notedivider {border-top: 1px #999999 solid;
  height: 1px;
  margin-top: 2px;}

.notebottom {background-image: url(notebottomg.gif);
  width: 204px;
  height: 47px;
  background-repeat: no-repeat; }

.notetext {font-size: 110%;
  color: #000000;
  line-height: 130%;
  font-family: arial,sans-serif;}

textarea.optional {font: 10px Verdana;
   width: 163px;
   background-color: rgb(150,155,165);
   border: 0px gray; 
   color: black;}

.boxbottom {
position: relative;
   margin: auto; 
   text-align: left; 
   padding-bottom: 2em;
   background-image: url(boxbottom.gif);
   background-repeat: no-repeat; 
   width: 100%;
   height: 75px;
   text-transform: uppercase;}

div#footer {position:relative;
   text-align: center;}

div#subquote {margin: 1em 3em 1em 1em; 
   padding: 2px;}

input.required {background-color: rgb(175,175,175);
   border: 0; 
   width: 125px;}

input.optional {background-color: rgb(175,175,175); 
   border: 0; 
   width: 375px;
   margin-left: 5em;}

textarea.required {background-color: rgb(175,175,175);
   border: 0; 
   margin-left: 5em;}

div#buttons {margin-left: 11em;}