/* YUI RESET  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
 


/* YUI BASE */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
a, input {
	outline:none;
}


body {
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	background-color: #E0EACE;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {
	color: #316CCD;
	text-decoration: none;
}
.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.divider {
	background-image: url(images/leftcol-bg.gif);
	height: 1px;
	margin-bottom: 1em;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.imgRight {
	float: right;
	padding: 1px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	margin-left: 20px;
}
#wrapper {
	width: 889px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 166px;
	position: relative;
	z-index: 50;
}
h1.logo {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 166px;
	width: 688px;
}
a.homelink {
	position: absolute;
	left: 38px;
	bottom: 4px;
	background-image: url(images/homelink.gif);
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 14px;
	width: 43px;
	font-size: 14px;
	line-height: 14px;
}
#header .dateBox {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	height: 166px;
}
.dateBox .date {
	position: absolute;
	top: 26px;
	right: 26px;
	background-image: url(images/header-date.gif);
	background-repeat: no-repeat;
	height: 68px;
	width: 123px;
	text-indent: -9999px;
}
.dateBox .addToCalendar {
	position: absolute;
	right: 26px;
	top: 98px;
	background-image: url(images/add-to-calendar.gif);
	width: 125px;
	height: 36px;
	text-indent: -9999px;
	z-index: 100;
	cursor: pointer;
	cursor: hand;	
}
.addToCalendar .fix {
	font-size: 1px;
	line-height: 1px;
}
.addToCalendar .calendarLinks {
	width: 102px;
	position: absolute;
	left: 6px;
	top: 33px;
	font-size: 11px;
	z-index: 100;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	display: none;
	text-indent: 0px;
}
#main {
	background-image: url(images/main-middle.gif);
	z-index: 5;
}
#main.content {
	background-image: url(images/main-middle-content.gif);
}
#homeBanner {
	height: 379px;
	background-image: url(images/homebanner-bg.gif);
	background-repeat: repeat-y;
	padding-right: 17px;
	padding-left: 17px;
	position: relative;
}
#nav {
	height: 379px;
	width: 284px;
	background-image: url(images/nav-bg.gif);
	background-repeat: no-repeat;
}
#homeBanner #nav {
	position: absolute;
	top: 0px;
	left: 17px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	display: block;
	height: 34px;
	background-image: url(images/nav-sep.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nav ul li a span {
	display: block;
	background-repeat: no-repeat;
	background-position: 25px 2px;
	height: 33px;
	text-indent: -9999px;
}
#nav ul li a.helen-keller-story {
	height: 38px;
}
#nav ul li a.helen-keller-story span {
	background-image: url(images/nav-helen-keller-story.gif);
	height: 37px;
}
#nav ul li a.calendar-of-events span {background-image: url(images/nav-calendar-of-events.gif);}
#nav ul li a.bands-and-musicians span {background-image: url(images/nav-bands-and-musicians.gif);}
#nav ul li a.exhibits-and-vendors span {background-image: url(images/nav-exhibits-and-vendors.gif);}
#nav ul li a.keller-kids span {background-image: url(images/nav-keller-kids.gif);}
#nav ul li a.sponsors span {background-image: url(images/nav-sponsors.gif);}
#nav ul li a.volunteer span {background-image: url(images/nav-volunteer.gif);}
#nav ul li a.general-information span {background-image: url(images/nav-general-information.gif);}
#nav ul li a.board-of-directors span {background-image: url(images/nav-board-of-directors.gif);}
#nav ul li a.special-events span {
	background-image: url(images/nav-special-events.gif);
	background-position: 25px 1px;
}
#nav ul li a.applications span {background-image: url(images/nav-applications.gif);}

#nav ul li a.last {background-image: none;}

#homePhotos {
	height: 379px;
	width: 570px;
	position: absolute;
	top: 0px;
	right: 17px;
}
.countdown {
	position: absolute;
	height: 33px;
	width: 570px;
	background-image: url(images/countdown-bg.png);
	color: #FFF;
	font-size: 14px;
	z-index: 10;
}
.countdown .text {
	position: absolute;
	left: 15px;
	top: 8px;
}
.countdown .numbers {
	position: absolute;
	top: 8px;
	right: 15px;
	width: 200px;
	text-align: right;
}

.become-sponsor-link-home {
	height: 32px;
	width: 219px;
	bottom:15px;
	right:15px;
	position: absolute;
	z-index: 10;
}
.become-sponsor-link-home a {
	background-image: url(images/become-a-sponsor-link.png);
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	width: 219px;
	text-indent: -9999px;
}

.rotator {
	height: 379px;
	width: 570px;
	overflow:hidden;
}
#homeContent {
	padding-right: 17px;
	padding-left: 17px;
	background-image: url(images/shadow-sep-1.gif);
	background-repeat: no-repeat;
	background-position: 17px 2px;
	clear: both;
	padding-top: 15px;
}
.homeColOne {
	float: left;
	width: 256px;
	padding-left: 15px;
	padding-right: 13px;
	padding-top: 12px;
}
.homeColOne a img {
	margin-bottom: 14px;
}
h3.featured-ent {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	display: block;
	height: 22px;
	width: 160px;
	background-image: url(images/title-featured-entertainment.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.homeColTwo {
	float: left;
	width: 259px;
	background-image: url(images/home-col-borders.gif);
	padding-left: 13px;
	padding-right: 14px;
	padding-top: 12px;
}
.homeColTwo a img {
	padding-bottom: 20px;
}
.bandsRotator {
	margin-bottom: 20px;
}
.bandsRotator a img {
	padding-bottom: 0px;
}
.homeColThree {
	float: left;
	width: 254px;
	padding-right: 15px;
	padding-left: 16px;
}
.socialLinks  {
	padding-top: 7px;
	padding-bottom: 12px;
	text-align: center;
}
.updatesForm {
	padding-top: 12px;
	padding-bottom: 12px;
	background-image: url(images/shadow-sep-3.gif);
	background-repeat: no-repeat;
}
h3.updatesFormTitle {
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	text-indent: -9999px;
	height: 31px;
	width: 168px;
	background-image: url(images/title-signup-updates.gif);
	background-repeat: no-repeat;
}
.updatesForm p.success {
	color: #6A9910;
	text-align: center;
	font-size: 12px;
}
.updatesForm form {
	padding-left: 16px;
}
.updatesForm form input {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/updates-input-bg.gif);
	height: 24px;
	width: 177px;
	outline: none;
	padding-top: 7px;
	padding-left: 10px;
	float: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #666;
	background-repeat: no-repeat;
}
.updatesForm form input.submit {
	background-image: url(images/go-button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	width: 41px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: transparent;
	text-transform: capitalize;
}
.contributeLink {
	padding-top: 12px;
	padding-bottom: 8px;
	text-align: center;
	background-image: url(images/shadow-sep-3.gif);
	background-repeat: no-repeat;
}
.twitterFeed {
	padding-top: 12px;
	padding-bottom: 5px;
	background-image: url(images/shadow-sep-3.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #666666;
	padding-right: 12px;
	padding-left: 2px;
}
.twitterFeed p {
	margin-bottom: 0px;
}
h3.twitterFeedTitle {
	height: 22px;
	width: 84px;
	background-image: url(images/title-twitter-feed.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
img.rssSymbol {
	float: right;
}
.twitterFeed #tweets {
	clear: both;
}
.twitterFeed ul {
	margin: 0px;
	list-style-type: none;
}
.twitterFeed ul li {
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 15px;
	background-image: url(images/gray-arrows.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 1.2em;
}
.sponsorLogos {
	clear: both;
	text-align: center;
	padding-top: 33px;
	background-image: url(images/shadow-sep-2.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
h3.majorSponsors {
	display: block;
	height: 35px;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/title-major-sponsors.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.sponsorLogos img {
	margin-right: 7px;
	margin-left: 7px;
}
#content {
	padding-right: 17px;
	width: 570px;
	float: right;
	background-image: url(images/main-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.pagePhoto {
	margin-bottom: 2px;
}
.pageTitle {
	background-image: url(images/page-title-header-bg.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding-top: 9px;
	padding-left: 25px;
}
.pageTitle h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 46px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

h2.helen-keller-story {background-image: url(images/page-title-story.gif);}
h2.calendar-of-events {background-image: url(images/page-title-cal.gif);}
h2.bands-and-musicians {background-image: url(images/page-title-bands-and-musicians.gif);}
h2.exhibits-and-vendor {background-image: url(images/page-title-exhibits-vendors.gif);}
h2.keller-kids {background-image: url(images/page-title-keller-kids.gif);}
h2.sponsors {background-image: url(images/page-title-sponsors.gif);}
h2.volunteer {background-image: url(images/page-title-volunteer.gif);}
h2.general-information {background-image: url(images/page-title-gen-info.gif);}
h2.board-of-directors {background-image: url(images/page-title-board.gif);}
h2.special-events {background-image: url(images/page-title-special-sporting.gif);}
h2.applications {background-image: url(images/page-title-apps.gif);}
h2.map-and-directions {background-image: url(images/page-title-map.gif);}
h2.the-miracle-worker {background-image: url(images/page-title-miracle-worker.gif);}
h2.become-sponsor {background-image: url(images/page-title-become-sponsor.gif);}


#textArea {
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #4D3D4D;
}


#textArea h3 {
	margin-bottom: 0.3em;
	color: #6A9917;
}
.dayBands {
	display: block;
	text-align: center;
	background-color: #6A9917;
	color: #FFF;
	font-weight: bold;
}
.bandphoto {
	float: left;
	margin-bottom: 20px;
	margin-top: 5px;
}
.bandinfo {
	float: right;
	width: 350px;
	margin-bottom: 20px;
}
table.textOnly td{
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.scheduleDays {
	padding-top: 20px;
}
.scheduleDays .intructions {
	margin-bottom: 25px;
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
}
.scheduleDays a {
	display: block;
	float: left;
	height: 138px;
	width: 117px;
	margin-bottom: 22px;
	margin-right: 6px;
	margin-left: 6px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.scheduleDays a.fourth {
	margin-left: 65px;
}

.scheduleDays .june21 {background-image: url(images/june21.gif);}
.scheduleDays .june22 {background-image: url(images/june22.gif);}
.scheduleDays .june23 {background-image: url(images/june23.gif);}
.scheduleDays .june24 {background-image: url(images/june24.gif);}
.scheduleDays .june25 {background-image: url(images/june25.gif);}
.scheduleDays .june26 {background-image: url(images/june26.gif);}
.scheduleDays .june27 {background-image: url(images/june27.gif);}


.dayDetails {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #4D3D4D;
	width: 600px;
	padding: 20px;
}

.dayDetails h3 {
	margin-bottom: 1em;
	font-size: 1.4em;
	color: #6A9917;
}


#leftCol {
	padding-left: 17px;
	float: left;
	width: 284px;
	background-image: url(images/main-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.lowerLeft {
	padding-right: 14px;
	padding-left: 15px;
	background-image: url(images/shadow-sep-3.gif);
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: left 2px;
}
.imageLinks {
	background-image: url(images/shadow-sep-3.gif);
	padding-top: 18px;
	background-repeat: no-repeat;
}
.imageLinks img {
	margin-bottom: 15px;
}
.sponsorbox {
	float: left;
	width: 160px;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	border: 1px solid #EEE;
}
.sponsorbox .logo {
	height: 90px;
	font-size: 14px;
	line-height: 16px;
	font-variant: small-caps;
	font-weight: bold;
}
.sponsorbox .logo a {
	color: #4D3D4D;
}
.sponsorbox .text {
	height: 40px;
}
.sponsorbox .text a {
	color: #666;
}
#footer {
	background-image: url(images/main-bottom.gif);
	background-repeat: no-repeat;
	height: 65px;
	position: relative;
	color: #666666;
	font-size: 11px;
	clear: both;
}
#footer.content {
	background-image: url(images/main-bottom-content.gif);
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer .copyright {
	position: absolute;
	top: 40px;
	left: 20px;
}
#footer .credit {
	position: absolute;
	top: 40px;
	right: 20px;
}