/* =

This stylesheet changes the color scheme of the section you are in.

The class is added along with the #mid-container ID
i.e. <div id="mid-container" class="membership">

If no class is chosen, it will revert to the default colors set in myera.css

----------------------------------------------- */	

/* News section */

.news #left-navigation  ul li a:hover, 
.news #left-navigation  ul li a.current,
.news #left-navigation  ul li a.current:link,
.news #left-navigation  ul li a.current:visited,
.news #breadcrumbs{
		background: #005984;
}

.news h1,
.news h2,
.news h3  {
color: #005984;
}

.news h1 a,
.news h2 a,
.news h3 a  {
text-decoration: none;
color: #005984;
font-weight: bold;
}

/* Workshops section */

.workshops #left-navigation  ul li a:hover, 
.workshops #left-navigation  ul li a.current,
.workshops #left-navigation  ul li a.current:link,
.workshops #left-navigation  ul li a.current:visited,
.workshops #breadcrumbs{
		background: #b0b579;
}

.workshops h1,
.workshops h2,
.workshops h3  {
color: #b0b579;
}

.workshops h1 a,
.workshops h2 a,
.workshops h3 a  {
text-decoration: none;
color: #b0b579;
font-weight: bold;
}

/* Events section */

.events #left-navigation  ul li a:hover, 
.events #left-navigation  ul li a.current,
.events #left-navigation  ul li a.current:link,
.events #left-navigation  ul li a.current:visited,
.events #breadcrumbs{
		background: #38939b;
}

.events h1,
.events h2,
.events h3  {
color: #38939b;
}

.events h1 a,
.events h2 a,
.events h3 a  {
text-decoration: none;
color: #38939b;
font-weight: bold;
}

/* Membership information section */

.memberinformation #left-navigation  ul li a:hover, 
.memberinformation #left-navigation  ul li a.current,
.memberinformation #left-navigation  ul li a.current:link,
.memberinformation #left-navigation  ul li a.current:visited,
.memberinformation #breadcrumbs{
		background: #b2a97e;
}

.memberinformation h1,
.memberinformation h2,
.memberinformation h3  {
color: #b2a97e;
}

.memberinformation h1 a,
.memberinformation h2 a,
.memberinformation h3 a  {
text-decoration: none;
color: #b2a97e;
font-weight: bold;
}

/* Become a facilitator section */

.becomeafacilitator #left-navigation  ul li a:hover, 
.becomeafacilitator #left-navigation  ul li a.current,
.becomeafacilitator #left-navigation  ul li a.current:link,
.becomeafacilitator #left-navigation  ul li a.current:visited,
.becomeafacilitator #breadcrumbs{
		background: #569bbe;
}

.becomeafacilitator h1,
.becomeafacilitator h2,
.becomeafacilitator h3  {
color: #569bbe;
}

.becomeafacilitator h1 a,
.becomeafacilitator h2 a,
.becomeafacilitator h3 a  {
text-decoration: none;
color: #569bbe;
font-weight: bold;
}

/*Campus locations section */

.campuslocations #left-navigation  ul li a:hover, 
.campuslocations #left-navigation  ul li a.current,
.campuslocations #left-navigation  ul li a.current:link,
.campuslocations #left-navigation  ul li a.current:visited,
.campuslocations #breadcrumbs{
		background: #91a5a5;
}

.campuslocations h1,
.campuslocations h2,
.campuslocations h3  {
color: #91a5a5;
}

.campuslocations h1 a,
.campuslocations h2 a,
.campuslocations h3 a  {
text-decoration: none;
color: #569bbe;
font-weight: bold;
}

/*Our services section */

.ourservices #left-navigation  ul li a:hover, 
.ourservices #left-navigation  ul li a.current,
.ourservices #left-navigation  ul li a.current:link,
.ourservices #left-navigation  ul li a.current:visited,
.ourservices #breadcrumbs{
		background: #008c99;
}

.ourservices h1,
.ourservices h2,
.ourservices h3  {
color: #008c99;
}

.ourservices h1 a,
.ourservices h2 a,
.ourservices h3 a  {
text-decoration: none;
color: #008c99;
font-weight: bold;
}