/* Style Sheet for Comer's Patchwork Atelier
   Last changed 16.9.2009 */

body { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }

/* Heading Sytles */

#head {
  position: absolute; top: 0em; left: 8em; right: 0em;
  color: #FFFF80; background-color: #6699FF;
  height: 3.6em; }

#head h1 { text-align: center; }

#head h2 { text-align: center; }

#head table { margin: auto; }

#head td {
  width: 6em; text-align: center;
  border: 2px solid #804040;
  background-color: #FFC0E0;
  font-size: small;
  padding: 1px 5px; }

#head td#picked { background-color: #D0A0C0; }

#head a { text-decoration: none; color: black; }

#head a:hover { color: red }

/* Page Index Styles */

#index {
  float: left; width: 8em; height: 100%;
  background-color: #6699FF; }

.fix { position: fixed; }

#index p { color: #FFFF80; font-weight: bold; margin: 5px 0.5em ; text-align: right; }

#index legend { color: #FFFF80; font-weight: bold; text-align: right; }

.msg { font-size: small; }

#index td {
  width: 8em; font-size: small; 
  border: 2px solid #804040;
  background-color: #FFFF80;
  padding: 1px 5px; }

#index td#chosen { background-color: #D0D060; }

#index a { text-decoration: none; }

/* Content Styles */

#content {
  position: absolute; top: 3.6em; left: 8em; right: 0em;
  border: 4px solid #6699FF;} 

/* h1 {
  text-align: center;
  margin: 0;
  color: #FFFF00;
  background-color: #6699FF; } */

h2 {
  text-align: center;
  margin: 0;
  color: #FFFF00;
  background-color: #6699FF; }

.hilite2  {
  font-size: large;
  text-align: center;
  margin: 0;
  color: #FFFF00;
  background-color: #6699FF; }

h3 {
  color: #000000;
  font-weight: 500;
  padding-left: 0.5em;
  border-bottom-width: 4px;
  border-bottom-color: #6699FF ;
  border-bottom-style: solid }

#content table { margin: auto; font-size: small; }

#content td {
  background-color: #D8E0E0;
  padding: 0.2em 0.5em ; 
  text-align: center; }

#content table.padded td { padding: 1em; }

#content table.pics td { margin: 1px; padding: 5px; }


/* General text related styles */

#content p { margin: 0.5em; }

p.remarks {
  font-size: 8pt;
  text-align: center;
  margin: 0em; }

#content p.warning {
  text-align: center;
  margin: 20px;
  border: 4px solid red;
  padding: 1em; }

a:hover { color: red }