body {
  background-color: #DBE8F9;
  font: 10px/14px verdana, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #5A698B;
  margin:10px 0px; /* (top and bottom, right and left) Need to set body margin and padding to get consistency between browsers. */
  padding:0px; 
  text-align:center; /* Hack for IE5/Win */
}
	
#Content {
  width:500px;
  margin:0px auto; /* Right and left margin widths set to "auto" */
  text-align:left; /* Counteract to IE5/Win Hack */
  padding: 10px 10px 30px 10px;  /*(top, right, bottom, left) */
  border:1px dashed #333;
  background-color:#eee;
}

#Notes {
  width:600px;
  color: black;
  margin:0px auto; /* Right and left margin widths set to "auto" */
  text-align:left; /* Counteract to IE5/Win Hack */
  padding: 0px 0px 30px 0px;  /*(top, right, bottom, left) */
  border:1px dashed #333;
  background-color:#ffc;
}

p {
  margin:1em 1em 1em 1em;
  text-align:justify;
  font-family: verdana, tahoma, arial;
  font-size: 10pt;
  line-height: 1.3em;
}

p.notesformat {
  text-align:justify;
  font: 10pt/12pt verdana, tahoma, arial, "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:1em 1em 1em 1em;
  padding: 0px 5px 0px 5px;  /*(top, right, bottom, left) */
}

pre.code {
  font-family: "courier new", serif;
  font-size: 10pt;
  line-height:1.5;
  text-align:justify;
  margin:1em 1em 1em 1em;
  color:green;
}
 
#title {
	width: 500px;
	height: 26px;
	color: #5A698B;
	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	background: transparent url("images/bg_legend.gif") no-repeat;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}
 
form {
	width: 335px;
}
 
.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(images/bg_label.gif) no-repeat;
}
 
.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/bg_textfield.gif) no-repeat;
}
 
div.row {
	clear: both;
	width: 335px;
}
 
.submit {
	height: 29px;
	width: 330px;
	background: url(images/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
} 
 
.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}
 
.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}
 
/*
  color: #131300;
  font-family: verdana, "comic sans ms", verdana, tahoma, arial;
  text-align: justify;
  text-indent: 4em;
  line-height: 1.5em;
  word-spacing: .4em;
  letter-spacing: 0.5em;
  vertical-align: 1cm 5mm;
*/
	font-family: verdana, tahoma, arial;
	scrollbar-face-size: .3em;
	scrollbar-face-color: maroon; 
	scrollbar-arrow-color: orange; 
	scrollbar-base-color: orange;
	scrollbar-darkshadow-color: brown;
	scrollbar-lightshadow-color: yellow;
	scrollbar-shadow-color: yellow;
  	scrollbar-highlight-color: yellow;
  	scrollbar-3dlight-color: peach;
  	scrollbar-track-color: orange;
}

h1, h2, h3, h4, h5, h6, ul, ol, dir, menu, div, dt, dd, address, blockquote, pre, hr {display: block}

h1 {
  padding-top: 0.0em; 
  padding-right: 0.3em;
  padding-bottom: 0.5em;  
  padding-left: 0.3em; 
  font-weight: bold; 
  filter: shadow(color=silver, direction=225); 
  color: navy; 
  letter-spacing: 0.07em; 
  height: 1em; 
  text-align: center;
}
h2 {
  padding-top: 0.0em; 
  padding-right: 0.3em;
  padding-bottom: 0.5em;  
  padding-left: 0.3em; 
  font-weight: bold; 
  filter: shadow(color=silver, direction=225); 
  color: navy; 
  letter-spacing: 0.07em; 
  height: 1em; 
  text-align: center;
}

h3 {
  padding-top: 0.0em; 
  padding-right: 0.3em;
  padding-bottom: 0.7em;  
  padding-left: 0.3em; 
  font-weight: bold; 
  filter: shadow(color=silver, direction=225); 
  color: navy; 
  font-style: normal; 
  letter-spacing: 0.07em; 
  height: 1em; 
  text-align: center;
}

h4 {
  padding-top: 0.0em; 
  padding-right: 0.3em;
  padding-bottom: 0.5em;  
  padding-left: 0.3em; 
  font-weight: bold; 
  filter: shadow(color=silver, direction=225); 
  color: navy; 
   font-style: normal; 
  letter-spacing: 0.07em; 
  height: 1em; 
  text-align: center;
}

h5 {
  padding-top: 0.0em; 
  padding-right: 0.3em;
  padding-bottom: 0.1em;  
  padding-left: 0.3em; 
  font-weight: bold; 
  filter: shadow(color=silver, direction=225); 
  color: navy; 
   font-style: normal; 
  letter-spacing: 0.07em; 
  height: 1em; 
  text-align: center;
}

ul b {
  color:rgb(155,0,0); 
  font-family: verdana, tahoma, arial;
  font-size: 10pt;
}

ol {
  list-style: decimal outside;
  font-family: verdana, tahoma, arial;
  font-size: 10pt;
}

ol b {
  color:rgb(155,0,0);
  font-family: verdana, tahoma, arial;
  font-size: 10pt;
}

blockquote {
  border: dashed 1px red;
  padding: 1em;
  width:500px;
  text-align:justify;
  font-family: verdana, tahoma, arial;
  font-size: 10pt;
  line-height: 1.3em;
}

a {text-decoration: none;}
a:link {font-size: 10pt; color: aqua;}
a:visited {font-size: 10pt; color: navy;}
a:hover {font-size: 10pt; background: yellow; color: blue;}
a:active {font-size: 10pt; color: red;}