body {
    background: #fff;
    min-width : 873px; /* prevent inaccessible left-margins in narrow browser windows */
}
h1 {
    margin : 0;
    padding : 0;
    height : 35px;
    position : relative;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    left : 50%;
}
h1#meet {
    width : 302px;
    margin-left : -151px;
}
h1#calendar {
    width : 315px;
    margin-left : -157px;
}
h1#booking {
    width : 438px;
    margin-left : -218px;
}
h1#albumsbanner {
    width : 298px;
    margin-left : -149px;
}

h1 span {
    position : absolute;
    width : 100%;
    height : 100%;
}
h1#meet span {
    background : url(images/meetbanner.gif) no-repeat center;
}
h1#calendar span {
    background : url(images/calendarbanner.gif) no-repeat;
}
h1#booking span {
    background : url(images/bookingbanner.gif) no-repeat;
}
h1#albumsbanner span {
    background : url(images/albumsbanner.gif) no-repeat;
}

/* Links */
a:link, a:visited, a:active {
    color: #339;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
    color: #50d;
}

/* Paragraph text */
p.fineprint {
    text-align: center;
    font-size: smaller;
    font-family: Helvetica,Arial,sans-serif;
}

p.quote {
    text-align: center;
    margin : 1em 5em 0 5em;
}

p.rightquote {
    text-align: right;
    margin : 0 5em;
}

a img#backhome {
    border : none;
}

/* Meet the Trail Band */
div#members {
    padding : 0;
    margin: 20px auto 0 auto;
    width : 800px;
}
div.member, div.twomember {
    float : left;
    display : inline; /* css mastery pg 178 / IE 6 etc bug fix */
}
div.member {
    margin : 10px 90px 0 90px;
}
div.twomember {
    margin : 10px 0 0 0;
}
div#members a img {
    float : left;
    margin : 0;
    padding : 2px;
    border : none;
}
div#members a:hover img {
    background : #ccc;
}
div#members p {
    float : left;
    width : 440px;
    padding : 0;
    display : inline; /* css mastery pg 178 / IE 6 etc bug fix */
}
div#members div.twomember p {
    margin : 0 15px;
    width : 450px;
}
div.member p.right {
    margin : 0 0 0 10px;
}
div.member p.left {
    margin : 0 10px 0 0;
}
div#overview {
    clear : both;
    text-align : center;
    padding : 30px 0 20px 0;
    margin: 0 auto;
    width : 800px;
}
div#overview p {
    text-align : left;
    line-height : 110%;
}

/* Booking */
p.book {
    margin: 2em 5em 0 5em;
    line-height : 110%;
    clear : both;
}

div.hack {
    width : 100%;
    text-align : center;
}

div.picquote {
    width : 75%;
    margin : 0 auto;
    text-align : center;
}

div.picquote img {
    float : left;
    margin : 1em 2em 3em 0;
}

div.picquote p {
    position : relative;
    top : 80px;
    color : green;
    font-size : 1.2em;
    line-height : 0.9;
    font-style : italic;
}

/* htmldog.com */
blockquote.pquote {
    text-align: center;
    color : green;
    font-size : 1.2em;
    line-height : 0.9;
    font-style : italic;
    margin: 0 5em;
}

blockquote.pquote p.by {
    text-align : right;
}

ul.book {
    margin: 1em 5em 0 5em;
    line-height : 150%;
}

/* Calendar */
div#listing {
    font-family : Helvetica, Arial, sans-serif;
    margin : 0 50px;
    width : 700px;
}
.calendar {
    font-weight: bold;
}

.holiday {
    color: red;
    text-align: center;
    border-bottom: 2px solid green;
}

.special {
    color: green;
    border-bottom: 2px solid #339;
}

.shows {
    color: #50d;
    border-bottom: 2px solid #339;
}

.strike {
    text-decoration : line-through;
}

.change {
    color : red;
}

/* Albums */
body#albums {
}
div.albumpics {
    margin : 35px 0 10px 0;
    text-align : center;
}
div.albumpics ul {
    padding : 0;
    margin : 0 0 5px 0;
}
div.albumpics li {
    list-style : none;
    margin : 0;
    padding : 3px;
    display : inline;
}
div.albumpics a img {
    text-decoration : none;
    border-left : 2px solid #eee;
    border-right : 2px solid #eee;
    border-top : 2px solid #ddd;
    border-bottom : 2px solid #ddd;
    background : #eee;
    padding : 4px;
    width : 150px;
    height : 150px;
}
#albums p {
    margin : 1em 5em 0 5em;
}
#albums h3 {
    margin : 1em 5em 0 5em;
}
div.album {
    margin : 2em 5em;
}
div.album img {
    float : left;
    height : 150px;
    width : 150px;
    margin : 0 10px 5px 0;
}
#albums div.album p {
    margin : 1em 0;
}
p.albumtitle {
    font-weight : bold;
    font-size : 120%;
}
#albums form {
    text-align : center;
}
#albums table {
    text-align : left;
    padding : 10px;
    margin : 2em auto;
    border-top : 2px solid #ddd;
    border-bottom : 2px solid #ddd;
    background : #eee;
}
#albums table td {
    padding-left : 20px;
}
#albums table h3 {
    margin : 0 0 10px 0;
    padding : 0;
}
#albums tfoot td {
    padding-bottom : 5px;
}
#albums td.credit {
    padding-bottom : 10px;
    border-bottom : 1px solid #ddd;
}
#albums td.check {
    padding-top : 10px;
    border-top : 1px solid #ddd;
}
#albums td.buynow {
    text-align : center;
    padding-top : 5px;
    padding-bottom : 15px;
}
#albums th {
    padding : 10px 0px 1px 20px;
    text-align : left;
}

/* Home page */
h1#trailbandbanner {
    width : 500px;
    height : 70px;
    margin : 16px 0 20px -250px;
}
h1#trailbandbanner span {
    background : url(images/tb.gif) no-repeat;
}
div#wrapper {
    text-align : center;
}
div#holidaylink {
    position : relative;
    margin : 0 auto;
    width : 165px;
    text-align : center;
}
div#holidaylink p {
    position : absolute;
    top : 90px;
    left : -300px;
    width : 160px;
    margin : 0;
    padding : 0;
    color : #000000;
    font-weight : bold;
}
div#holidaylink a {
    text-decoration : none;
    color : #811b29;
}
div#holidaylink a:hover {
    color : #000000;
}
div#newalbum {
    position : relative;
    margin : 0 auto;
    width : 165px;
    text-align : center;
}
div#newalbum a {
    display : block;
    text-decoration : none;
    position : absolute;
    top : 30px;
    left : 300px;
    width : 160px;
    margin : 0;
    padding : 5px 0 0 0;
    border-left : 2px solid #dfd;
    border-right : 2px solid #dfd;
    border-top : 3px solid #fcc;
    border-bottom : 3px solid #fcc;
    background : #eee;
    color : #811b29;
}
div#newalbum a:hover {
    color : #000;
}
div#newalbum img {
    margin : 10px 0 0 0;
    width : 150px;
    height : 150px;
    border : none;
}
ul#nav {
    list-style : none;
    width : 560px;
    height : 62px;
    margin : 15px auto 45px auto;
    padding : 0;
    position : relative;
}
li#calendar_nav { background : #fff url(images/calendar.gif) top left no-repeat; }
li#albums_nav   { background : #fff url(images/albums.gif)      top left no-repeat; }
li#meet_nav     { background : #fff url(images/meet.gif)     top left no-repeat; }
li#media_nav    { background : #fff url(images/mediakit.gif)   top left no-repeat; }
li#booking_nav  { background : #fff url(images/booking.gif) top left no-repeat; }

ul#nav li {
    margin : 0;
    padding : 0;
    position : absolute;
}
ul#nav li, ul#nav a {
    height : 25px;
    width : 225px;
    display : block;
}
ul#nav a {
    text-decoration : none;
    /* hide image-replaced text */
    color : #000000;
    font-size : 1px;
    text-indent : -9999px;
    overflow : hidden;
}
#calendar_nav { top :  0px; left :  50px; }
#albums_nav   { top :  0px; left : 275px; }
#meet_nav     { top : 30px; left :   0px; }
#media_nav    { top : 30px; left : 225px; }
#booking_nav  { top : 30px; left : 322px; }
ul#nav #media_nav a { width : 97px; }
/*
#calendar_nav a:hover { background : transparent url(images/calendar.gif)  -26px -144px no-repeat; }
#albums_nav   a:hover { background : transparent url(images/albums.gif)    -293px -144px no-repeat; }
#meet_nav     a:hover { background : transparent url(images/meet.gif)      -530px -144px no-repeat; }
#media_nav    a:hover { background : transparent url(images/mediakit.gif)  -50px -199px no-repeat; }
#booking_nav  a:hover { background : transparent url(images/booking.gif)   -307px -199px no-repeat; }
*/