/*
 * $Id: sitestyle-new.css 324 2006-10-01 09:23:10Z timo $
 */
body {
  margin:10px 10px 10px 10px;
  padding:0px;
  color: rgb(0, 0, 0);
  background-color: rgb(102, 102, 102);
  font: "Lucinda Grande", "Lucinda Sans Unicode", Verdana, sans-serif;
}
/*
 * Standard? definitions
 */
p,h1,h2,h3,pre
{
  margin:0px 10px 10px 10px;
}

h1 {
  font-size:  1.5em;
  padding-top:10px;
}

h2 {
  font-size:   1.25em;
  font-weight: bold;
  padding-top: 5px;
}

h3 { 
  font-size: 1em;
}

/*
 * Whole page definition
 */ 
#wholedoc
{ 
  width: 100%;
  margin: 10px auto;
  border: 1px solid #000;
  background-color: #fff;
}
/*
 * Banner - top menu
 */
#banner
{
  background: #dfdfdf;
  width: 100%;
  border-bottom: 1px solid #000;
  voice-family: "\"}\"";
  voice-family: inherit;
}

#banner ul
{ 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#banner ul li
{ 
  display: inline;
}

#banner ul li a
{ 
  text-decoration: none;
  padding: .1em 2em;
  border-right: 1px solid #000;
}

#banner ul li.selecteditem
{ 
  padding: .1em 2em;
  background-color: #ff9900;
}

#banner a:hover
{ 
  color: #000;
  background-color: #ff9900;
}

/*
 * LHS menu box
 */
#leftcontent
{
  float: left;
  width: 23%;
  background: rgb(102,102,102);
}
/*
 *  Used in leftcontent only, display the submenues
 */
#leftcontent ul
{ 
  background-color: #ccc;
  color: #fff;
  font-size: 8pt;
  border-bottom: 1px solid #fff;
  list-style-type: none;
  margin: 0;
  padding-left: 2em;
  padding-bottom: 1em;
}

#listbox
{ 
  background-color: #ccc;
  border: 3px solid #fff;
}

#leftcontent ul li a:link
{
  text-decoration: none;
  color: #333333;
}

#leftcontent ul li a:hover
{ 
  color: white;
  background-color: #ff9900;
  text-decoration: underline;
}

#leftcontent ul li.selecteditem
{
  font-weight: bold;
  color: #ff6600;
}

#leftcontent h1
{ 
  /*width: 100%;*/
  font-weight: bold;
  color: #333333;
  background-color: #ccc;
  border-bottom: 1px dotted #333333;
  font-size: 8pt;
}
/*
 * Grr. If that isn't here the layout gets all screwed up.
 */
/*html>body #someoldstuff {  }*/
/*
 * Main content - rhs column
 */
#centercontent
{ 
  margin-left: 24%;
  border-left: 1px solid #000;
  background-colour: #fff; 
}
/*
 * Picture-gallery type main content
 */
#centercontent-gallery
{
  border-left: 1px solid #000;
  margin-left: 24%;
  margin-right: 1%;
}

#centercontent td {
  font-size: 12pt;
  background-color: silver;
}

#centercontent td.linkcolumn
{
  vertical-align: top;
  width: 25%;
}

#centercontent h2
{ 
  width: 100%;
  margin-left: 1%;
  background-color: silver;
  /*font-weight: 200;*/
  /*font-size: larger;*/
  font-size: 1.25em;
}

#centercontent h2.linklist {
  background-color: #fff;
  font-size: 14pt;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: underline;
}
/*
 * Bog-standard main content paragraph
 */
#centercontent p
{
  font-size: 12pt;
  text-align: justify;
}

#centercontent p.quoted
{
  font-size: 12pt;
  font-style: italic;
  margin-left: 5%;
}

#centercontent p.back
{
  text-align: right;
  font-variant: small-caps;
  font-size: 10pt;
}

#centercontent p.back:hover
{ 
  background-color: #ff9900;
}

#centercontent a.topic
{
  margin-left: 2%;
  font-size: 12pt;
}
/*
 * left- and right-aligned images
 */
#centercontent img.left-floating
{
  float: left;
  margin-right: 1%
}

#centercontent img.right-floating
{
  float: right;
  margin-left: 1%
}

#centercontent div.imgbox
{ 
  margin-left: 5px;
  border: 1px solid #333;
  background-color: silver;
}

#centercontent div.image
{ 
  float: left;
  margin: 1%;
}

#centercontent td.image
{ 
  background: silver;
  padding: 3px 3px 3px 3px;
}

#centercontent h3.topics
{ 
  font-size: 1em;
  padding-top: 5px;
  width: 100%;
  background-color: silver;
}

#centercontent a.topic:link
{ 
  color: #330000;
  font-size: 10pt;
  text-decoration: none;
}

#centercontent a.topic:hover
{
  background-color: #ffbb00;
  text-decoration: underline;
}

#centercontent em
{ 
  font-style: italic;
}

#centercontent ul li.entry
{ 
  display: inline;
}

#picturewindow { 
  background-color: rgb(0,0,0);
}

#picturewindow img
{ 
  margin-left: 1em;
  margin-right: 1em;
  vertical-align: middle;
}
/*
 * Copyright and last-updated footer
 */
#footer
{
  clear: both;
  margin: 0;
  height: 20px;
  padding: .5em;
  border-top: 1px solid #000;
  background-color: rgb(204,204,204);
  color: #000;
  font-size: 9pt;
}

#copyright
{ 
  float: left;
  text-align: left;
}

#lastupdate
{ 
  float: right;
  text-align: right;
}

#rhs-picture
{ 
  float: right;
  margin: 1%;
  padding: .5em;
  background-color: rgb(204,204,204);
}

#rhs-picture p
{ 
  font-size: 7pt;
}

#centercontent-gallery div.imgbox
{ 
  margin-left: 5px;
  margin-right: 5px;
  background-color: silver;
  
}

#centercontent-gallery div.image img
{ 
  float: left;
  margin: 1%;
  border: 5px solid white;
}