body {
  margin: 0;
  background-color: #ffffff;
}

.mainContainer {
  width: 760px;
  background-color: #fff;
}
.mainContainerPadding {
  padding: 13px 12px 12px 12px;
} /* This is separate from the class above to work-around IE5 bug */

.header {
  width:736px;
}
.headerImage {
  display: block;
}

/* main navigation styles */
.mainNav {
  padding: 0 9px;
  background-color: #c7ea69;
} 
.mainNavContainer {
  height: 26px;
  margin-bottom: 4px;
  border-left: 1px solid #ddf2a5;
  border-right: 1px solid #ddf2a5;
} 

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

.mainNav li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  font:11px/11px Arial,sans-serif;
}
.mainNav li a {
  display: block;
  margin: 0;
	padding: 7px 5px 8px 6px;
	border-right: 1px solid #ddf2a5;
  color: #000000;
  text-decoration: none;
}
a.mainNavOff:hover {
  background-color: #e9f7c3;
}
a.mainNavOn:hover {
  background-color: #fff;
}
.mainNavOff {
  /* here for completeness; should default to .mainNav color */
}
.mainNavOn {
  background-color: #fff;
}



.breadcrumbs {
  height: 10px;
  margin-bottom:6px;
  padding: 4px 9px 5px;
  background-color: #e9f7c3;
  color: #666;
  font: 10px/10px Arial,sans-serif;
  clear: both;
}
.breadcrumbs a:link, .breadcrumbs a:visited  {
  color: #666;
  text-decoration: none;
}
.breadcrumbs a:hover, .breadcrumbs a:active {
  color: #33c;
  text-decoration: none;
}


.mainBody {
  width:736px;
  margin-bottom: 12px;
  clear: both;
}

#leftCol {
  width: 163px;
  border-right: 1px solid #999999;
  padding-top: 8px;
  vertical-align:top;
}


/* left navigation styles */
.leftNav {
  width: 150px;
}
.RNavul {
  width: 100%;
  margin: 5;
  padding: 0;
  list-style-type: none;
  font:11px/14px Arial,sans-serif;
  color: #ff9900;

}
.leftNavHeader {
  width: 100%;
  padding: 0 0 6px 4px;
  font:bold 12px/14px Arial,sans-serif;
  color: #ff9900;
}
.leftNav ul {
  width: 100%;
  margin: 0;
  border-top: 1px solid #ccc;
  padding: 0;
  list-style-type: none;
}
.leftNav li {
  margin: 0;
  border-bottom: 1px dotted #cccccc;
  padding: 9px 4px 7px 4px;
  color: #666;
  font:12px/14px Arial,sans-serif;
}
A.leftNavLink {
  text-decoration: none;
}
A.leftNavLink:link {
  color: #666;
}
A.leftNavLink:visted {
  color: #99c;
}
A.leftNavLink:active, A.leftNavLink:hover {
  color: #33c;
}


#middleCol {
  width: 409px;
  vertical-align:top;
}


/* "article" styles */
.article {
  margin: 0 11px 16px 12px;
  border-top: 1px solid #999999;
  padding-top: 18px;
}
.article h1{
  margin: 0;
  padding: 0;
  color: #666666;
  font:14px/18px Georgia,serif;
}
.articleTitle {
  margin-bottom: 7px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 4px;
}
.articleBody {
  color: #000;
  font:12px/18px Arial,sans-serif;
  margin-bottom: 11px;
}
.articleBody a {
  text-decoration: underline;
}
.articleBody a:link {
  color: #33c;
}
.articleBody a:visited {
  color: #99c;
}
.articleBody a:hover, .articleBody a:active {
  color: #33c;
}
.articleFooter {
  color: #000;
  font:bold 10px/18px Arial,sans-serif;
  margin-bottom: 15px;
}
A.moreLink {
  text-decoration: none;
}
A.moreLink:link {
  color: #000;
}
A.moreLink:visited {
  color: #99c;
}
A.moreLink:hover, A.moreLink:active {
  color: #33c;
}



#rightCol {
  width: 162px;
  vertical-align:top;
  border-left: 1px solid #999999;
}
.rightColContainer{
  padding-left: 9px
}


.divider {
  width: 151px;
  margin-bottom: 11px;
  height: 4px;
  background-color: #99cccc;
}


.infoBox {
  width: 151px;
  padding-bottom: 9px;
  border-bottom: 1px solid #99cccc;
  margin-bottom: 14px;
  color: #336666;
  font: 12px/18px Arial,sans-serif;
}
.infoBox h1{
  color: #336666;
  font:bold 12px/18px Arial,sans-serif;
}
A.infoBoxLink {
  text-decoration: underline;
}
A.infoBoxLink:link {
  color: #33c;
}
A.infoBoxLink:visited {
  color: #99c;
}
A.infoBoxLink:hover, A.infoBoxLink:active {
  color: #33c;
}



.footer {
  width:736px;
  padding: 7px 0 5px;
  border-top: 1px solid #b1da42; 
  border-bottom: 1px solid #b1da42;
  color: #666666;
  font: 10px Arial,sans-serif;
}