/** Comment
 * 
 * This stylesheet holds the branded color scheme. The grayscale 
 * definitions are still inside the originating stylesheets. 
 *
 
 *  9fa639 -> (New) Branded Green -> Used for more emphasis than branded
 *  B1B84C -> (Old) Branded Green
 *  bcc174 -> Lighter Green (70%)
 
 *  D1783A -> Branded Orange
 *  e09e6e -> Lighter Orange
 
 *  cb4832 -> Branded Red
 *  db7765 -> Lighter Red
 
 *  8B8D90 -> Light Grey
 
********************************************************************/
a { color: #9fa639; }
a:hover { color: #d1783a; }
.rail nav a, .rail h2 a { color: #484848 !important; }

/** Default (Branded Green)
** ----------------------------------------------------------------*/

nav .current a,
nav a:hover,
nav #minor .current a,
nav #minor a:hover,
#copy h2+h3,
#copy .secondary h3,
#copy .secondary aside h2,
.rail a {
  color: #9fa639;
}
.rail nav a:hover, 
.rail nav .current > a,
.rail h2 a:hover { color: #9fa639 !important; }

#banner .container {
  background-image: url(/assets/images/bg-faux-column-green.png); /* 30% of Branded Color */
}
#masthead div.primary {
  background: #9fa639;
}
#masthead div.secondary {
  background: #bcc174; /* 70% of Branded Green */
}
/* End Default **/

/** Think (Branded Orange)
** ----------------------------------------------------------------*/
.think nav .current a,
.think nav a:hover,
.think nav #minor .current a,
.think nav #minor a:hover,
.think #copy h2+h3,
.think #copy .secondary h3,
.think #copy .secondary aside h2,
.think .rail a {
  color: #d1783a;
}
.think .rail nav a:hover, 
.think .rail nav .current > a,
.think .rail h2 a:hover { color: #d1783a !important; }

.think #banner .container {
  background-image: url(/assets/images/bg-faux-column-orange.png); /* 30% of Branded Color */
}
.think #masthead {
  background: #e09e6e;
}
.think #masthead div.primary {
  background: #d1783a;
}
/* End Think **/

/** Apply (Branded Red)
** ----------------------------------------------------------------*/
.apply nav .current a,
.apply nav a:hover,
.apply nav #minor .current a,
.apply nav #minor a:hover,
.apply #copy h2+h3,
.apply #copy .secondary h3,
.apply #copy .secondary aside h2,
.apply .rail a {
  color: #cb4832;
}
.apply .rail nav a:hover, 
.apply .rail nav .current > a,
.apply .rail h2 a:hover { color: #cb4832 !important; }

.apply #banner .container {
  background-image: url(/assets/images/bg-faux-column-red.png); /* 30% of Branded Color */
}
.apply #masthead {
  background: #db7765;
}
.apply #masthead div.primary {
  background: #cb4832;
}
/* End Apply **/