/* CSS Document */
body {
  background-color: #ffffff;
  color: #000;
}
a:link {
  color: #00c;
  background-color: transparent;
}
a:visited {
  color: #000000;
  background-color: transparent;
}
a:hover {
  color: #000083;
  background-color: transparent;
}
img {
padding-left: 20px;
padding-bottom: 20px;
}

html {
  margin: 0;
  padding: 0;
}
body {
  background-color: #ffffff;
  color: #000;
  margin: 0;
  padding: 0;    
}
h1 {
  background-color: #000088;    
  color: #ffffff;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.main {
  border-top: thin solid #7d5500;
  border-bottom: thin solid #7d5500;
  margin: 0;
  padding: 0;
  color: #000;
  background: #f8f8ff;

}
.content {
  width: 75%;
  float: right;
  margin: 0;
  padding: 1% 2%;
}
.sidebar {
  padding: 1%;
  margin-right: 73%;
  font-size: 90%;
  font-weight:bold;
  text-decoration:underline;

}
* html .sidebar {
  height: 1%;       
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin: 0;
}
.footer {
  background-color: #000088; 
  color: #ffffff;
  margin: 0;
  padding: 1% 2%;
}

/* topnav */
	#topnav {
		margin: 0;
		padding: 0;
		background: #333 none;
		color: #fff;
		font-size: 85%;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		padding: 6px 0;
		font-weight: lighter;
		text-align:  center;
		}
	#topnav ul {
		margin: 0;
		padding: 0 0 0 200px;
		list-style: none;
		}
	#topnav ul li {
		float: left;
		/* margin: 0 22px 0 0; */
		margin: 0 1.5em 0 0; /* fixes the topnav width issue---breaking to two lines--in IE7/PC and Firefox/PC */
		padding: 0;
		display: inline;
		}
	#topnav a {
		text-transform: uppercase;
		padding-bottom: 22px;
		padding-left: 4px;
		padding-right: 4px;
		}
	#topnav a:link {
		color: #dfdfdf;
		text-decoration: none;
		}
	#topnav a:visited {
		color: #dfdfdf;
		text-decoration: none;
		}
	#topnav a:hover {
		color: #fff;
		text-decoration: none;
		background: transparent url(/_resources/images/nav-arrow.gif) no-repeat 50% 100%;
		}
	#topnav a:active {
		color: #fff;
		text-decoration: none;
		background: transparent url(/_resources/images/nav-arrow.gif) no-repeat 50% 100%;
		}
		
			.clear {
		height: 0;
		clear: both;
		line-height: 0;
		margin: 0;
		padding: 0;
		}

<!-- protect other browsers from IE6's quirks -->
<!--[if IE 6]><style type="text/css" title="Site default">
h1, .sidebar {position:relative}</style><![endif]-->