body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #333;
	font-family: "Trebuchet MS", sans-serif;
	color: #ddd;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	font-size: 0.8em;
	}
a {
	text-decoration: underline;
	font-weight: bold;
	color:  #ddd;
	}
a:visited {
	color:  #ddd;
	}
a:active {
	color:  #ddd;
	}
a:hover {
	color: #ff9900;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}


/* 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: italic small-caps 25px/160% Impact, sans-serif;
	color: #333;
	margin: 0 0 20px 0;
	border: 2px solid #ccc;
	background: #ff9900;
}
h2 {
	background: #555555 url(32.png) no-repeat 5px;
	font: italic small-caps normal 28px/29px Impact, sans-serif;
	letter-spacing: 1px;
	text-indent: 40px;
	padding:2px;
	margin: 0;
	border-bottom: 1px solid #ff9900;
	border-left: 1px solid #ff9900;
	}
h3 {
   font: italic bold 18px/20px "Trebuchet MS", sans-serif;
	color: #ff9900;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 1px solid #555;
	}
h4 {
   font: italic small-caps normal 22px/24px Georgia, sans-serif;
	color: #ff9900;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: right;
	border-bottom: 1px solid #555;
	}
h5 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #444;
	}
h6 {
	font-size: 12px;
	line-height: 22px;
	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 */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#content {
	float: left;
	padding: 10px 2% 10px 2%;
	margin: 20px 1% 20px 2%;
	background: #666;
	background: url(pattern3.jpg);
	border: 4px ridge #ccc;
	width: 25%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 22%;
	}
html>body #content {
	width:  22%; /* ie5win fudge ends */
	}
#content2 {
	float: right;
	padding: 10px 2% 10px 2%;
	margin: 20px 2% 20px 1%;
	background: #666;
	background: url(pattern3.jpg);
	border: 4px ridge #ccc;
	width: 64%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 61%;
	}
html>body #content2 {
	width: 61%; /* ie5win fudge ends */
	}
ul#Navigation {
   margin: 0px 0px 0px 50px; padding: 0;
	text-align: right;
	font-family: Impact, sans-serif;
	font-size: 28px;
	font-style: italic;
	font-variant: small-caps;
	text-align: right;
	line-height: 32px;
	letter-spacing: 1px;
  }
  ul#Navigation a {
  	color: #cdcdcd	;
	font-weight: normal;
	text-decoration: none;
  }
  ul#Navigation a:hover {
  	color: #ff9900;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0px 0px 0px 10px; padding: 0;
	 border-bottom: 1px dotted #ff9900;
	 
  }
#footer {
      font: 80% Arial, sans-serif;
		text-align: center;
		margin: 4.5em auto 0 auto;
	}