body {
  margin: 0px 100px 0px 100px;
  background-color: #314e6c;
  font-family: 'Bitstream Vera Sans',Verdana,sans;
}

#page {
  position: absolute;
  top: 10px;
  left: 40px;
  margin: 0px;
  background-color: white;
}

#banner {
  position: absolute;
  top: 13px;
  left: 22px;
  width: 705px;
  height : 141px;
  background-color: white;
  background-image: url("images/banner.gif");
  background-repeat: no-repeat;
}

#page_border_up { 
  position: absolute;
  top: 0px;
  left: 22px;
  width: 710px;
  height : 13px;
  background-image: url("images/top.gif");
  background-repeat: repeat-x;
}

#page_border_left { 
  position: absolute;
  top: 72px;
  left: 0px;
  width: 22px;
/*   height : 100px; */
  background-image: url("images/bbb.gif");
  background-repeat: repeat-y;
  border-right: 1px solid #cccccc;
}

#page_border_right { 
  position: absolute;
  top: 72px;
  left: 727px;
  width: 22px;
/*   height : 100px; */
  background-image: url("images/bbb.gif");
  background-repeat: repeat-y;
  border-left: 1px solid #cccccc;
}

#page_corner_left_up { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height : 72px;
  background-image: url("images/clu.gif");
  background-repeat: no-repeat;
  border-right: 1px solid #cccccc;
}

#page_corner_right_up { 
  position: absolute;
  top: 0px;
  left: 727px;
  width: 22px;
  height : 72px;
  background-image: url("images/cru.gif");
  background-repeat: no-repeat;
  border-left: 1px solid #cccccc;
}

#page_border_down { 
  position: absolute;
/*   top: 0px; */
  left: 22px;
  width: 710px;
  height : 20px;
  background-color: white;
  background-image: url("images/bottom.gif");
  background-repeat: repeat-x;
  border-top: 1px solid #cccccc;
}

#page_bottom_patch { 
  position: absolute;
  left: 0px;
  width: 710px;
  height : 200px;
  background-color: white;
}

#page_corner_right_down { 
  position: absolute;
/*   top: 0px; */
  left: 727px;
  width: 22px;
  height : 145px;
  background-image: url("images/crd.gif");
  background-repeat: no-repeat;
  border-left: 1px solid #cccccc;
}

#page_corner_left_down { 
  position: absolute;
/*   top: 0px; */
  left: 0px;
  width: 22px;
  height : 145px;
  background-image: url("images/cld.gif");
  background-repeat: no-repeat;
  border-right: 1px solid #cccccc;
}

#sectionnav {
  position: absolute;
  top: 180px;
  left: 30px;
  width: 100px;
  padding-right: 10px;
  background-image: url("images/navstripe.png");
  background-repeat: no-repeat;
  background-position: top right;  
}

#sectionnav a {
  display: block;
  text-decoration: none;
  color: black;
  padding: 4px;
  font-size: small;
  padding-left: 16px;
}

#sectionnav a:hover {
  color: gray;
  background-image: url("images/go.png");
  background-repeat: no-repeat;
  background-position: center left;
}

#content {
  position: absolute;
  top: 150px;
  left: 23px;
  width: 514px;
/*   height : 141px; */
  background-color: white;
/*   margin: 0px 0px 0px 100px; */
  padding-left: 180px;
  padding-right: 10px;
}

#subtitle {
  position: absolute;
  top: 30px;
  left: 240px;
  color: black;
  font-size: small;
  padding: 2px;
  margin: 0px;
}

h3 {
  border-bottom: 0px solid #cccccc;
}

h4 {
  font-family : Arial, Helvetica, sans-serif;
  text-align: justify;
  font-size : 3;
  font-weight : bold;
  color : #CC3333;
  background-color: #ffffff;
}

p {
  text-align: justify;
  font-size: small;
  font-family : Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #ffffff;
}

pre {
  font-size: small;
  font-family : Courier;
  color: navy;
  background-color: #ffffff;
}

table {
  text-align: justify;
  font-size: small;
  font-family : Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #ffffff;
}

li {
  font-size: small;
  font-family : Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #ffffff;
}

/* unused */

#title {
  position: absolute;
  top: 44px;
  left: 220px;
  font-style: italic;
  padding: 3px;
  margin: 0px;
}

hr {
  color: #023390;
  background-color: #023390;
}
	
kbd {
  font-size: 90%;
  white-space: pre;
}

.screenshot {
  padding: 2px;
  margin: 2px;
  border-bottom: solid 1px #e0e0e0;
}
	
.screenshot .image {
  padding: 5px;
}

.screenshot .description {
  float: right;
  text-align: justify;
  padding: 5px;
  width:60%;
}
		
.navheader {
  margin-top: 50px;
}

code {
  font-family: courier,courier-new,fixed;
  white-space: pre;
}

.note {
  background-color: #ffdb43;
  border: 1pt solid #6e8ae6;
  padding: 4pt;
  margin: 5pt;
}
	
.navbox {
  background-color: #6e8ae6;
  border: 1pt solid #ffdb43;
  padding: 4pt;
  margin: 5pt;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
}

.navbox a {
  color: #ffffff;
}