.solid
{
  background: url("backgrnd.jpg") repeat fixed;
}

.column
{
  background: url("backgrnd.jpg") repeat-y fixed;
}  

.container
{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.navigation
{
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  overflow: auto;
  height: 100%;
  scrollbar-track-color: #d09050;
  scrollbar-base-color: #c08040;
  scrollbar-arrow-color: #904000;
}

.content
{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 60px 20px 300px;
}

.scroll
{
  overflow: auto;
}

a, a:visited
{
  color: #402000;
  text-decoration: underline;
}

a:hover
{
  background-color: #402000;
  color: white;
  text-decoration: none;
}

.mybutton:link, .mybutton:visited
{
  display: block;
  width: 120px;
  height: 22px;
  margin-left: 60px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  color: #402000;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  font-family: sans-serif;
  text-decoration: none;
  border-width: medium;
  border-color: #f0b070;
  border-style: outset;
  padding: 6px 2px 2px 0px;
}

.mybutton:hover
{
  display: block;
  width: 120px;
  height: 22px;
  margin-left: 60px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  color: #402000;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  font-family: sans-serif;
  text-decoration: none;
  border-width: medium;
  border-color: #f0b070;
  border-style: inset;
  padding: 8px 0px 0px 2px;
}

.top
{
  margin-top: 100px;
}

.thumb
{
  margin: 0px 15px 15px 0px;
  border: 0;
}

h1, h2
{ 
  text-align: center;
  font-family: sans-serif;
}

h3, .center
{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

hr
{
  margin-top: 20px;
}

.indent
{
  margin-left: 40px;
}

.shadow
{
  border: solid black 2px; 
  box-shadow: 5px 5px 5px gray;
}

@media print
{
  .solid {background: white;}
  a {color: black;}
  .navigation {width: 0; visibility: hidden;}
  .mybutton {width: 0; visibility: hidden;}
  .icons {width: 0; visibility: hidden;}
  .icon {width: 0; visibility: hidden;}
  .content {margin-left: 0; padding: 0; height: 100%;}
  .noprint {display: none;}
  .printonly {display: inline;}
  .page {page-break-after: always}
  .scroll {overflow: hidden}
}

@media handheld
{
  .column {background: white;}
  .navigation {position: relative; background: white; width: 100%;}
  .content {margin: 0; padding: 10px;}
  .mybutton, .mybutton:link, .mybutton:visited, .mybutton:hover  
       {display: block; margin: 10px 0px 0px 10px; padding: 5px 0px 5px 0px; width: 160px; text-align: center; border: medium;
    color: #402000; border-color: #402000; text-decoration: none; border-style: solid;}
}