/* general style */

body {
  margin:0;
  background-image: url(mainbg.png);
  background-repeat: repeat-x;
  background-color: #EEEEFF;
}

body, table, td {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
}

a img {
  border: 0;
  text-decoration:none;
}

form {
  margin: 0;
}

/* table formats */

td.integer {
  text-align:right;    
}

/* NAVIGATION */
div#navigation {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  float: left;
  position: relative;
  margin-left: 10px;
  width: 16em;              /* menu width */
  min-width: 205px;
  max-width: 620px;
  background-color: white;
  border: 1px solid #C0C0C0;  
  -moz-border-radius: 15px;
  border-radius: 15px;
  z-index: 3;
}

div#navigation span.skiplink {
  display: none;
}

div#navigation ul {
  list-style-type: none; /* get rid of the bullets */
  padding: 0 0 5px 10px;           
  margin:0;              /* no margin for IE either */
}

div#navigation ul ul {
  background: none;
}

div#navigation ul li {
  margin: 0;
  padding: 0;
  display:block;
  max-width: 13.9em;
  min-width: 160px;
}

div#navigation ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #3E3F8F;
  padding: 3px 3px 3px 23px;
  margin:0;
  text-decoration: none;
  height: 2ex;           /* hint for IE, alternatively remove whitespace from HTML */
}

div#navigation ul ul li a {
  margin-left: 0.8em;     /* indent level 1 */
}

div#navigation ul ul ul li a {
  margin-left: 1.6em;     /* indent level 2 */
}

div#navigation li ul, div#navigation li.open li.closed ul {
  display: none;         /* collapse */
}

div#navigation li.open ul {
  display: block;        /* expand */
}
 
div#navigation ul li.open a {
  background-image: url(bullet_open.gif);
  background-repeat: no-repeat;
}

div#navigation ul li.closed a {
  background-image: url(bullet_closed.gif);
  background-repeat: no-repeat;
}

div#navigation ul li.leaf a {
  background-image: url(bullet_leaf.gif);
  background-repeat: no-repeat;
}
 
div#navigation li.active a {
  background-position: 0px -20px;
  color: red;            /* highlight text */
}
 
div#navigation li.active li a {
  background-position: 0px 0px;
  color: #3E3F8F;        /* fix lower levels */
}

div#navigation ul li a:hover {
  color: white;
  background-color: #5354BF; /* rollover effect */
}
/* SERVICE BAR */

#servicebar {
  margin: 0 1.33em 0 24em;
  width: auto;
  max-width: 66.6em; /* font is 75%, so this is 50em / 0.75 = 66.6em */
  min-width: 570px;
  height: 6ex;
  z-index: 2;
  padding: 0 1em 0 1em;
  line-height: 6ex;
  text-align: right;
  vertical-align: middle;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 75%;
}

#servicebar p {
  display: inline;
}

#servicebar a {
  font-family:inherit;
  color:black;
}

/* Google search */
#servicebar form#googlesearch {
  display: inline;
}

#servicebar form#googlesearch input {
  position: relative;
  top: -2px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: 0;
  height: 2ex;
  width: 5em;
  color: #3E3F8F;
}

#servicebar form#googlesearch button {
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: middle;
  font-size: inherit;
}

/* CONTENT */
.warning {
  color: #FF0000;
}

#content {
  margin: 0 1em 0 17em;
  width: auto;
  max-width: 50em;
  min-width: 570px; /* pictures are 550 */
  min-height: 559px;
  z-index: 2;
  padding: 0 0.8em 0.8em 1.5ex;
  border: 1px solid #C0C0C0;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  background-color: white;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: visible;
}

#content p {
  font-family: inherit;
  font-size: inherit;
}

#content a, body#forum a {
  font-family: inherit;
  color: #3E3F8F;
}

#content h1 {
  font-family: inherit;
  font-size: 200%;
  font-weight: bold;
  color: #5354BF;
}

#content h3, body#forum h3 {
  font-family: inherit;
  font-size: 100%;
  font-weight: bold;
  background-image: url(ruler_bg.png);
  background-repeat: repeat-x;
  color: #404040;
  padding: 0.2em 0.5em 0.2em 0.5em;
  margin: 3ex 0 0 0;
}


#content td {
  border: 1px solid #C0C0C0;
  padding: 2px;
}

#content th {
  font-family: inherit;
  font-size: 100%;
  font-weight: bold;
  color: #404040;
  border: 1px solid #C0C0C0;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}

#content table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

#content em {
  font-weight: bolder;
  font-style: normal; /* not italic */
}

#content pre {
  padding: 3px;
  margin: 1ex 0 1ex 0;
  background-color: #D1D1EF;
  border: 1px dashed #5354BF;
  white-space: pre-wrap;
}

#content code {
  white-space: pre-line;
  font-size: 100%;
}

#content tt {
  font-family: Courier,monospace;
}

#content table ul {
  list-style-type: disc;
  margin-left: 0;
  padding-left: 1em;
}

button, input[type="button"] {
  background-color: #5354BF;
  color: white;
  border: 0;
  font-size: 100%;
}

#content a.xmlbutton {
  border: 1px solid black;
  padding: 0 3px;
  font:bold 10px Verdana,sans-serif;
  color: #FFF;
  background: #5354BF;
  text-decoration: none;
  margin: 0;
}

/* TOC */
#content ul.toc {
  margin:0;
  padding:5px;
  padding-left: 1.6em;
  border: 1px dashed #5354BF;
  width: 10em; 
  list-style-type: square;
}

#content ul.toc li {
  margin-bottom: 0.3ex;
}

/* Google Ads */

#ads {
  display: none;
  position: absolute; /* left will be corrected dynamically */
  top: 4.7ex;
  width: 160px;
  height: 600px;
  z-index: 1;
}

/* Guestbook */
#content div.guestbookentry {
  font-family: Courier New, Courier, monospace;
  border-bottom: 1px solid #C0C0C0;
}

/* FORUM */

table.forum {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;

}

table.forum tr.zebra1 {
  background-color:#DFDFDF;
}

table.forum tr.zebra2 {
  background-color:#FFFFFF;
}

table.forum span.new {
  color: red;
}

body#forum .subject {
  font-weight:bold;
}

body#forum div.message {
  font-family:Courier New, Courier, monospace;
}

/* Weblog */
#content h3.weblogcaption {
  background-color: inherit;
  color: inherit;
}

#content div.weblogentry {
  padding-left: 10px;
}

#content div.weblogentry .metainfo {
  display: block;
  width: 100%;
  text-align: right;
  color: #808080;
}

#content li.weblogentry .metainfo {
  font-size: 80%;
  color: #808080;
}

#content span.paging {
  color: #808080;
}

#content div.weblogentry div.weblogcomments {
  margin-top: 10px;
  border: 1px dashed #5354BF;
  border-bottom: none;
}

#content div.weblogentry div.weblogcomments div.weblogcomment {
  border-bottom: 1px dashed #5354BF;
  padding: 10px;
}


@media handheld {
  body {
    background-image: none;
  }
  
  div#navigation {
    float: none;
    position: inherit;
    width:auto;
  }
}