@charset "UTF-8";
/* CSS Document by Michael West 
For use in applying seasonal styles via the class "promo". 
Unless business decisions change the current rules, 
promo changes are only to occur on index.html */


/**NEW YEAR'S - use celebratory golds, silvers, coppers**/
/*
body.promo { background: url(../images/promo/newyear.jpg) repeat !important; }

#container.promo { border-color: #c89808; }

nav.navbar.promo { background: #c89808; }
nav.navbar.promo > ul > li:hover { background: #f8c838; }
nav.navbar.promo > ul > li:hover > a { background: #f8c838; }

.promo_header { 
	background: url(../images/promo/newyear_confetti.jpg) repeat !important; 
	height: 150px;
	width: 100%;
}
img#headerGraphic { display: none; }

#promotopfront.promo { 
	display: inline-block !important;
	background: url(../images/promo/newyear_flutes.jpg) no-repeat !important; 
	width: 800px;
	height: 600px;
	margin-top: 6px;
}

nav.navbar.promo li .dropdown ul li:nth-child(3n+0) a:hover { background: #f8f8c8; } /* (an+b) means every a-TH color, OFFSET b.*/
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+1) a:hover { background: #e8e8f8; } /* Make sure to have a duplicate for each color */
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+2) a:hover { background: #f8e8c8; } /* and OFFSET ranging from 0 to (a - 1). */
                                                                                     /* Note that these won't be in correct order. */

/*footer.promo { background: #c89808; }
footer.promo a:link, footer.promo a:visited { color:#f8c838; }
*/

/**VALENTINE'S - use reds, whites(grays), and pinks**/
/*
body.promo { background: url(../images/promo/valentines.jpg) repeat !important; }

#container.promo { border-color: #880808; }

nav.navbar.promo { background: #880808; }
nav.navbar.promo > ul > li:hover { background: #f85888; }
nav.navbar.promo > ul > li:hover > a { background: #f85888; }

.promo_header { }
img#headerGraphic { }

#promotopfront.promo { display: none !important; }

nav.navbar.promo li .dropdown ul li:nth-child(3n+0) a:hover { background: #f8c8c8; } /* (an+b) means every a-TH color, OFFSET b.*/
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+1) a:hover { background: #e8e8e8; } /* Make sure to have a duplicate for each color*/
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+2) a:hover { background: #f8d8e8; } /* and OFFSET ranging from 0 to (a - 1).*/
                                                                                     /* Note that these won't be in correct order.*/
/*
footer.promo { background: #880808; }
footer.promo a:link, footer.promo a:visited { color:#f85888; }
*/

/**ST. PATRICK'S - use greens**/
/*
body.promo { background: url(../images/promo/pattys.jpg) repeat !important; }

#container.promo { border-color: #088808; }

nav.navbar.promo { background: #088808; }
nav.navbar.promo > ul > li:hover { background: #88c888; }
nav.navbar.promo > ul > li:hover > a { background: #88c888; }

.promo_header { 
	background: url(../images/promo/shamrock_banner.png) no-repeat !important; 
	height: 266px;
	width: 938px;
}
img#headerGraphic { display: none; }

#promotopfront.promo { display: none !important; }

nav.navbar.promo li .dropdown ul li a:hover { background: #c8f8c8; }

footer.promo { background: #088808; }
footer.promo a:link, footer.promo a:visited { color:#88c888; }
*/

/**EASTER / SPRING - use pastel colors**/

/*body.promo { background: url(../images/promo/easter.jpg) repeat !important; }*/
/*body.promo { background: url(../images/promo/wildflowers.jpg) !important; } /* flowers for spring background */

/*#container.promo { border-color: #d888b8; }

nav.navbar.promo { background: #d888b8; }
nav.navbar.promo > ul > li:hover { background: #f8b8b8; }
nav.navbar.promo > ul > li:hover > a { background: #f8b8b8; }

.promo_header { }
img#headerGraphic { }

#promotopfront.promo { display: none !important; }

nav.navbar.promo li .dropdown ul li:nth-child(7n+0) a:hover { background: #f8a8a8; } /* (an+b) means every a-TH color, OFFSET b. */
/*nav.navbar.promo li .dropdown ul li:nth-child(7n+1) a:hover { background: #b8d8f8; } /* Make sure to have a duplicate for each color */
/*nav.navbar.promo li .dropdown ul li:nth-child(7n+2) a:hover { background: #f8c898; } /* and OFFSET ranging from 0 to (a - 1). */
/*nav.navbar.promo li .dropdown ul li:nth-child(7n+3) a:hover { background: #f8c8f8; } /* Note that these won't be in correct order. */
/*nav.navbar.promo li .dropdown ul li:nth-child(7n+4) a:hover { background: #f8f888; } 
nav.navbar.promo li .dropdown ul li:nth-child(7n+5) a:hover { background: #e8e8e8; } 
nav.navbar.promo li .dropdown ul li:nth-child(7n+6) a:hover { background: #d8f8a8; } 

footer.promo { background: #d888b8; }
footer.promo a:link, footer.promo a:visited { color:#78a8d8; }
*/

/**4TH OF JULY - use reds, whites, blues**/
/*
body.promo { 
  background: url(../images/promo/july.jpg) !important; 
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

#container.promo { border-color: #e8e8e8; }

nav.navbar.promo { background: #c82828; }
nav.navbar.promo > ul > li:hover { background: #f86868; }
nav.navbar.promo > ul > li:hover > a { background: #f86868; }

.promo_header { 
	background: url(../images/promo/july_banner.jpg) no-repeat !important; 
	height: 146px;
	width: 100%;
}
img#headerGraphic { display: none; }

#promotopfront.promo { display: none !important; }

/*nav.navbar.promo li .dropdown ul li:nth-child(3n+0) a:hover { background: #f88888; } /* (an+b) means every a-TH color, OFFSET b. */
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+1) a:hover { background: #e8e8e8; } /* Make sure to have a duplicate for each color */
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+2) a:hover { background: #8888f8; } /* and OFFSET ranging from 0 to (a - 1). */
																					 /* Note that these won't be in correct order. */

/*
footer.promo { background: #2828c8; }
footer.promo a:link, footer.promo a:visited { color:#a8a8f8; }
*/

/**THANKSGIVING / AUTUMN - use reds, oranges, browns, yellows**/

body.promo { background: url(../images/promo/thanksgiving.jpg) repeat !important; }

#container.promo { border-color: #882808; }

nav.navbar.promo { background: #a83808; }
nav.navbar.promo > ul > li:hover { background: #882808; }
nav.navbar.promo > ul > li:hover > a { background: #882808; }

.promo_header { }
img#headerGraphic { }

#promotopfront.promo { display: none !important; }

nav.navbar.promo li .dropdown ul li:nth-child(4n+0) a:hover { background: #f88888; } /* (an+b) means every a-TH color, OFFSET b.*/
nav.navbar.promo li .dropdown ul li:nth-child(4n+1) a:hover { background: #f8b888; } /* Make sure to have a duplicate for each color*/
nav.navbar.promo li .dropdown ul li:nth-child(4n+2) a:hover { background: #d8b888; } /* and OFFSET ranging from 0 to (a - 1).*/
nav.navbar.promo li .dropdown ul li:nth-child(4n+3) a:hover { background: #f8f888; } /* Note that these won't be in correct order.*/

footer.promo { background: #a83808; }
footer.promo a:link, footer.promo a:visited { color:#d89868; }


/**CHRISTMAS / WINTER - use reds, whites, greens, golds**/
/*
body.promo { 
    background: url(../images/promo/winter.png) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

#container.promo { border-color: #a80808; }

nav.navbar.promo { background: #a80808; }
nav.navbar.promo > ul > li:hover { background: #08a808; }
nav.navbar.promo > ul > li:hover > a { background: #08a808; }

.promo_header { }
img#headerGraphic { }

#promotopfront.promo { display: none !important; }

/*nav.navbar.promo li .dropdown ul li:nth-child(3n+0) a:hover { background: #f88888; } /* (an+b) means every a-TH color, OFFSET b. */
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+1) a:hover { background: #e8e8e8; } /* Make sure to have a duplicate for each color */
/*nav.navbar.promo li .dropdown ul li:nth-child(3n+2) a:hover { background: #88f888; } /* and OFFSET ranging from 0 to (a - 1). */
/*                                                                                     /* Note that these won't be in correct order. */
/*footer.promo { background: #a80808; }
footer.promo a:link, footer.promo a:visited { color:#f88888; }
*/