/*
  background gray: 515151
  orange: d95936
  beige: f6eee1
  coupon yellow: #fff9ad;
*/
body {
 background-color: #515151;
 /* background: url(/images/member_site.png) top right no-repeat fixed #515151; */
}

#header,
#footer,
.well .well_title {
  background-color: #d95936;
  color: #fff;
}
.main_nav a {
  color: #fff;
}
.main_nav li ul { /* sub menu */
  background: #000;
  opacity: 0.8;
}
.main_nav ul li.ieHover,
.main_nav ul li:hover {
  background: #666;
}
/*  =============== header =============== */
#hero {
  background-color: #f6eee1;
}
/*  =============== content =============== */

#content {
  background-color: #f6eee1;
}

/*  =============== content coupon generator =============== */
.print_coupon,
.print_coupon .coupon {
  background-color: #FFF;
}
.print_coupon a { color: #d95936; }


.well .well_title,
.well .well_content,
.well .well_more {
  border-color: #fff;
}

.well .well_content,
.well .well_more {
  background-color: #f6eee1;
}

h2, h3
{
  color: #333; /* changed h2, h3 color */
}

.printLink,
/* .well .well_more, */
.content_nav
/* h2, 
h3*/ {
  color: #cc3300; /* #d95936; /* orange */
}
.well .well_more
{
  color: #d95936; /* orange */
}
.well .h4,
.well .p {
  color: #000;
}

.sub_nav {
  background: #d95936; /* orange */
  color: #fff;
}

.sub_nav li a:hover {
  color: #ffcc00;
}

/* when we're on a .center_services page (as determined by the content class),
   show beige, with black text (also on hover) !-- changed a & hover state -- 030710 jh -->
   and similarly for all other page types.
*/
.center_aboutus .sn_aboutus,
.center_services .sn_services,
.center_coupons .sn_coupons,
.center_community .sn_community,
.center_comments .sn_comments {
  background: #f6eee1;
  color: #000;
}
/* 
changed hover to orange 
*/
.center_aboutus .sn_aboutus a,
.center_aboutus .sn_aboutus a:hover,
.center_services .sn_services a,
.center_services .sn_services a:hover,
.center_coupons .sn_coupons a,
.center_coupons .sn_coupons a:hover,
.center_community .sn_community a,
.center_community .sn_community a:hover,
.center_comments .sn_comments a,
.center_comments .sn_comments a:hover {
  color: #d95936;
}

/* === various col1 === */
.center_coupons .col1 .save {
  color: #d95936; /* orange */
}
.col1 a {
  color: #d95936; /* orange */
  text-decoration: none;
  font-weight: normal;
}
.col1 a:hover {
  text-decoration: underline;
}

.col1 strong {
  color: #333;
}

/* === various col2 === */

/* coupons page */
.coupon {
  border-color: #000;
  background-color: #fff9ad; /* coupon yellow */
}

.slideshow li,
.slideshow .caption {
  background: #f6eee1; /* beige (need to set background because we're playing w/ zindex */
}
.slideshow img {
}
/* === Things entered through CMS === */
#cmsContent h3 {
  color: #000;
}
#cmsContent a {
  color: #d95936;
  text-decoration: none;
  font-weight: bold;
}
#cmsContent a:hover {
  text-decoration: underline;
}

/*  =============== footer =============== */

#footer {
  border-color: #fff;
}

/*  =============== legal =============== */

#legal {
  color: #ccc;
}

#legal li {
  border-color: #bbb;
}