@import url(zero.css);
@import url(layout.css);
@import url(type.css);


.grade p span {background-color: white;  color: #000000; border-color: red;}

a:link,
a:visited { color: #177b29;  background-color: #f1f1f1; }
a:hover { color: #fff; background-color: #177b29;  }
a:active {  color: #000; background-color: #fff; }
a:focus {  color: #000; background-color: #eee; outline-color: #177b29; }

/*transparent background, white text*/
#nav_main a:link { color: #222; background-color: #fff; }
#nav_main a:visited { color: #333; background-color: #fff; }
#nav_main a:hover { color: #fff; background-color:#333;   }
#nav_main a:active { color: #fff; background-color: #111; }
#nav_main a:focus { color: #fff; background-color: #111; }

#nav_access a:link,
#nav_global a:link,
#content_main a:link,
#content_main a:visited,
#content_sub a:link,
#content_sub a:visited,
#site_info a:link,
#nav_access a:visited,
#nav_global a:visited,
#site_info a:visited   { color: #99C33E; background-color: #000; }
#nav_access a:hover,
#nav_main a:hover,
#content_main a:hover,
#content_sub a:hover { color: #000; background-color:#99C33E;   }
#nav_access a:active,
#nav_main a:active,
#content_main a:active,
#content_sub a:active { color: #fff; background-color: #111; }
#nav_access a:focus,
#nav_main a:focus,
#content_main a:focus,
#content_sub a:focus { color: #fff; background-color: #111; }

/*subcontent icon links + home page featured events and MIM link*/
#content_sub .icon a:link,
#content_sub .icon a:visited,
#featuredevents a:link,
#featuredevents a:visited,  
#madeinmonmouthshire a:link,
#madeinmonmouthshire a:visited  {color: #fff;  background-color: #177b29;}
#content_sub .icon a:hover,
#content_sub .icon a:focus,
#featuredevents a:hover,
#featuredevents a:focus,  
#madeinmonmouthshire a:hover,
#madeinmonmouthshire a:focus  { color: #177b29;  background-color: #fff;}  
#content_sub .icon a:active,
#featuredevents a:active,  
#madeinmonmouthshire a:active  {color: #000; background-color: #e9e7e7;}

/*------------------------
nav feature links - colour coded
------------------------*/

/*nav colour codes - LOGO*/
#nav_logo a:link,
#nav_logo a:visited,
#nav_features #nav_logo a:hover,
#nav_logo a:active  {background-color: #E5BE59; color: #334033;} 
#nav_logo a:focus  {background-color: white; color: #334033;} 

/*nav colour codes - HOME + CONTACT*/
#nav_home a:link,
#nav_home a:visited, 
#nav_contact a:link,
#nav_contact a:visited   {color: #222; background-color: #99C33E;} 
#nav_home a:hover,
#nav_home a:active, 
#nav_contact a:hover,
#nav_contact a:active   {color: #99C33E; background-color: #222;} 

/*nav colour codes - EVENTS*/
#nav_events a:link,
#nav_events a:visited,
#nav_event_cats a:link,
#nav_event_cats a:visited,
#nav_calendar a:link,
#nav_calendar a:visited,
.events #nav_contextual a:link,
.events #nav_contextual a:visited,
#nav_contextual.events a:link,
#nav_contextual.events a:visited  {background-color: #E5BE59; color: #4d3400;}
#nav_events a:hover,
#nav_events a:active,
#nav_event_cats a:hover,
#nav_event_cats a:active,
#nav_calendar a:hover,
#nav_calendar a:active,
.events #nav_contextual a:hover,
.events #nav_contextual a:active,
#nav_contextual.events a:hover,
#nav_contextual.events a:active  {color: #E5BE59; background-color: #4d3400;}

#nav_calendar a:link,
#nav_calendar a:visited  {color: #E5BE59; background-color: #4d3400;}
#nav_calendar a:hover,
#nav_calendar a:active {background-color: #E5BE59; color: #4d3400;}

/*nav colour codes - EATING*/
#nav_eating a:link,
#nav_eating a:visited,
.eating #nav_contextual a:link,
.eating #nav_contextual a:visited {background-color: #83BACD;  color: #273164;}
#nav_eating a:hover,
#nav_eating a:active,
.eating #nav_contextual a:hover,
.eating #nav_contextual a:active,
.eating #nav_contextual a:focus {color: #83BACD;  background-color: #273164;}

/*nav colour codes - ACCOM*/
#nav_accom a:link,
#nav_accom a:visited,
.accommodation #nav_contextual a:link,
.accommodation #nav_contextual a:visited  {background-color: #f26a19;  color: #000;}/*cf7821 000*/
#nav_accom a:hover,
#nav_accom a:active,
.accommodation #nav_contextual a:hover,
.accommodation #nav_contextual a:active  {color: #f26a19;  background-color: #000;}

/*nav colour codes - NEWS*/
#nav_news a:link,
#nav_news a:visited,
#latestnews h2 a:link,
#latestnews h2 a:visited,
.feature_pages #nav_contextual a:link,
.feature_pages #nav_contextual a:visited   {color: #A7C36B; background-color: #222;} 
#nav_news a:hover,
#nav_news a:active,
#latestnews h2 a:hover,
#latestnews h2 a:active,
.feature_pages #nav_contextual a:hover,
.feature_pages #nav_contextual a:active   { background-color: #A7C36B;color: #222;} 

/*nav colour codes - SPECIAL*/
#nav_special a:link,
#nav_special a:visited{background-color: #99C33E; color: #334033;} 
#nav_special a:hover,
#nav_special a:active  {color: #99C33E; background-color: #334033;} 

/*#nav_events a:hover, #nav_events a:active, all focus styles*/
/*#nav_home a:hover, #nav_home a:active,
#nav_eating a:hover, #nav_eating a:active,
#nav_accom a:hover, #nav_accom a:active,
#nav_news a:hover, #nav_news a:active,
#nav_special a:hover, #nav_special a:active,
#nav_contact a:hover, #nav_contact a:active,*/
#nav_features a:focus,
#nav_event_cats a:focus {color: #fff; background-color: #177b29;}

/*colour code - generic header*/
.generic a:link,
.generic a:visited {background-color: #0D6042; color: #fff;} 
.generic a:hover,
.generic a:active {color: #fff; background-color: #0D6042;} 


.summary h2 a:link,
.summary h2 a:visited { color: #177b29; background-color: #f2f2f2;  }
.summary h2 a:hover { color: #000; background-color: #fff;}
.summary h2 a:active {  color: #000; background-color: #fff; }
.summary h2 a:focus {color: #fff; background-color: #3f3f3f; }

.summary h2 a:link img.imgmain,
.summary h2 a:visited img.imgmain {border-color: #ddd; }
.summary h2 a:hover img.imgmain {border-color: #999; background-color: #bbb; background-image: none; }


/*latest news - transparent background on :link and :visited states*/
#latestnews li a:link,
#latestnews li a:visited { color: #177b29;  background-color: transparent; }
#latestnews li a:hover { color: #fff; background-color: #177b29;  }
#latestnews li a:active {  color: #000; background-color: #fff; }
#latestnews li a:focus {  color: #000; background-color: #eee; outline-color: #177b29; }

/*------------------------
active menu items
------------------------*/

.accommodation li#nav_accommodation,
.activity_providers li#nav_activities,
.attractions li#nav_attractions,
.eating li#nav_eating,
.outlets li#nav_shops,
.eventlist li#nav_events,
.events li#nav_events,
.feature_pages li#nav_touristinfo,
.arts_or_crafts li#nav_culture  { color: #fff;  }


.culture_and_lifestyle li#nav_culture a,
.flowers_and_gardens li#nav_flowers a,
.food_and_drink li#nav_food a,
.history_and_heritage li#nav_history a,
.music_and_dance li#nav_music a,
.sport_and_walking li#nav_sport a,
.animals_and_agriculture li#nav_animals a { color: #E5BE59; background-color: #4d3400;}


/*------------------------
IMAGES
------------------------*/
#nav_access_div,
#site_info {background-image: url(../i_site//nav_ access.gif);} 
#nav_access li {background-image: url(../i_site//arrow.png);}
#nav_global li,
#site_info li {background-image: url(../i_site//dot.png);}
#banner ul {background-image: url(../i_site//banner_mask.png);}
/*#content_supp ul,*/
#newsletter {background-image: url(../i_site/logo_plume.png);}
#newsletter2 {background-image: url(../i_site//feat_bg.gif);}
#newsletter h2 span {background-image: url(../i_site//news_head_dark.gif);}
input.txt {background-image: url(../i_site//input_txt.gif);}
.enquiryform input.txt {background-image: none;} 
.summary .vcard h2 .imgmain,
#content_main_features p,
#newsletter form,
#latestnews {background-image: url(../i_site//corner.png); }
#latestnews a {background-image: url(../i_site//dot.png);}
/* {background-image: url(../i_site//h1_eating.png)}*/
#content_sub .contact .book a {background-image: url(../i_site//book.png);}
#content_sub .contact .email a {background-image: url(../i_site//email.png);}
#content_sub .contact .map a {background-image: url(../i_site//map.png);}
#content_sub .contact .web a {background-image: url(../i_site//web.png);}
#nav_culture a,
.culture_and_lifestyle h1 {background-image: url(../i_site/icon_culture.png);}
#nav_flowers a,
.flowers_and_gardens h1  {background-image: url(../i_site/icon_flowers.png);}
#nav_food a,
.food_and_drink h1  {background-image: url(../i_site/icon_food.png);}
#nav_history a,
.history_and_heritage h1  {background-image: url(../i_site/icon_history.png);}
#nav_music a,
.music_and_dance h1  {background-image: url(../i_site/icon_music.png);}
#nav_sport a,
.sport_and_walking h1  {background-image: url(../i_site/icon_sport.png);}
#nav_animals a,
.animals_and_agriculture h1  {background-image: url(../i_site/icon_animals.png);}

.display h1 {background-image: none;}
/*--------------------
COLOURS
------------------------*/
/*white*/
#newsletter h2 span,
#content p.straplinelist { color: #fff;}

/*grey light*/
body,
#content_intro p.strapline {color: #bbb;}

/*grey med*/
#content_main_features p,
#newsletter,
.summary p  {color: #444;}

/*dark green*/
#latestnews h2.news { color: #334033;}

/* gold- (EVENTS)*/
h1, h2, h3 {color: #E5BE59;}


/*------------------------
BACKGROUND COLOURS
------------------------*/
/*TRANSPARENT*/
#specialoffers a,
#newsletter input.txt {background-color: transparent;}

/*BLACK GREY*/
#content,
body,
ul#nav_events,
#nav_main,
#newsletter h2 span,
.special .summary .vcard,
#nav_contextual h2,
.display p.one  {background-color: #111;}

/*DARK GREY*/
#nav_contextual ul {background-color: #333;}

/*WHITE*/
#newsletter p,
#newsletter form,
#branding #title,
#content_intro form fieldset label:hover span,
#nav_features li#nav_logo img {background-color: #fff;}

/*v light grey*/
#content_main_features p,
#latestnews,
.summary .vcard {background-color: #f1f1f1;}

/*light gold*/
#nav_event_cats ul {background-color: #E5BE59;}


/*light green*/
#latestnews h2.feature_pages,
#featuredoffers h2 {background-color: #99C33E;}

/*------------------------
BORDER COLOURS
------------------------*/

/*light gold*/
/*#featuredoffers ul,
#newsletter form,*/
#nav_features li,
h2,
#content_main_features h2,
#content_supp img,
#content_main_features img,
#latestnews ul,
a img.imgmain,
.display img,
.display #content_sub,
.enquiryform #content_intro,
.enquiryform #content_main .strapline,
.location #content_intro,
.location #content_main .strapline,
#map,
#nav_access_div,
#bannerphoto  img {border-color: #E5BE59; }

/*grey*/
#nav_contextual h2,
#featuredoffers ul,
#newsletter form {border-color: #333; }

/*black*/
#nav_access li,
#site_info {border-color: #000000;}

/*green
#featuredoffers ul {border-color: #99C33E;}*/

/*------------------------
EVENTS
------------------------*/
/* color EVENTS dark*/
h2.events span,
.events p.info,
.events #formsearch2 legend {color: #4d3400;}

/* color EVENTS light*/
.events h1,
h1.events,
.events h2#nav_contextual_header,
.events h2 {color: #E5BE59;}

/*background EVENTS light*/
h2.events,
h2.events span,
.events #formsearch2 legend {background-color: #E5BE59;}
/*background EVENTS dark*/
.events h1 .county {background-color: #4d3400;}

/*border EVENTS - pale*/
.events h1,
.events h1 span,
.events #content_main_features p,
.events .summary .vcard,
.events #newsletter2 input.txt,
.events .vcard h2,
.events #content_intro,
.events p.strapline,
.events #formsearch2,
.events #nav_contextual h2,
.events .display h2    {border-color: #E5BE59;}
/*border EVENTS dark (lighter)
 {border-color: #4d3400;}*/


/*------------------------
EATING - blue
------------------------*/
/*color EATING dark*/

.eating p.info,
h2.eating,
h2.eating span,
.eating #formsearch2 legend,
.eating p.info,
.eating .display h1 .org {color: #273164;}

/*color EATING pale*/
.eating h1,
.eating h2,
.eating .straplinelist {color: #83BACD;}

/*border EATING - pale*/
.eating h1,
.eating h1 span,
.eating #content_main_features p,
.eating .summary .vcard,
.eating #newsletter2 input.txt,
.eating .vcard h2,
.eating #content_intro,
.eating p.strapline,
.eating #formsearch2,
.eating #nav_contextual h2 ,
.eating .display h2 {border-color: #83BACD;}

/*------------------------
Accommodation - red
------------------------*/
/*color Accommodation red */
.accommodation p.info,
h2.accommodation,
h2.accommodation span,
.accommodation #formsearch2 legend,
.accommodation p.info,
.accommodation .display h1 .org {color: #d90c0f;}

/*color Accommodation bright orange */
.accommodation h1,
.accommodation h2,
.accommodation h2#nav_contextual_header {color: #f26a19;}


/*border Accommodation - orange*/
.accommodation h1,
.accommodation h1 span,
.accommodation #content_main_features p,
.accommodation .summary .vcard,
.accommodation #newsletter2 input.txt,
.accommodation .vcard h2,
.accommodation #content_intro,
.accommodation p.strapline,
.accommodation #formsearch2,
.accommodation #nav_contextual h2 ,
.accommodation .display h2 {border-color: #f26a19;}


/*------------------------
News / Specials (feature pages) - green
------------------------*/
/*dark color*/
.feature_pages p.info,
h2.feature_pages,
h2.feature_pages span,
.feature_pages #formsearch2 legend,
.feature_pages p.info,
.feature_pages .display h1 .org,
h2.news {color: #334033;}

/*light green*/
.feature_pages h1,
.feature_pages h2,
.feature_pages #nav_contextual h2 {color: #A7C36B;}

/*background - light green*/
h2.news {background-color: #99C33E;}


/*border */
.feature_pages h1,
.feature_pages h1 span,
.feature_pages #content_main_features p,
.feature_pages .summary .vcard,
.feature_pages .vcard h2,
.feature_pages p.strapline,
.feature_pages #formsearch2,
.feature_pages #nav_contextual h2 ,
.feature_pages .display h2 {border-color: #A7C36B;}

/*special grass green*/
.special .summary p,
.special h1 {color: #99C33E;}

.feature_pages .special h1 {border-color: #99C33E;}