html {
  background: #200;
  border-color: #fc9; 
  }

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

p {
  background: transparent; 
  }


h1, div {
/*  border-color: #000; */
  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: #eec;
  background: #966; */
  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.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;
  }