html {
  background: Scrollbar;
  border-color: Scrollbar; 
  }

body, div, p, address {
/* overspecified to help Netscape 4 */
  color: WindowText; background: Window; 
  font: 1em/1.4 Cambria, Georgia, serif;
  }

p {
  background: transparent; 
  }


/* **** Hide color section **** */
/*h1, div {
  border-color: #fc9; 
  }

h2 {
  color: #fc9; 
  }

p.tagline {
  color: #fc9; 
  }

h3 {
  color: #fc9;  
  }

a:link {
  color: #ff0; background: transparent; text-decoration: none;
  }

a:visited {
  color: #dd6; background: transparent; text-decoration: none;
  }

a:hover {
  color: #fff;
  background: #c96; 
  border-bottom: thin solid #800;
  }

body {
  background: #200 url(../img/operaskin-opcol.gif) -30px 0px no-repeat fixed; 
  }

html>body h1, html>body div
{*/
/* Netscape 4 and MSIE don't put the darkened background image in the right place, so I hide it for them.  */
/* It should also be hidden for Opera 5/6, but those users have to upgrade to Opera 7 :-) I don't know how to hide for 5/6 only. */
/*  background: #800 url(../img/operaskin-200.gif) -30px 0px no-repeat fixed;
  }
*/

kbd {
color: #333333;
background-color: #EFEFEF;
font-family: "Verdana";
font-weight: normal;
font-size: 80%;
text-align: center;
border-top: 2px double #CFCFCF;
border-left: 3px solid #BABABA;
border-right: 4px solid #AAAAAA;
border-bottom: 6px solid #909090;
padding-left: 0.2em;
padding-top: 0em;
padding-right: 0.2em;
padding-bottom: 0em;
line-height: 1.6em;
vertical-align: top;
}

div.dnd a[href] {
  font-size: small;
  font-weight: normal;
  text-decoration: none;
  background: Menu !important;
  color: MenuText !important;
  padding: 0px 4px 1px;
  border: outset 2px Menu;
  white-space: nowrap;
}

.dnd table {margin-bottom: 1em; width: 90%;}
.dnd col {width: 30%;}
.dnd col+col {width: 60%;}
.dnd td {vertical-align: middle; text-align: left;}
.dnd th {vertical-align: middle; text-align: center;}

a[target=preview], a[rel=sidebar] {
  font-size: small;
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: normal;
  text-decoration: none;
  background: Menu !important;
  color: MenuText !important;
  padding: 0px 4px 1px;
  border: outset 2px Menu;
  }

/* styles for menus *************************************************/
table.mainmenu, table.menu {
border-spacing: 0;
empty-cells: show;
margin-left: 2em;
}
table.menu th, table.menu td, table.mainmenu th {
text-align: left;
font-weight: normal;
vertical-align: top;
white-space: nowrap;
}
table.menu th {
font: menu;
color: MenuText;
background-color: ThreeDFace;
border: none;
border-left: 2px outset ThreeDLightShadow;
border-right: 2px ridge ThreeDDarkShadow;
padding: 0.15em 1em 0.15em 1em;
white-space: nowrap;
}
table.mainmenu th {
padding: 4px;
border: none;
}
.mainmenu {
font: menu;
color: MenuText;
background-color: ThreeDFace;
/*padding: 0em 0.5em 0em 0.5em;*/
}
table.mainmenu a:link {color: inherit; background: inherit;}
table.mainmenu a:visited {color: inherit; background: inherit;}

table.menu th.sub {padding-left: 3em;}
table.menu th.sub2 {padding-left: 4.5em;}
table.menu tr.maketop th {
border-top: 2px outset ThreeDLightShadow;
padding: 0;
line-height: 0;
}
table.menu tr.makebottom th {
border-bottom: 2px ridge ThreeDDarkShadow;
padding: 0;
line-height: 0;
}
table.menu tr.makesep th {
border-top: 2px groove ThreeDLightShadow;
padding: 0;
line-height: 0;
}
table.menu tr.makesep td {
border-top: 1px dotted black;
padding: 0;
line-height: 0;
}

/* fixed links list bottom left */

/*.links {
  border-color: #ff0;
  }

.links span, .links a:hover {
  color: #ff0;
  background: url(../img/tab_rounded-ff0.gif) no-repeat left top;
  }

.links span, .links a:visited:hover {
  color: #dd6;
  }
*/

pre.example {
  border: thin dotted;
  background: Window;
  color: WindowText;
  font-size: .8em;
  overflow: auto;
}
pre.example.large {
  max-height: 18em; 
}
pre.example.small {
  max-height: 6em; 
}

q:lang(en) { quotes: '\2018' '\2019' '\201C' '\201D';}
q:lang(nl) { quotes: '\201E' '\201D' '\201A' '\2019';}
q:before {content: open-quote;}
q:after {content: close-quote;}

/* below should be integrated above */
h1 {
color: Window;
background: GrayText url("gradient.svg");
text-shadow: 1px 1px 15px WindowText;
border: none;
}

html {
background: Scrollbar url("gradient2.svg");
border: none;
}

body {margin: 5px !important;}

p.tagline {color: Window;}

h2, p.tagline  {
text-shadow: 0px 0px 10px GrayText;
}

a[href] {
color: Highlight;
background: HighlightText;
/*text-decoration: none;
border-bottom: 1px solid Highlight;
}

a[href]:visited {border-bottom: 1px dotted Highlight;*/}

a[href]:hover {
text-shadow: 0px 0px 10px GrayText;
}

address a[href] {color: inherit; background: inherit; border-color: inherit;}

body {font: 1em/1.4 Cambria, Georgia, serif; margin: 0; padding: 1.5em 1em 1.5em 160px;} 
th, td {font: 1em Cambria, Georgia, serif !important;}
h1, p {padding: .5em; text-align: left;}
h1 {font-size: 1.6em; padding: .4em .5em;}
h2 {font-size: 1.2em; padding: .2em .5em 0;}
h3 {font-size: 1.1em; padding: .0em .5em 0;}
h1, h2, h3, h4 {font-family: Candara, Tahoma, sans-serif;}
td {padding: 0.2em 0.4em;}

button.switcher {font-size: x-small; border: outset thin GrayText;}
button.switcher:hover {cursor: pointer;}
button.switcher + button.switcher + button.switcher  + button.switcher {margin-right: 1.6em;}
button.highlight {color: HighlightText; background: Highlight;}
button.reversehighlight {color: Highlight; background: HighlightText;}
button.y2006 {color: white; background: #800;}