* {
  font-size: 8pt; 
  font-family: arial, san-serif;
}
body {
  font: 1.25em arial, helvetica, sans-serif;
  font-size: 8pt "Times New Roman", TimesNR, Times, serif;
}
	
br {display:none}

h1 {
  font-size: 12pt;
}

h2 {
  font-size: 10pt;
}

#heading {
	display: none;
}

pre {   /* Yellow code box */
  font-family: Courier, mono;
  font-size: 9pt;
  font-weight: bold;
  color: #003399;
  border-left : solid 6px #ffcc00;
  border-right : solid 6px #ffcc00;
  border-top: solid 1px #ffcc00;
  border-bottom: solid 1px #ffcc00;
  padding : 5px;
  margin: 0 5px 0 5px;
  background: url(pre.jpg) top left repeat-y;
  width: auto;
}

code { 
  margin: 0;
  padding: 0;
  display: inline;
  font-family: monospace;
  background: none;
  border: none;
  color: black;
  white-space: none;
  line-height: 9pt;
}

    
em {
  font-weight: bold;
  font-style: normal;
  color: maroon;
}
	

.pencil {
  background: #f0f0f0 url(code.gif) left top repeat-y;
  border: 1px solid #ccc;
  color:#333;
  display:block;
  margin: 20px 25px;
  padding: 10px 10px 10px 35px;
  white-space:pre;
}

img {
float: left;
margin 1em 1em 1em 0;
display: none;
}