﻿@import url(reset.css);
@import url(960.css);

body {background: #a36010 url(i/bgTexture.jpg); font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 100%; color: #282828;}

h1 {display: block; width: 100%; height: 298px; background: url(i/header2012.jpg) no-repeat center top; text-indent: -700em;}

h2 { text-align: center; font-size: 2em; margin-bottom: 15px; text-transform: uppercase; color: #ee8a1f; font-family: Arial Black, Arial, Verdana, Helvetica, Sans-Serif;}
h3 {font-size: 1.5em; color: #ee8a1f; font-family: Arial Black, Arial, Verdana, Helvetica, Sans-Serif; margin-bottom: 9px;}
p {font-size: .75em; padding-bottom: 9px; line-height: 22px;}
ul { list-style: disc; font-size: .875em; }
li {margin-bottom: 18px;}

.vendorList {display: block; float: left; width: 245px; margin-left: 35px; }

.center {text-align: center;}
.intro {font-size: 1.25em; line-height: 36px;}
.intro strong {font-size: 1.625em;}
.intro em { font-style: normal; font-weight: bold; font-size: 1.5em;}

.contentWrapper {display: block; width: 640px; background: url(i/contentWrapperBg.png) repeat-y top center;}
.contentTop {display: block; width: 640px; height: 19px; background: url(i/contentTop.png) no-repeat top left;}
.contentBase {display: block; width: 640px; height: 29px; background: url(i/contentBase.png) no-repeat top center;}
.contentPadding {padding: 5px 25px;}

.contentDetails p, .contentContact p {text-align: center; font-size: 1em;}

table.schedule {text-align: left; margin-bottom: 15px; border-collapse: collapse; }
.schedule tr {}
.schedule tr.head {background: #9B5203;}
.schedule tr.alt {background: #FFD19F;}
.schedule th {font-size: .875em; padding: 3px; color: #fff;}
.schedule td {padding: 3px; font-size: .875em;}
.schedule td.time {width: 125px;}
.schedule td.vendor {font-weight: bold;}

.menu {display: block; width: 635px; height: 42px; position: relative; left: 3px;}
/* Menu -- based upon css sprites2 ALA article by Dave Shea */
.nav {
	width: 635px;
	height: 42px;
	background: url(i/menuSprite.png) no-repeat;
	position: absolute;
	/*top: 33px;
	left: 50px;*/
	
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 42px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
/* About */
	.nav .about a:link, .nav .about a:visited {
		left: 0px;
		width: 137px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(i/menuSprite.png) no-repeat 0px -75px;
	}
	.nav .about a:active {
		background: url(i/menuSprite.png) no-repeat 0px -75px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(i/menuSprite.png) no-repeat 0px -75px;
		cursor: pointer;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 137px;
		height: 42px;
		background: url(i/menuSprite.png) no-repeat 0px -75px;
	}
	.nav-about-click {
		background: url(i/menuSprite.png) no-repeat 0px -75px;
	}

/* Details */

	.nav .details a:link, .nav .details a:visited {
		left: 142px;
		width: 137px;
	}
	.nav .details a:hover, .nav .details a:focus {
		background: url(i/menuSprite.png) no-repeat -142px -75px;
	}
	.nav .details a:active {
		background: url(i/menuSprite.png) no-repeat -142px -75px;
	}
	.current-details .details a:link, .current-details .details a:visited {
		background: url(i/menuSprite.png) no-repeat -142px -75px;
		cursor: pointer;
	}
	.nav-details, .nav-details-click {
		position: absolute;
		top: 0;
		left: 142px;
		width: 137px;
		height: 42px;
		background: url(i/menuSprite.png) no-repeat -142px -75px;
	}
	.nav-details-click {
		background: url(i/menuSprite.png) no-repeat -142px -75px;
	}
	
/* Vendors */

	.nav .vendors a:link, .nav .vendors a:visited {
		left: 283px;
		width: 137px;
	}
	.nav .vendors a:hover, .nav .vendors a:focus {
		background: url(i/menuSprite.png) no-repeat -283px -75px;
	}
	.nav .vendors a:active {
		background: url(i/menuSprite.png) no-repeat -283px -75px;
	}
	.current-vendors .vendors a:link, .current-vendors .vendors a:visited {
		background: url(i/menuSprite.png) no-repeat -283px -75px;
		cursor: pointer;
	}
	.nav-vendors, .nav-vendors-click {
		position: absolute;
		top: 0;
		left: 283px;
		width: 137px;
		height: 42px;
		background: url(i/menuSprite.png) no-repeat -283px -75px;
	}
	.nav-vendors-click {
		background: url(i/menuSprite.png) no-repeat -283px -75px;
	}

/* Contact */
	.nav .contact a:link, .nav .contact a:visited {
		left: 424px;
		width: 137px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(i/menuSprite.png) no-repeat -424px -75px;
	}
	.nav .contact a:active {
		background: url(i/menuSprite.png) no-repeat -424px -75px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(i/menuSprite.png) no-repeat -424px -75px;
		cursor: pointer;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 424px;
		width: 137px;
		height: 42px;
		background: url(i/menuSprite.png) no-repeat -424px -75px;
	}
	.nav-contact-click {
		background: url(i/menuSprite.png) no-repeat -424px -75px;
