body {
   margin:20px 20px 20px 20px;
   padding:0px;
}


.leftcol {
  position: absolute;
  left: 10px;
  top: 50px; 
  width: 190px;
  background: #fff;
}
      
.centercol {
  background:#fff;
  margin-top: 50px;
  margin-left: 201px;
  margin-right:201px;
}

.centercol-wide {
  background:#fff;
  margin-top: 50px;
  margin-left: 201px;
  margin-right:61px;
}
	
.rightcol {
  position: absolute;
  right:0px;
  top:50px; 
  width:210px;
  background:#fff;
  /* border:1px solid #000; */
}

#clmBanner {
  border:1px solid #ffcc99;
  width: 160px;
}

A:link {
  text-decoration: none;
  color: #006699;
}

A:visited {
  text-decoration: none;
  color: #006699;
}

A:hover {
  text-decoration: underline;
}

span.java-class {
  /* border:1px solid #ffcc99; */
  font-family: "Courier New", courier, monospace; 
}

p.quote {
  padding-left: 2em;
  padding-right: 2em;	
}

.code {
  padding-left: 1em;
  padding-right: 1em;	
  border:1px solid #cccccc; 
  font-family: "Courier New", courier, monospace; 
}

.cmd {
 white-space: pre;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background:#eee;
  font-family: Courier, "MS Courier New", Prestige, Everson Monocourrier, monospace;
  padding-bottom: 0.5ex;
  padding-top: 0.5ex;
  padding-left: 2ex;
}

.source { 
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  background:#eee;
  font-family: Courier, "MS Courier New", Prestige, Everson Monocourrier, monospace;
  padding-bottom: 0.5ex;
  padding-top: 0.5ex;
  padding-left: 1ex;

  margin-left: 0ex;
  margin-top: 0.5ex; 
  margin-bottom: 0.5ex; 
  white-space: pre;
}


.z {
  font-size: larger;
  font-weight: bolder;
  border:1px solid #000;
  background:#FFCC99;	
  padding-left: 1ex;
  padding-right: 1ex;	
  padding-top: 1ex;
  padding-bottom: 1ex;	
  width: 300px;
  margin-left: 1ex;
  margin-right: 1ex;
  float: right;	
  display: inline;
}

/* 
.z:first-letter { 
  font-size: 200%;
  float: left;
}
*/


#left {
  position: absolute;
  left: 0px;
  width: 15em;
  margin: 4px 0px 0px 4px; 
  padding: 0px;
  font-size: 80%;
  background-color: #ffffff;
}

/* MENU ================================ */
.menuGroup {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  color: #564b47;
  border: 1px solid #cccccc;
}

.menuGroup a {
  display: block; 
  width: 95.5%; 
  margin: 0px; 
  padding: 2px; 
  border: solid 1px #FFFFFF; 
  color: #0066cc; 
  text-decoration: none;
}

.menuGroup a:hover {
  border: solid 1px #FFFFFF; 
  background-color: #3333CC; 
  color: #ffffff;
}


.menu_header, .menu_item, .menu_separator {
  font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: smaller;
}

.menu_header {
  border:1px solid #AAAAAA;
  background: #CCCCCC; 
  padding-left: 1ex;
}

.menu_header:hover {
  background: #BBB; 
}

.menu_item:hover {
  background: #DDD; 
}

.menu_separator {
  line-height: 4px;
}

.menu_item {
  background: #EEEEEE;
  padding-left: 2ex;
  /* padding-right: 1ex; */
  border-top:   0px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-bottom:1px solid #AAAAAA;
  border-left:  1px solid #AAAAAA;
}


p.menu_header {
  margin: 0px; 
  padding: 2px;
  font-weight: normal; 
  background-color: #ffd0a0; 
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
}

/* =============================================== */

.pub {
  text-align: center;
}

.big {
   font-size: larger;
}

.red {
  color: #E00;
}