/* Masthead and Main Menu styles
-------------------------------------------------------------- */
#menuDiv{/*width:680px;*/ width:656px; left:1px; /* put back as fix was for different header graphic*/} /* Fixes the nabar width to that of the main content column */

#menuDiv #menuList li#home a {color:#632994 ;}
#menuDiv #menuList li#home a:hover,
#menuDiv #menuList li#home a.selected {background-color:#632994;}

#menuDiv #menuList li#about a {color:#4E7822;}
#menuDiv #menuList li#about a:hover,
#menuDiv #menuList li#about a.selected {background-color:#4E7822;}

#menuDiv #menuList li#news a,
#menuDiv #menuList li#events a {color:#FF7032;}
#menuDiv #menuList li#news a:hover,
#menuDiv #menuList li#events a:hover,
#menuDiv #menuList li#news a.selected,
#menuDiv #menuList li#events a.selected{background-color:#FF7032;}

#menuDiv #menuList li#festival a {color:#BA0013;}
#menuDiv #menuList li#festival a:hover,
#menuDiv #menuList li#festival a.selected {background-color:#BA0013;}

#menuDiv #menuList li#get-involved a {color:#d4b422;}
#menuDiv #menuList li#get-involved a:hover,
#menuDiv #menuList li#get-involved a.selected {background-color:#d4b422;}

#menuDiv #menuList li#faqs a {color:#036991;}
#menuDiv #menuList li#faqs a:hover,
#menuDiv #menuList li#faqs a.selected {background-color:#036991;}


/* Section-based colour scheme
-------------------------------------------------------------- */
.aboutSection .titleDiv{background-color:#4E7822;}
.homeSection .titleDiv{background-color:#632994 ;}
.newsSection .titleDiv, .eventsSection .titleDiv{background-color:#FF7032;}
.festivalSection .titleDiv{background-color:#BA0013;}
.faqSection .titleDiv{background-color:#036991;}

.aboutSection a,
.aboutSection a:hover,
.aboutSection a.right,
.aboutSection a.right:hover,
.aboutSection h2 {color:#4E7822;}

.homeSection a,
.homeSection a:hover,
.homeSection a.right,
.homeSection a.right:hover,
.homeSection h2 {color:#632994 ;}

.newsSection a, .eventsSection a,
.newsSection a:hover, .eventsSection a:hover,
.newsSection a.right, .eventsSection a.right,
.newsSection a.right:hover, .eventsSection a.right:hover,
.newsSection h2, .eventsSection h2 {color:#FF7032;}

.festivalSection a,
.festivalSection a:hover,
.festivalSection a.right,
.festivalSection a.right:hover,
.festivalSection h2 {color:#BA0013;}

.get-involvedSection a,
.get-involvedSection a:hover,
.get-involvedSection a.right,
.get-involvedSection a.right:hover,
.get-involvedSection h2 {color:#d4b422;}

.faqSection a,
.faqSection a:hover,
.faqSection a.right,
.faqSection a.right:hover,
.faqSection h2 {color:#036991;}

/*
__________________________________________________________________________________ BANNER COLOURS */

#welcomeDiv #welcomeContent #welcomeList li.get-involvedItem {
  background-color: #D4B422;
}

#welcomeDiv #welcomeContent #welcomeList li.festivalItem {
  background-color: #BA0013;
}

#welcomeDiv #welcomeContent #welcomeList li.newsItem, #welcomeDiv #welcomeContent #welcomeList li.eventsItem {
  background-color: #FF7032;
}

#welcomeDiv #welcomeContent #welcomeList li.aboutItem {
  background-color: #4E7822;
}

#welcomeDiv #welcomeContent #welcomeList li.homeItem {
  background-color: #632994 ;
}

/*
__________________________________________________________________________________ QUICK LINKS */

#quickLinksDiv h2#abouth2 {
  color: #4E7822;
}

#quickLinksDiv h2#festivalh2 {
  color: #BA0013;
}

#quickLinksDiv h2#get-involvedh2 {
  color: #D4B422;
}

#quickLinksDiv ul#aboutList a, #quickLinksDiv .aboutList ul#pagelist a {
  color: #4E7822;
  text-decoration: none;
}

#quickLinksDiv ul#festivalList a, #quickLinksDiv .festivalList ul#pagelist a {
  color: #BA0013;
  text-decoration: none;
}

#quickLinksDiv ul#get-involvedList a, #quickLinksDiv .get-involvedList ul#pagelist a{
  color: #D4B422;
  text-decoration: none;
}

#quickLinksDiv ul#aboutList a:hover, #quickLinksDiv .aboutList ul#pagelist a:hover{
  color: #4E7822;
  text-decoration: underline;
}

#quickLinksDiv ul#festivalList a:hover, #quickLinksDiv .festivalList ul#pagelist a:hover{
  color: #BA0013;
  text-decoration: underline;
}

#quickLinksDiv ul#get-involvedList a:hover, #quickLinksDiv .get-involvedList ul#pagelist a:hover {
  color: #D4B422;
  text-decoration: underline;
}