body {  
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 9pt; 
  font-weight: normal; 
  color: #000000; 
  background-color: #D4DFCF;  
  text-align: center; 
  margin: 20 auto; 
  margin-top: 0px;
  width: 100%;
}

.body11 {  
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 11pt; 
  font-weight: normal; 
  color: #000000; 
  background-color: #ffffff;  
  text-align: left; 
  margin: 20 auto; width: 100%;
}

#MainContainer {
  width: 691px;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  margin: 0 auto;
  background-color: #ffffff;
  text-align: left;
}


#WhatsNewHeader {
  width: 691px;
  height: 96px;
  background-image: url(../images/header_whats_new.jpg);
}


#AboutHeader {
  width: 691px;
  height: 96px;
  background-image: url(../images/header_about.jpg);
}


#MembershipHeader {
  width: 691px;
  height: 96px;
  background-image: url(../images/header_membership.jpg);
}


#ResourcesHeader {
  width: 691px;
  height: 96px;
  background-image: url(../images/header_resources.jpg);
}


#NewsletterHeader {
  width: 691px;
  height: 96px;
  background-image: url(../images/header_newsletter.jpg);
}


#ContactHeader {
  width: 691px;
  height: 96px;
  background-image: url(../images/header_contact.jpg);
}


#LegalHeader {
  width: 691px;
  height: 96px;
  background-image: url(../images/header_legal.jpg);
}


#footer {
  border-top:1px solid #3D9B83;
  background-color: #64BCA4;
  width: 691px;
  font-size: 10px !important;
  color: #ffffff;
  text-align: right; 
  margin-top: 25px;
  padding-top: 10px;
  padding-bottom: 3px;
}


#footer a {
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
}


#footer a:hover {
  color: #ffffff;
  text-decoration: none;
}



#PageContentContainer {
  width: 100%;
  margin: 15 0 15 0;
}


#leftNav {
  float: left;
  width: 195px;
  padding: 0 0 0 0;
  margin-right: 10px;
  height: 275px;
}


#leftNav li {
  list-style-image: url(../images/home_bulletpoints.gif)
}


#leftNav a {
  color: #330033;
  text-decoration: none;
}


#leftNav a:hover {
  color: #993399;
  text-decoration: underline;
}


#leftNav a.current {
  font-weight: bold;
}


#PageContent {
 border-left:1px solid #C3CEBE;
 width: 400px;
 float: left;
 padding: 0 15 0 15;
}


#PageContent a{
  color: #3D9B83;
}


#PageContent a:visited{
  color: #663366;
}


#PageContent a:hover{
  text-decoration: none;
}


h1 {
 font-size: 15pt;
 font-weight: bold;
 margin-top: 15px;
 color: #3D9B83;
 border-bottom: 1px solid #CBEED5;
}


h2 {
 font-size: 9pt;
 font-weight: bold;
 margin-top: 35px;
 color: #333333;
 background-color: #D4DFCF;
 border-bottom: 1px solid #A7B0A4;
}


.SiteMap {
 font-size: 9pt;
}


.SiteMap li{
  list-style-image: url(../images/sitemap_bulletpoints.gif)
}


.SiteMap h3 {
 font-size: 10pt;
 font-weight: bold;
 padding-bottom: 1px;
 border-bottom: 1px dotted #cccccc;
 width: 95%;
}


h3 a {
 text-decoration: none;
 
}


/*-----------------  Navigation elements below ------------------*/


#NavigationContainer {
  width: 691px;
  height: 24px;
  clip: rect(0 691 24 0);
  overflow: hidden;
}


#WhatsNewNavElement {
  background-image: url(../images/NAV_whatsNewOff.gif); 
  width: 105px;
  height: 24px;
  float: left;
  clip: rect (0 105 24 0);
  overflow: hidden;
}


#WhatsNewNavElement:hover {
  background-image: url(../images/NAV_whatsNewOff.gif); 
  background-position: 0 24;
}


#AboutNavElement {
  background-image: url(../images/NAV_aboutOff.gif); 
  width: 102px;
  height: 24px;
  float: left;
  clip: rect (0 102 24 0);
  overflow: hidden;
}


#AboutNavElement:hover {
  background-image: url(../images/NAV_aboutOff.gif); 
  background-position: 0 24;
}


#MembershipNavElement {
  background-image: url(../images/NAV_membershipOff.gif); 
  width: 144px;
  height: 24px;
  float: left;
  clip: rect (0 144 24 0);
  overflow: hidden;
}


#MembershipNavElement:hover {
  background-image: url(../images/NAV_membershipOff.gif); 
  background-position: 0 24;
}


#ResourcesNavElement {
  background-image: url(../images/NAV_resourcesOff.gif); 
  width: 92px;
  height: 24px;
  float: left;
  clip: rect (0 92 24 0);
  overflow: hidden;
}


#ResourcesNavElement:hover {
  background-image: url(../images/NAV_resourcesOff.gif); 
  background-position: 0 24;
}


#NewsletterNavElement {
  background-image: url(../images/NAV_newsletterOff.gif); 
  width: 141px;
  height: 24px;
  float: left;
  clip: rect (0 141 24 0);
  overflow: hidden;
}


#NewsletterNavElement:hover {
  background-image: url(../images/NAV_newsletterOff.gif); 
  background-position: 0 24;
}


#ContactNavElement {
  background-image: url(../images/NAV_contactOff.gif); 
  width: 107px;
  height: 24px;
  float: left;
  clip: rect (0 107 24 0);
  overflow: hidden;
}


#ContactNavElement:hover {
  background-image: url(../images/NAV_contactOff.gif); 
  background-position: 0 24;
}



/* ----------------- Navigation Elements Turned ON ------------------*/


#WhatsNewOnNavElement {
  background-image: url(../images/NAV_whatsNewOff.gif); 
  width: 105px;
  height: 24px;
  float: left;
  clip: rect (0 105 24 0);
  overflow: hidden;
  background-position: 0 24;
}


#AboutOnNavElement {
  background-image: url(../images/NAV_aboutOff.gif); 
  width: 102px;
  height: 24px;
  float: left;
  clip: rect (0 102 24 0);
  overflow: hidden;
  background-position: 0 24;
}


#MembershipOnNavElement {
  background-image: url(../images/NAV_membershipOff.gif); 
  width: 144px;
  height: 24px;
  float: left;
  clip: rect (0 144 24 0);
  overflow: hidden;
  background-position: 0 24;
}


#ResourcesOnNavElement {
  background-image: url(../images/NAV_resourcesOff.gif); 
  width: 92px;
  height: 24px;
  float: left;
  clip: rect (0 92 24 0);
  overflow: hidden;
  background-position: 0 24;
}


#NewsletterOnNavElement {
  background-image: url(../images/NAV_newsletterOff.gif); 
  width: 141px;
  height: 24px;
  float: left;
  clip: rect (0 141 24 0);
  overflow: hidden;
  background-position: 0 24;
}


#ContactOnNavElement {
  background-image: url(../images/NAV_contactOff.gif); 
  width: 107px;
  height: 24px;
  float: left;
  clip: rect (0 107 24 0);
  overflow: hidden;
  background-position: 0 24;
}

td.misc {
  font-size: 9pt;
}
