@charset "UTF-8";
/* CSS Document */

html {padding: 0; margin: 0; height: 100%}
body {padding: 0; margin: 0; background: #ffffff; height: 100%;}


/*   
colors:

green 100: #a0b74e
green 50: #cfdba6
green 25: #e7edd3

aqua 100: #a8dee6

*/


/* LAYOUT STYLES */

#header-bg-wrap {width: 100%; height: 330px; background: #eeac1f; padding: 8px 0 0 0;}
#header {width: 100%; height: 295px; margin: 0; background: url(images/header_no_date.png) center top no-repeat; background-color: #fff6e6; border-top: 4px solid #d5463b; border-bottom: 4px solid #d5463b;}
#nav-wrapper {display: block; width: 972px; height: 30px; margin: 0 auto 0 auto;}

.logo {margin: 35px auto 40px auto; display: block; z-index: 10;}
.knife {display: block; margin: -20px auto 12px auto;}

#content-container {width: 982px; margin: 30px auto 0 auto; padding: 0 0 10px 0;}
#sidebar-right {width: 230px; float: right; padding: 0 0 20px 20px;}
#content-left {width: 732px; padding: 0;}
#sponsor-block {width: auto; display: block; border-bottom: 1px dotted #7cbdc1;}
#sponsor-block-last {width: auto; display: block; border-bottom: 1px solid #7cbdc1; margin: 0 0 10px 0;}
.sponsor-logos {float: right; margin: 0 0 5px 10px;}

#highlightbox {width: auto; background: #ddf3a7; border: 1px solid #b1ebec; padding: 3px 12px 0 12px; margin: 20px 0;}

#footer-bg-wrap {width: 100%; min-height: 172px; background: #eeac1f; border-top: 4px solid #d5463b; padding: 5px 0 5px 0;}

.social-fb {margin: 0 40px 0 0; float: left;}
.social-ig {margin: 0 40px 0 0; float: left;}
.social-tw {margin: 0 0 0 0; float: left;}

#floatbreak {clear: both;}
#hline {width: auto; border-top: 1px solid #b1ebec; margin: 30px 0 30px 0; display: block;}

.imageright {float: right; padding: 0 0 10px 10px;}
.imageleft {padding: 0 10px 10px 0;}

.footer-sponsors {margin: 0 auto 0 auto; padding: 3px 10px 8px 10px;}

#twitterbox {width: 356px; float: left;}
#facebookbox {width: 356px; float: left; margin: 0 0 0 20px;}
#mapbox {width: 356px; float: right; display: block; margin: 0 0 20px 20px; border: 1px solid #a0b74e;}

.hidden {display: none;}


/* TYPE STYLES */

p {font-family: 'museo_sans500', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; margin: 9px 0 12px 0; color: #444444; font-weight: normal;}
.caption {font-size: 12px; line-height: 16px; margin: 6px 0 1px 0; color: #444444; font-weight: normal;}
.caption-light {font-size: 13px; line-height: 15px; margin: 3px 0 6px 0; color: #999999; font-weight: bold; text-align: center;}

h1 {font-family: 'museo_sans500', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 22px; margin: 9px 0 6px 0; color: #d5463b; font-weight: bold;}
h2 {font-family: 'museo_sans500', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; margin: 9px 0 6px 0; color: #7b564e; font-weight: bold;}
h3 {font-family: 'museo_sans500', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; margin: 20px 0 12px 0; color: #7b564e; }
h4 {font-family: 'museo_sans500', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; margin: 9px 0 6px 0; color: #fff; }
h5 {font-family: 'museo_sans500', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22px; margin: 9px 0 6px 0; color: #d5463b; font-weight: bold;}

.homedate {font-family: 'museo_sans500'; color: #ffcc4d; font-size: 1em; text-align: center; margin: 12px 0 4px 0; text-transform: uppercase; font-weight: bold; letter-spacing: .02em;}
.homeplace {font-family: 'museo_sans500'; color: #7abcb8; font-size: 1.1em; text-align: center; margin: 3px 0 0 0; text-transform: uppercase; font-weight: bold;}
.tickettable {font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; margin:  0; color: #444444; font-weight: normal;}
.footerheading {text-align: center; text-transform: uppercase;}
.footertext {text-align: center; color: #fff; font-size: 13px; letter-spacing: .03em;}

@font-face {
    font-family: 'museo_sans500';
    src: url('fonts/museosans_500-webfont.eot');
    src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* NAVIGATION */

#navList {list-style-type: none; width: 1000px; position: relative; left: -40px; top: -19px; } 

#navList li
{display: inline; list-style-type: none; float: left; width: auto;}

#navHome
{display: block; width: 109px; height: 30px; border: 0; background: url("images/nav_01.png") no-repeat 0 0;}
#navHomeCurrentPage
{display: block; width: 109px; height: 30px; border: 0; background: url("images/nav_01.png") no-repeat 0 0; background-position: 0 -60px;}
#navHomeCurrentPage span
{display: none;}
#navHome:hover
{background-position: 0 -30px;}
#navHome:active
{background-position: 0 -60px;}
#navHome span
{display: none;}

#navCheesemakers
{display: block; width: 189px; height: 30px; background: url("images/nav_02.png") no-repeat 0 0;}
#navCheesemakersCurrentPage
{display: block; width: 189px; height: 30px; border: 0; background: url("images/nav_02.png") no-repeat 0 0; background-position: 0 -60px;}
#navCheesemakersCurrentPage span
{display: none;}
#navCheesemakers:hover
{background-position: 0 -30px;}
#navCheesemakers:active
{background-position: 0 -60px;}
#navCheesemakers span
{display: none;}

#navArtisanFood
{display: block; width: 313px; height: 30px; background: url("images/nav_03.png") no-repeat 0 0;}
#navArtisanFoodCurrentPage
{display: block; width: 313px; height: 30px; border: 0; background: url("images/nav_03.png") no-repeat 0 0; background-position: 0 -60px;}
#navArtisanFoodCurrentPage span
{display: none;}
#navArtisanFood:hover
{background-position: 0 -30px;}
#navArtisanFood:active
{background-position: 0 -60px;}
#navArtisanFood span
{display: none;}

#navSponsors
{display: block; width: 150px; height: 30px; background: url("images/nav_04.png") no-repeat 0 0;}
#navSponsorsCurrentPage
{display: block; width: 150px; height: 30px; border: 0; background: url("images/nav_04.png") no-repeat 0 0; background-position: 0 -60px;}
#navSponsorsCurrentPage span
{display: none;}
#navSponsors:hover
{background-position: 0 -30px;}
#navSponsors:active
{background-position: 0 -60px;}
#navSponsors span
{display: none;}

#navContact
{display: block; width: 167px; height: 30px; background: url("images/nav_05.png") no-repeat 0 0;}
#navContactCurrentPage
{display: block; width: 167px; height: 30px; border: 0; background: url("images/nav_05.png") no-repeat 0 0; background-position: 0 -60px;}
#navContactCurrentPage span
{display: none;}
#navContact:hover
{background-position: 0 -30px;}
#navContact:active
{background-position: 0 -60px;}
#navContact span
{display: none;}


/* LINKS */

a:link {color: #d5463b; text-decoration: underline; font-weight: bold;}
a:visited {color: #d5463b; text-decoration: underline; font-weight: bold;}
a:hover {color: #d5463b; text-decoration: none; font-weight: bold;}
a:active {color: #d5463b; text-decoration: underline; font-weight: bold;}

a.footerlink:link {color: #706e6e; text-decoration: none;}
a.footerlink:visited {color: #706e6e; text-decoration: none;}
a.footerlink:hover {color: #9c9c9c; text-decoration: underline;}
a.footerlink:active {color: #2f80a3; text-decoration: none;}

a.crossroadslink:link {color: #9c9c9c; text-decoration: none;}
a.crossroadslink:visited {color: #9c9c9c; text-decoration: none;}
a.crossroadslink:hover {color: #9c9c9c; text-decoration: underline;}
a.crossroadslink:active {color: #9c9c9c; text-decoration: none;}



/* CSS SLIDESHOW STYLES*/

#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 230px; 
    height: 287px; 
    padding: 0;
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}