body { padding: 1em 1em 2em 20px; margin: 0; font: 105% arial, 'comic sans ms', sans-serif; color: black; background: white url(http://www.chambec.com/1and1.jpg) repeat; }
:link { color: #00C; background: transparent; }
:visited { color: #609; background: transparent; }
a:active { color: #C00; background: transparent; }
a:link img, a:visited img { border-style: none; } /* no border on img links */
a img { color: white; background: transparent;}        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; background: transparent; }    /* undo the color change above */
}

th, td { /* ns 4 */
  font-family: arial, 'comic sans ms', sans-serif;
}

br { clear: both; }

h1, h2, h3, h4, h5, h6 { text-align: left; }
/* background should be transparent, but WebTV has a bug */
h1, h2, h3 { color: #000000; background: transparent; }
h1 { font: 130% arial, 'comic sans ms', sans-serif; }
h2 { font: 120% arial, 'comic sans ms', sans-serif; }
h3 { font: 110% arial, 'comic sans ms', sans-serif; }
h4 { font: bold 100% arial, 'comic sans ms', sans-serif; }
h5 { font: italic 100% arial, 'comic sans ms', sans-serif; }
h6 { font: small-caps 100% arial, 'comic sans ms', sans-serif; }

.hide { display: none; }

div.head { margin-bottom: 1em; }
div.head h1 { margin-top: 2em; clear: both; }
div.head table { margin-left: 2em; margin-top: 2em; }

p.copyright { font-size: small; }
p.copyright small { font-size: small; }

@media screen {  /* hide from IE3 */
a[href]:hover { background: #ffa; text-decoration:underline overline; }
}


pre { margin-left: 2em; }
/*
p {  margin-top: 0.6em; margin-bottom: 0.6em;}
*/
dl, dt {
margin-left: 1em;
padding: 0;
list-style-type: none;
}


dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


dt, dd { margin-top: 0; margin-bottom: 0; } /* opera 3.50 */
dt { font-weight: bold; }

pre, code { font-family: monospace; } /* navigator 4 requires this */

ul.toc, ol.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90; }
  .hide { speak: none; }
  p.copyright { volume: x-soft; speech-rate: x-fast; }
  dt { pause-before: 20%; }
  pre { speak-punctuation: code; } 
}

body 
select { font-family: arial, sans-serif; font-size: 97% }
optgroup { font-family: arial, sans-serif; font-size: 97% }
.ns { text-align: center; font-family: arial, sans-serif; font-size: 150%; font-weight: bold; }
.pi  { margin-left: 40px; margin-right: 40px }
.pc  { text-align: center }
.pcb  { text-align: center; font-size: 130%; }
.pcc  { text-align: center; }
.lde { text-align: center; margin-left: auto; margin-right: auto; }
.ld { text-align: center; margin-left: auto; margin-right: auto; width: 75%; }
.ld1 { color: black; background-color: #87CEFA; margin-left: auto; margin-right: auto; }
.ld2 { font-size: 90%; width: 358px; }
.ld3 { padding-left: 2em; width: 2px; }
.ld4 { width: 20px; }
.big { font-size: large; }
.cinter { text-align: center; }
.bl { color: blue; background: transparent; }
.rd { color: red; background: transparent; }
.blc { color: blue; background: transparent; text-align: center; }
.wd { width: 42px; }
.max  { color: #FF0000; background: transparent; }
.maxy  { color: #009900; background: transparent; }
.seeit { border-style: groove; border-width: thick; background-color: #FFFBC6; }

.mex  { font-weight: bold; color: #ffffff; background: transparent; font-size: x-large;}
.mex1  { font-weight: bold; color: #ffffff; background: transparent; font-size: small;}
.mex2  { font-size: x-large; color: black; background: transparent; text-align: center;}
.mex3  { font-weight: bold; color: #ffffff; background: transparent; font-size: x-small; text-align: center; font-style: italic}
.mall  { table-layout: fixed; text-align: center; }
.mall1  { background-color: #8B5A2B; color: #ffffff; font-weight: bold; }
.mall2  { background-color: #CDAA7D; color: #ffffff; font-weight: bold; }
.mall3  { width: 50%; }
.mall4  { text-align: center; margin-left: auto; margin-right: auto; }
.mall5  { font-size: 66%; color: black; background: transparent; text-align: center; }
.mell { text-align: left; font-weight: bold; color: black; background: yellow; display: block; border: 1px solid gray; margin: 0 0 0 0; padding: 0 0 0 0;}
.mell1 { text-align: left; font-weight: bold; color: black; background: #DDD790; display: block; font-size: 85%; border: 1px solid gray; margin: 0 0 0 0; padding: 0 0 0 0; }
.amaz  { color: blue; background-color: #EEEECC; table-layout: fixed; }
.wont  { color: black; background-color: #FFFFFF; table-layout: fixed; }
.wont1  { color: black; background-color: #FFFFFF; }
.copyright { font-size: 65%; text-align: left;}
.estate { font-size: small; text-align: center;}
#rightmenu3 { margin: 0.5em 0.5em 1em 0; padding: 1px 1px 5px 1px; color: #111; background: #fff; }
#rightmenu3 { border: solid 2px #ff8800; }
#rightmenu3 h4 { background: #ffcc00; }
#rightmenu3 p { margin: 0; padding: 0.5em 0.7em 0 0.7em; }
#rightmenu3 p.nobg { background: none; }

#rightmenu3 p.bot { margin: 0; padding: 0.7em; }
#rightmenu3 p.bot a, #rightmenu p.bot em { display: block; line-height: 1.4em; }
#rightmenu3 { font-family: verdana,sans-serif; font-size: 100%; }

#rightmenu3 li { margin: 0; padding: 0; }
.tw { width: 200px; table-layout: fixed; }
.ct { color: #000000; background-color: #FFFFFF; border: #000000 1px solid; table-layout: fixed; }
.ch { font-family : Arial,sans-serif; color : #000000; background-color: transparent;  font-weight: bold;padding:0 7px 0 0; table-layout: fixed; }
.sc { font-family : Arial,sans-serif; color : #000000; background-color: transparent; padding:0 7px 0 0; table-layout: fixed; }
a.ch { font-family : Arial,sans-serif; color : #3300FF; background-color: transparent;  font-weight: bold;padding:0 7px 0 0; }
a.sc { font-family : Arial,sans-serif; color : #3300FF; background-color: transparent; padding:0 7px 0 0; }
a.ch:VISITED {  font-family : Arial,sans-serif; color : #660099; background-color: transparent;  font-weight: bold; padding:0 7px 0 0; }
a.sc:VISITED { font-family : Arial,sans-serif; color : #660099; background-color: transparent;  padding:0 7px 0 0; }
a.ch:HOVER { font-family : Arial,sans-serif;  color : #3300CC; background-color: yellow; text-decoration: underline; padding:0 0 0 7px;font-weight: bold; }
a.sc:HOVER { font-family : Arial,sans-serif; color : #3300CC; background-color: yellow; text-decoration: underline; padding:0 0 0 7px;font-weight: bold; }
A:hover {background: #ffa;color:#3300CC;font-weight:bold;text-decoration:underline overline;}
A.Comlink:hover {color:#3300CC;background: #ffa;font-weight:bold;text-decoration:underline;}

#menu { position: relative; left: auto; z-index:100; width: 100%; /* precision for Opera */ }
#menu dl { float: left; width: 21em; text-decoration: none; }
#menu dt { cursor: pointer; text-align: center; font-weight: bold; background: yellow; border: 1px solid gray; margin: 1px; }
#menu dd { display: block; border: 1px solid gray; text-decoration: none; }
#menu li { text-align: left; background: #fff; text-decoration: underline; }
#menu li a, #menu dt a { color: #000; background-color: transparent;  display: block; height: 100%; border: 0 none; text-decoration: none; }
#menu li a:hover, #menu dt a:hover { background: #eee; text-decoration: none; }