/*
@media screen, projection, print {
 exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  background-color: #fffaf0;
  color: #000;
  font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.wrapper {
  margin: 1% 0%;
  padding: 0;
  border: thin solid #7d5500;
}
h1 {
   /*background-color: #0000ff;    different color than content */
  color: #7d5500;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.main {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: thin solid #7d5500;
  border-bottom: thin solid #7d5500;
  color: #000;
  background-color:#ffffff;
/*  background: #fff5e1 url(images/2col-bg3.png) 25% 0 repeat-y;
 background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}
.content {
/*  width: 67%; */
  width: 75%;
  float: right;
  margin: 0;
  padding: 1% 2%;
  background-color: #FFFFFF;
}
.sidebar {
/*  margin-right: 73%; */
  margin-right: 81%;
  padding: .5em 1% .5em 1%;
  font-size: 90%;
  background-color: #000080;
}
.sidebar form {
  border: 0;
}
.sidebar input {
  font-size:1em;
  width: 80%;
  height:1.2em;
}
.sidebar p {
  font-size:1em;
  margin: 0 0 0 0;
  color:#80FF00;
}
.sidebar h2 {
  margin: .2em 0;
  color:#00FFFF;
}
.sidebar ul{
	list-style-type: none;
	margin-left:.5em;
	color:#80FFFF;
}
.sidebar li{
	background-image: none;
	padding: 0em;
}
.sidebar a:link  {
  color: yellow;
  background-color: transparent;
}
.sidebar a:visted {
  color: yellow;
  background-color: transparent;
}
.sidebar a:hover {
  color: red;
  background-color: transparent;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background-color: #99CCFF;
  color: #000080;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
  text-align:center;
  font-size:.8em;
}
.logos {
  background-color: #0000ff;
}
.logos h1 {
  color: yellow;
  margin: 0;
  padding: .2em 2%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:3em
}
.logos ul {
	margin: 0em;
	padding: .3em;
	display: inline;
 /* background-color:red;*/
}
.logos li {
  list-style: none;
/*  display: inline; */
/*  float: left; */
	display: inline;
  padding: .5em 1em .5em 2em;
/*  background-color:red;*/
}
.logos span {
	display:inline;
	text-align:right;
	float:right;
	color:yellow;
	background-color:#0000ff;
	width:100%;
	font-size:.7em;
}
.logos a:link {
  color: #80FFFF;
  background-color: transparent;
}
.logos a:visted {
  color: #80FFFF;
  background-color: transparent;
}
.logos a:hover {
  color: red;
  background-color: transparent;
}
a.banner:link {
	color:yellow;
}
a.banner:hover {
	color:yellow;
}
a.banner:visited {
	color:yellow;
}
/*}  end media rules */