body { 
  background-color: #DDD;
  font-family: serif;

}

div#outer { 
  background-color: #FFF;
  max-width: 1200px;
  margin: 0px auto;
}

div#mainCol { 
  background-color: #FFF;
  padding: 2px 2px;
  border-color: white;
  border-style: solid;
  margin-left:210px;
}

div#headerBar { 
  /*background-color: #AAF;*/
  background-image: url( "/images/pan3.png" );
  margin: 5px auto 0px auto;
  border-width: 2px 2px 0px 2px;
  border-color: white;
  border-style: solid;
  padding: 2px;
  height: 80px; 
}

div#main { 
  margin: 5px auto 0px auto;
  border-width: 2px 2px 0px 2px;
  border-color: white;
  border-style: solid;
  padding: 2px;
  min-height: 600px;
}

div#headerBar a { 
  font-size: 16px;
  font-weight: bold;
}

div#headerBar h1 { 
  font-family: Monospace;
  font-size: 32px;
  margin: 0px;
}

div#tabBar { 
  background-color: #DDF;
  margin: 0px auto 0px auto;
  border-width: 2px 2px 1px 2px;
  border-color: white;
  border-style: solid;
  padding-left: 2px;
  padding-top: 2px;
  min-width: 500px;
}

div#footerBar { 
  /* background-image: url( "/images/pan1.png" ); */
  background-color: #CCC;
  margin: 0px auto;
  border-width: 2px 2px;
  border-color: white;
  border-style: solid;
  min-height: 12px;
  clear: both;
}

.error { 
  color: red;
}

/* gallery css */
div#children { 
  border-width: 2px;
  border-color: #228;
  border-style: solid;
  padding: 2px 5px;
  margin: 2px 5px;
  background-color: #CCF;
  overflow: auto;
}

div#children h1 { 
  border-width: 0px;
  margin: 4px 8px;
  font-size: 24px;
}

div#children div.child { 
  border-width: 1px;
  border-color: #002;
  border-style: solid;
  background-color: #FFF;
  margin: 8px 4px;
  width: 200px;
  min-height:20px;
  float: left;
  text-align: center;
}


div#children table { 
  margin: 2px auto;
}

div#children td { 
  text-align: center;
}

div#children p { 
  margin: 6px 4px;
}

div.gallery { 
  border-width: 2px;
  border-color: #228;
  border-style: solid;
  padding: 2px 5px;
  margin: 2px 5px;
  background-color: #CCF;
  overflow: auto;
  margin: 4px auto;
  
}

div.gallery h1 { 
  border-width: 0px;
  margin: 4px 8px;
  font-size: 24px;
}

div.gallery div.image { 
  border-width: 1px;
  border-color: #002;
  border-style: solid;
  background-color: #FFF;
  margin: 8px 4px;
  width: 200px;
  height:160px;
  float: left;
  text-align: center;
}

div.gallery table { 
  margin: 2px auto;
}

div.gallery td { 
  text-align: center;
}

div.gallery p { 
  margin: 6px 4px;
}

div#viewer { 
  text-align: center;
}