@import "reset.css";

body {
font: normal 62.5% Helvetica, "Helvetica Neue", Arial;
color: #333;
}

#accessibility {
position:absolute;
top:0;
right:0;
width:20em;
margin:0 auto;
z-index:90;
}

#accessibility li {
display:inline;
}

#accessibility li a {
display:inline-block;
background:#404F0A;
color:#F8FFDF;
padding:3px 5px;
text-decoration:none;
}

#accessibility li a:hover {
background:#FFA011;
color:#404F0A;
}

#masthead {
position:relative;
width:98em;
height:243px;
margin:0 auto;
}

h1#logo a {
display:block;
background:url(/images/logo.png) no-repeat;
width:174px;
height:220px;
text-indent:-9999em;
margin:0 0 0 4px;
}

#headerPhoto {
background:url(/images/photo-top-home.png) no-repeat;
width:564px;
height:243px;
position:absolute;
top:0;
left:19em;
}

body#about #headerPhoto {
background:url(/images/photo-top-guitar.png) no-repeat;
}

body#event-info #headerPhoto {
background:url(/images/photo-top-aztec.png) no-repeat;
}

body#volunteer #headerPhoto {
background:url(/images/photo-top-dancer.png) no-repeat;
}

body#sponsors #headerPhoto {
background:url(/images/photo-top-busstop.png) no-repeat;
}

#flowerLarge {
background:url(/images/large-flower.png) no-repeat;
width:148px;
height:231px;
position:absolute;
bottom:0;
right:4em;
z-index:2;
}

#flowerSmall {
background:url(/images/small-flower.png) no-repeat;
width:115px;
height:157px;
position:absolute;
bottom:0;
right:14em;
z-index:3;
}

/* flickr badge */
#flickr {
overflow:hidden;
width:150px;
margin:5px 0 5px 18px;
}

#flickr em a {
display:block;
color:#0E1A14;
text-align:center;
font-size:1.2em;
}

#flickr em a:hover {
text-decoration:none;
}

#flickr a img {
float:left;
margin:1px;
background: url(/images/flickr-bg.png) no-repeat;
padding:5px;
width:60px;
height:60px;
}

form {
margin:5px 0;
}

form label {
display:block;
padding:3px 0;
font-size:1.1em;
}

form span {
display:block;
padding:5px;
font-size:1.2em;
background:#E0EFA4;
width:143px;
color: #9F0000;
font-weight:bold;
text-align:center;
}

form em {
color:#666;
}

form em:before {
content:"(";
}

form em:after {
content:")";
}

form textarea {
width:145px;
border:1px solid #999;
padding:3px;
}

#contactName, #contactEmail, #emailEmail {
width:145px;
border:1px solid #999;
padding:3px;
}

#formSubmissionResults h3, #emailListResults h3 {
background:#E0EFA4;
width:143px;
padding:5px;
color: #9F0000 !important;
font-weight:bold;
}

form #submit, form #submitEmail {
margin:3px 0;
}

#container {
position: absolute;
top:226px;
background:url(/images/tile-header.png) top repeat-x;
width:100%;
margin:0;
z-index:2;
}

#container #content {
width: 98em;
overflow: hidden;
position: relative;
margin: 0 auto;
}

/* Header */
#header {
position:relative;
background:url(/images/tile-top-dottedlines.jpg) repeat-x;
height:243px;
z-index:1;
}

/* Sidebar A & B */
#container #sidebarAwrapper {
background: url(/images/leftnav-strip.png) repeat-y;
float: left;
display: inline;
width: 20em;
margin-top: 2.6em;
vertical-align: top;
}

#container #sidebarAwrapper #sidebarA {
background: url(/images/leftnav-top.png) no-repeat;
width: 19em;
overflow: hidden;
}

#container #sidebarAwrapper #sidebarA .sideAContainer {
margin: 6px 0 16px;
}

#container #sidebarAwrapper #sidebarA .sideAContainer h3 {
background: url(/images/see-you-there.png) no-repeat 0 0;
height: 2.8em;
width: 14.8em;
margin: 8px 0 0 18px;
border-bottom: 2px dotted #fff;
text-indent: -9999px;
}

#container #sidebarAwrapper #sidebarA .sideAContainer h3.nthChild-2 {
background: url(/images/text-whats-new.png) no-repeat 0 0;
height: 2.8em;
width: 14.8em;
margin: 8px 0 0 18px;
border-bottom: 2px dotted #fff;
text-indent: -9999px;
}

#container #sidebarAwrapper #sidebarA .sideAContainer p {
width: 14em;
margin: 6px 0 6px 10px;
font: normal 1.2em/1.3em Helvetica, "Helvetica Neue", Arial, sans-serif;
text-align: center;
color: #0E1A14;
}

#container #sidebarAwrapper #sidebarAbottom {
background: url(/images/leftnav-bottom.png) no-repeat;
width: 19em;
height: 12px;
}

#flickrWrapper {
margin: 0 0 0 44px;
}

#sidebarB {
float: right;
display: inline;
width: 16em;
margin-top: 1.6em;
vertical-align: top;
}

#sidebarB h3 {
font: normal 1.7em 'Palatino Linotype','Palatino',Times,serif;
color: #183025;
margin: 1em 0 .5em 0;
}

#sidebarB #mailing-list {
margin: 4px 0;
}

#sidebarB p {
font: normal 1.2em Helvetica, "Helvetica Neue", Arial;
color: #333;
margin: 0;
}

#sidebarB .sideBContainer a img {
margin: 14px auto;
display: block;
}	

#sidebarB #socialNetworking {
margin-top: .8em;
overflow: hidden;
}

#sidebarB #socialNetworking ul {	
clear: left;
}

#sidebarB #socialNetworking li {	
float: left;
display: inline;
margin: 0 0 6px;
}

#sidebarB #socialNetworking #facebook a {	
height: 48.5px;
display: block;
width: 49px;
text-indent: -9999px;
background: url(/images/facebook.png) no-repeat 0 0;
}

#sidebarB #socialNetworking #twitter a {	
height: 48.5px;
display: block;
width: 49px;
text-indent: -9999px;
background: url(/images/twitter.png) no-repeat 0 0;
}

#sidebarB #socialNetworking #facebook a:hover {	
height: 48.5px;
background: url(/images/facebook.png) no-repeat 0 -48.5px;
}

#sidebarB #socialNetworking #twitter a:hover {	
height: 48.5px;
background: url(/images/twitter.png) no-repeat 0 -48.5px;
}

#sidebarB #socialNetworking p {	
clear: both;
margin: 4px 0;
}

/* Main Content */
#main ul {
list-style-type: none;
list-style-position: outside;
padding: 0;
}

#main #daysLeft {
float: right;
background: url(/images/calendar-bg.png) no-repeat 0 0;
width: 140px;
height: 152px;
}

#container #navigation {
position: absolute;
top: 3em;
left: 20em;
padding: 0 0 .5em 0;
border-bottom: 1px solid #DAD6D4;
}

#container #navigation ul li {
display: inline;
float: left;
}

#container #navigation ul li a {
height: 43px;
float: left;
display: block;
padding: 2px 4px;
text-indent: -9999px;
}

#container #navigation ul li.home a {
background: url(/images/home.png) no-repeat 0 0;
width: 86px;
}

#container #navigation ul li.about a {
background: url(/images/about-us.png) no-repeat 0 0;
width: 87px;
}

#container #navigation ul li.eventInfo a {
background: url(/images/event-info.png) no-repeat 0 0;
width: 124px;
}

#navigation ul li.volunteer a {
background: url(/images/volunteer.png) no-repeat 0 0;
width: 126px;
}

#navigation ul li.sponsors a {
background: url(/images/sponsors.png) no-repeat 0 0;
width: 115px;
}

#container #navigation ul li.home a:hover {
background: url(/images/home.png) no-repeat 0 -58px;
width: 86px;
}

#container #navigation ul li.about a:hover {
background: url(/images/about-us.png) no-repeat 0 -58px;
width: 87px;
}

#container #navigation ul li.eventInfo a:hover {
background: url(/images/event-info.png) no-repeat 0 -58px;
width: 124px;
}

#navigation ul li.volunteer a:hover {
background: url(/images/volunteer.png) no-repeat 0 -58px;
width: 126px;
}

#navigation ul li.sponsors a:hover {
background: url(/images/sponsors.png) no-repeat 0 -58px;
width: 115px;
}

#container #navigation ul li.home.active a {
background: url(/images/home.png) no-repeat 0 -58px;
width: 86px;
}

#container #navigation ul li.about.active a {
background: url(/images/about-us.png) no-repeat 0 -58px;
width: 87px;
}

#container #navigation ul li.eventInfo.active a {
background: url(/images/event-info.png) no-repeat 0 -58px;
width: 124px;
}

#navigation ul li.volunteer.active a {
background: url(/images/volunteer.png) no-repeat 0 -58px;
width: 126px;
}

#navigation ul li.sponsors.active a {
background: url(/images/sponsors.png) no-repeat 0 -58px;
width: 115px;
}

a {
color: #0D1913;
text-decoration: underline;
}

body.home #main h2 {
font-size: 2.8em;
}

#container #content #main {
	float: left;
width: 58em;
overflow: hidden;
margin: 3em auto 0;
min-height: 59.6em;
padding-right: 2em;
padding-top: 7.8em;
border-right: 2px dotted #B5AEAA;
}
#main #daysLeft {
position: relative;
margin: 0 0 2em 2em;
}

#daysLeft h3 {
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

#daysLeft h3.days {
width: 140px;
text-align: center;
margin: 43px 0 0 0;
font-size: 4.5em;
font-weight: normal;
}

#daysLeft span.daysReplace {
display: block;
width: 102px;
height: 36px;
text-indent: -9999px;
margin: 0;
position: absolute;
top: 92px;
left: 13px;
background: transparent url(/images/days-left.png) no-repeat left top;
}

#main h2, #main h1 {
font-weight: normal;
font-family: 'Palatino Linotype', 'Palatino', Times, serif;
color: #133325;
}

#main h1 {
margin-bottom: 0.3em;
font-size: 2.8em;
}

#main h2 {
font-size: 1.8em;
}

#main h3 {
font: normal 1.8em 'Palatino Linotype', 'Palatino', Times, serif;
color: #133325;
}

#main p {
line-height: 1.3em;
margin: 0.5em 0 1em;
font-size: 1.4em;
}

#main ul {
margin: 0.5em 0 1em;
padding-left: 1em;
list-style-position: outside;
list-style-type: disc;
}

#main ol ul {
margin-top: 0;
}

#main ol {
margin: 0.5em 0 1em;
padding-left: 1em;
list-style-type: decimal;
list-style-position: outside;
}

#main li {
margin-left: 1em;
font-size: 1.3em;
line-height: 1.3em;
}

#main li li {
font-size: 1em;
}

#main caption {
margin-bottom: 0.5em;
font: normal 1.8em 'Palatino Linotype', 'Palatino', Times, serif;
color: #133325;
}

#main table {
border-top: 1px solid #ccc;
}

#main table thead th {
font-size: 1.4em;
}

#main th {
color: #133325;
}

#main th, #main td {
border-bottom: 1px solid #ccc;
text-align: left;
padding: 5px;
font-size: 1.3em;
border-collapse: collapse;
}

#main tr td.alt, #main tr th.alt {
background-color: #C3D09E;
}

#main td span {
display: block;
padding-left: 1.5em;
padding-right: 2em;
}

#footer {
padding-top: 2em;
clear: both;
font-size: 1.2em;
}

#footer ul {
text-align: center;
}

#footer li {
display: inline;
padding: 0 1em
}

#footer p {
margin: 1em 0;
text-align: center;
}

#footer a {
color: #0D1913;
text-decoration: underline;
}