body {
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: #FFF9EA;
  color: #000;
}


.wrapper {
	text-align: left;
  margin: 0px auto;
  padding: 0;
  width: 750px;
  border-right: thin solid #000;
  border-left: thin solid #000;
  border-bottom: thin solid #000;
}

.bg {
	background: url(/img/BG.gif) repeat-y;
	background-position: center;
}

.main {
  clear: both;
  margin: 0;
  padding: 0px 0px 40px 0px;
  border-top: thin solid #000;
  border-bottom: thin solid #000;
  color: #000;
  background: #FFF url(/img/sideBG.gif) 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: 70%;
  float: right;
  margin: 0;
  padding: 1% 2%;
}
.sidebar {
  margin-right: 70%;
  padding: 0;
  font-size: 90%;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
	text-align: center;
  background-color: #fff;  /* same bg color as h1 */
  color: #7d5500;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
}

ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#menu1 {
	width: 175px;
	margin: 0px;
	border-bottom: 1px solid #000;
}
	
#menu1 li a {
	height: 32px;
	display: block;
	padding: 8px 0 0 10px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	background-color: #C8A460;
	border-top: 1px solid #000;  
	border-right: 1px solid #000;
}

#menu2 li a:link, #menu2 li a:visited  {
	color: #000;
	display: block;
	background-color: #A96838;
	padding: 8px 0 0 10px;
}

#menu1 li a:hover, #menu1 li a:hover.current {
	background-color: #A96838;
	padding: 8px 0 0 10px;
}

#menu1 li a.current {
  background-color: #FFF;
	border-right: 1px solid #FFF;  
}

#menu1 li a.topcurrent {
  background-color: #FFF;
	border-top: 0px none #FFF;  
	border-right: 1px solid #FFF;  
}
#menu1 li a.top {
	border-top: 0px none #FFF;  
}

#header {
	background-color: #FFF;
  text-align: right;
  padding: 10px 20px 5px 0;
}  

#header img {
  border: 0;
}

#header a {
  border: 0;
}

#ifpcHeader {
  height: 100px;
  background: url(/img/header.jpg) top left no-repeat;
  border: solid #000 1px;
  border-bottom: solid #000 2px;
}

.headSpace {
	padding: 30px 0px 0px 0px;
	margin 0;
	background-color: #FF;
}

.headBorder {
	padding: 15px 0px 0px 0px;
	margin 0;
	background-color: #F6E1B2;
	border-top: solid #000 1px;
}

h1 {
  font-family: "Trebuchet MS", helvetica, arial, sans-serif;
  margin: 0 0 10px 0;
  font-size: 21px;
  text-shadow: 3px 3px 3px #aaa;
}

h2 {
  font-family: "Trebuchet MS", helvetica, arial, sans-serif;
  margin: 0 0 10px 0;
  font-size: 21px;
  text-shadow: 3px 3px 3px #aaa;
}

.rightImg	{
	float: right;
	clear: right;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	text-align: center;
}

.leftImg	{
	float: left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

#bullets {
	list-style-type: disc;
	color: #9E1300;
	font-variant: normal;
	line-height: 24px;
}

#bullets2 {
	list-style-type: disc;
	color: #9E1300;
	font-variant: normal;
	line-height: 24px;
	padding-left: 50px;
}

#brown {
	color: #9E1300;
}

.below {
	float: left;
}