html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, code, em, font, img, 
q, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:normal;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
html { overflow: -moz-scrollbars-vertical !important; }
body {
font-family:arial, helvetica, sans-serif;
font-weight:normal;
background:url(../img/Paper1.jpg) top left repeat #e9dccb;
color:#111;
line-height:1.4;
}
#wrapper{
width:775px;
margin:0 auto;
}
ul {
list-style: none;
}
li{
margin-bottom:0.5em;
}
a{
color:#b70369;
text-decoration: none;
font-weight:bold;
}
a:hover{
color:#057060;
text-decoration:underline;
}
strong{
font-weight:bold;
}
p, li, blockquote, cite{
font-family:arial, helvetica, sans-serif;
font-size:75%;
}
p{
line-height:1.5;
margin:0 0 1.5em 0;
}
img.floatRight{
float:right;
padding-left:1.5em;
}
h2, #menu li{
font-family:helvetica, arial, sans-serif;
text-transform:uppercase;
}
h1 span{
position:absolute;
left:-2000px;
}
h2{
font-size:87.5%;
font-weight:bold;
margin-bottom:1em;
padding-bottom:0.5em;
border-bottom:1px solid #333;
color:#333;
line-height:1;
}
h3{
font-size:75%;
font-weight:bold;
text-transform:uppercase;
margin:0 0 0.5em 0;
}
h3 span{
font-size:90%;
text-transform:capitalize;
font-style:italic;
display:block;
}
#branding img{
float:right;
padding:0 10px 5px 0;
margin-top:20px;
}
#menu, #content{
float:right;
clear:both;
width:100%;
padding:1em 0;
}

#menu ul{
width:777px;
}
#menu li{
float:left;
}
#menu a, #menu h1{
display:block;
width:85px;
height:57px;
float:left;
background:url(../img/new_menu2.png) top left no-repeat;
}
#menu a:hover{
background:url(../img/new_menu2.png) bottom left no-repeat;
}
#menu #Dates a{background-position:-85px 0;}
#menu #Music a{background-position:-170px 0;}
#menu #Listen a{background-position:-255px 0;}
#menu #Images a{background-position:-340px 0;}
#menu #FAQs a{background-position:-425px 0;}
#menu #Friends a{background-position:-510px 0;}
#menu #Contact a{background-position:-595px 0;}
#menu #Shop a{background-position:-680px 0;}

#menu #News a:hover, #menu #News h1{background-position:0px -57px;}
#menu #Dates a:hover, #menu #Dates h1{background-position:-85px -57px;}
#menu #Music a:hover, #menu #Music h1{background-position:-170px -57px;}
#menu #Listen a:hover, #menu #Listen h1{background-position:-255px -57px;}
#menu #Images a:hover, #menu #Images h1{background-position:-340px -57px;}
#menu #FAQs a:hover, #menu #FAQs h1{background-position:-425px -57px;}
#menu #Friends a:hover, #menu #Friends h1{background-position:-510px -57px;}
#menu #Contact a:hover, #menu #Contact h1{background-position:-595px -57px;}
#menu #Shop a:hover, #menu #Shop h1{background-position:-680px -57px;}

#menu a span, #menu h1 span{
position:absolute;
left:-3000px;
}

#colOne, #colTwo, #colThree{
padding:0 7px;
}
.threeCol #colOne, .threeCol #colTwo, .threeCol #colThree, 
.twoCol #colOne, .twoCol #colTwo{
width:205px;
float:left;
margin-left:25px;
}
.threeCol #colOne, .twoCol #colOne{
margin-left:25px;
}
.threeCol #colTwo{
width:225px;
}
.twoCol #colTwo{
width:474px;
}
.oneCol{
width:699px;
}

dl{
font-size:75%;
padding:0 0 1em 0;
}
dl dd{
font-weight:bold;
margin-bottom:1.3em;
}
dl dd a span{
position:absolute;
left:-2000px;
}
dl#faqslist dt{
font-weight:bold;
text-transform:uppercase;
margin-bottom:0.5em;
}
dl#faqslist dd{
font-weight:normal;
margin-bottom:2em;
}
dl#faqslist dd.albumFaqs{
margin-bottom:1em;
}
dl#faqslist dd a{
font-weight:bold;
}
dl#faqslist p{
font-size:100%;
margin-bottom:0.8em;
}
img#twoColPhoto, img#oneColPhoto{
float:right;
font-size:87.5%;
margin-top:1.5em;
}
img#oneColPhoto{
float:left;
}

/* home page*/


#homepage #colOne img{
margin-left:150px;
}


/* news page */

.newsItem{
padding-bottom:1.5em;
}
.newsItem p{
margin-bottom:1em;
}
.newsItem h3{
color:#333;
margin-bottom:0.5em;
}
.newsItem h3 span{
color:#666;
}

/* dates page */

.buyTickets{
display:block;
}
.buyTickets a{
color:#057060;
}

/* music page */

.hideAllAlbums .albumHolder{
display:none;
}

.albumHolder{
padding-bottom:3em;
width:475px;
float:right;
}
.albumHolder img{
float:left;
margin-left:10px;
border:1px solid #666;
width:150px;
}
.albumHolder ol{
margin:1em 0 1em 0px;
padding-left:30px;
float:left;
clear:left;
width:170px;
}
.albumHolder ol li{
margin-bottom:0.25em;
}
.albumHolder p, .albumHolder cite{
margin:0 0 1em 0;
display:block;
}
.albumHolder p, .albumHolder blockquote, .albumHolder cite {
padding:0 1em 0 225px;
}
.albumHolder cite{
font-style:italic;
color:#666;
}
.albumHolder p cite{
font-size:100%;
padding:0;
}
p.backToTop{
text-align:right;
}

/* images page */

#thumbs img{
border:1px solid #333;
padding:1px;
background:#333;
}
#placeholder{
float:right;
margin-right:7px;
margin-bottom:2em;
}
#thumbs{
list-style:none;
width:260px;
position:relative;
height:250px;
}
#thumbs li img{
display:inline;
position:absolute;
width:50px; 
height:50px;
top:0; /* used for top row, overrriden later for others */
left:0; /* used for first item in each row */
} 
#thumbs #p2 img{left:75px;}
#thumbs #p3 img{left:150px;}
#thumbs #p4 img{top:70px;}
#thumbs #p5 img{left:75px;top:70px;}
#thumbs #p6 img{left:150px;top:70px;}
#thumbs #p7 img{top:140px;}
#thumbs #p8 img{left:75px;top:140px;}
#thumbs #p9 img{left:150px;top:140px;}
#thumbs #p10 img{top:210px;}
#thumbs #p11 img{left:75px;top:210px;}
#thumbs #p12 img{left:150px;top:210px;}
#thumbs #p13 img{top:280px;}
#thumbs #p14 img{left:75px;top:280px;}
#thumbs #p15 img{left:150px;top:280px;}
#thumbs #p16 img{top:350px;}
#thumbs #p17 img{left:75px;top:350px;}
#thumbs #p18 img{left:150px;top:350px;}
#thumbs #p19 img{top:420px;}
#thumbs #p20 img{left:75px;top:420px;}
#thumbs #p21 img{left:150px;top:420px;}
#thumbs #p22 img{top:490px;}
#thumbs #p23 img{left:75px;top:490px;}
#thumbs #p24 img{left:150px;top:490px;}
#thumbs #p25 img{top:560px;}
#thumbs #p26 img{left:75px;top:560px;}
#thumbs #p27 img{left:150px;top:560px;}
#thumbs #p28 img{top:630px;}
#thumbs #p29 img{left:75px;top:630px;}
#thumbs #p30 img{left:150px;top:630px;}
#thumbs #p31 img{top:700px;}
#thumbs #p32 img{left:75px;top:700px;}
#thumbs #p33 img{left:150px;top:700px;}
#thumbs #p34 img{top:770px;}
#thumbs #p35 img{left:75px;top:770px;}
#thumbs #p36 img{left:150px;top:770px;}
#thumbs #p37 img{top:840px;}

#thumbs a:hover img{
width:90px;
height:90px;
background:#000;
outline:1px solid #fff;
z-index:100;
margin:1px 0 0 1px;
}
#thumbs #p3 a:hover img,
#thumbs #p6 a:hover img,
#thumbs #p9 a:hover img,
#thumbs #p12 a:hover img,
#thumbs #p15 a:hover img,
#thumbs #p18 a:hover img{
margin-left:-40px;
}
.imgDownload{
font-size:0.75em;
float:left;
margin-bottom:15px;
}
.imgDownload img{
float:left;
margin-right:10px;
border:1px solid #000;
outline:1px solid #333;
}




/* faqs page */

#faqsPage #faqslist dt{
color:#057060;
}

/* listen page */

#listenPage ol{
margin-left:25px;
}


/* shop */

#shopPage #colTwo img{
margin-right:50px;
}

/* contact page */

#signupList form{
width:205px;
}
#signupList input{
width:200px;
margin-bottom:0.8em;
}
#signupList #submit{
width:auto;
margin-left:2px;
}

/* mailing list */

#mailListPage{
width:100%;
}





object{
margin:5px 0 0 25px;
}


