body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333333;
	background-color: #fff;
	background-image:url(images/bgg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	}

#container {
	vertical-align: top;
	margin: 0em auto;
	width: 900px;
	text-align: left;
	background-color: #f4f4f2;
	background-image:url(images/orbdlt.gif);
	background-position:left;
	background-repeat:repeat-y;
	border: none;
	z-index: 1100;
	}
			
#content  {
	position: relative; /* cjl cf absolute */
	z-index: 1010;
	top: 0;
	clear: right;
	float: left;
	width: 750px;
	background-color: #f4f4f2;	
	background-image:url(images/orbdrt.gif);
	background-position:right;
	background-repeat:repeat-y;
	border: none;
	}

#menu	{
	position: relative; /* cjl cf absolute */
	z-index: 1020;
	left: 0;
	top: 0;
	clear: left;
	float: left;
	width: 150px;
	background-color: #F4F4F2;
	}	
p {
	/* cjl font-size: 13px; */
	line-height: 22px;
	list-style-type: none;
	font-size: 100%;
	padding-left: 20px;
	padding-right: 20px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #332E06;
	}
h2 {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0;
	margin-right: 20px;
	margin-left: 20px;
	font-variant: normal;
	color: #332E06;
	}
h3 {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	font-style: italic;
	margin-right: 20px;
	margin-left: 20px;
	color: #332e06;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 20px;
	margin-left: 20px;
	color: #332e06;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
	
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
	
a {
	text-decoration: none;
	font-weight: bold;
	color:  #a7400d;
	outline: none;
	}
a:visited {
	color:  #a7400d;
	}
a:active {
	color:  #a7400d;
	}
a:hover {
	color: #b97d16;   /* 6b7050;   */
	text-decoration: underline;
	}
	
th.header {
	z-index: 1050;
	margin: 0em auto;
	height: 265px;
	width: 900px;
	background-color: #6b7050;
	border: none;
	background-image:url(images/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}	

td.footer {
	z-index: 1030;
	margin: 0em auto;
	height: 126px; /* short footer 86px;  */
	width: 900px;
	background-color: #6b7050;
	border: none;
	background-image:url(images/foot2.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	}	


p.devnote	{
	font-weight: bold;
	color:#FF0000;
	}

li.devnote	{
	font-weight: bold;
	color:#FF0000;
	}

ul,li {
	padding-left: 20px;
	padding-right: 20px;
	}

li	{
	margin-left:20px;
	}
		
.float {/* element float */
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  color: #fff;
  float: center;
  width: 700px;
  margin: 20px;
  padding: 5px; 
  background: #fff;
  border: 5px double #47596b;
  }

.floatmed {/* element float small box */
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  color: #000;
  float: left;
  width: 100 px;
  margin: 20px;
  padding: 5px; 
  background: #fff;
  border: 5px double #47596b;
  text-align:center
  }
  
.floatsm {/* element float small box */
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  color: #333333;
  float: right;
  width: 35%;
  margin: 20px;
  padding: 0px 5px; 
  background-color: #f4f4f2;
  border: 5px double #a7400d;
  text-align: center;
  }
  
  .floatsm	ul {
  	text-align:left;
	font-size:13px;
	}	
	
.hrsl	{
	width: 75%;
	display: block;
	margin-left: 20px;
	text-align:left;
	}		