body { position: relative; z-index: 0; color: #696969; font-family: helvetica, sans-serif; font-size: 10pt; line-height: 120%; }
h1 { font-size: 120%; color: #696969; display: inline; border-bottom: 1px solid #d7e7e7; padding-left: 5em; }

p.normal { margin: 2em 4em 1.2em; padding-right: 4em; }
p.epilogue { margin: 2em 4em 1.2em; color: #91949a; text-align: right; padding-right: 4em; font-style: italic; }
p.compact { margin: 1em 0em 0.2em; }
p.credit { text-align: right; padding-right: 2em; font-style: italic; font-size: 0.9em; }

a { color: #91949a; }
a:hover { color: #d7e7e7; text-decoration: none; }
a img { border: 0px none; }

span.divider { font-style: normal; padding: 0em 1em; }

img.rf { float: right; margin-right: 4em; } 

div.clear {clear: both}

div.rule { border-bottom: 1px dotted #e7e7e7; font-size: 1px; height: 4px;
margin-bottom: 6px; }

div.narrow { margin-right: 369px; }

#pagewrapper { position: relative; width: 700px; margin-left: auto;
margin-right: auto; } /* ToDo: replace centred div with #pagewrapper and sort
out menu alignment */

#tundramenu { font-size: 130%; padding: 10px; margin-top: 10px; margin-bottom:
10px; position: relative; width: 480px; height: 180px; margin-left: auto;
margin-right: auto; } /* ToDo: find better way of centering menu */
#tundraMenu div.letter { float: left; text-align: left; }
#t img, #u img { margin-right: 12px; }
#n img, #d img { margin-right: 16px; }
#r img, #a img { margin-right: 0px; }
#tundraMenu img { border: 0px dotted #aaa; margin-bottom: 20px; }
#tundraMenu a span { visibility: hidden; display: block; float: left; }
#tundraMenu a:hover span { visibility: visible; }


/* Hide from IE5/Mac \*/

#tundraMenu a span { float: none; }

/* End hide */


#contentArea { width: 700px; clear: both; border: 1px solid #e7e7e7; padding: 1em; text-align: left; }

.leftBlue { border-left: 1px solid #d7e7e7; }
.underBlue { border-bottom: 1px solid #d7e7e7; }
.leftGrey { border-left: 1px solid #e7e7e7; }
.underGrey { border-bottom: 1px solid #e7e7e7; }

.grey { color: #999; }

div.tour { margin-left: 6em; }
div.tour h2 { text-transform: lowercase; font-size: 105%; font-style: italic; color: #91949a; margin: 2em 5em 0em 0em; padding-bottom: 0.2em; border-bottom: 1px solid #d7e7e7; }

table.tourDates { font-size: 100%; margin-top: 0.5em; margin-left: 0; color: #696969; table-layout: fixed; width: 540px; line-height: 120%; }
table.tourDates td { padding: 5px 5px 5px 0px; margin: 0; vertical-align: top; } 
table.tourDates td.date { font-style: italic; padding-right: 1em; width: 125px; }     
table.tourDates td.venue { padding-right: 1.5em;  width: 200px; }
table.tourDates td.details { color: #91949a; }
table.tourDates td.details p { margin: 0; padding: 0; } 
  
div.review { margin: 2em 4em 1.2em 6em; padding-left: 2em; border-left: 1px solid #d7e7e7;}
div.review h2 { text-transform: lowercase; font-size: 120%; }
div.review h3 { font-size: 90%; }

div.noBorders div.review { border-left: none; }

ul.news { list-style: none; margin-right: 8em; }
ul.news li { padding: 1em 0em; border-bottom: 1px solid #e7e7e7; }
ul.news li.noBorder { padding: 0; border-bottom: none; }
ul.news li p.epilogue { margin: 0; padding: 0; }
ul.news h3 { font-size: 80%; border-bottom: 1px solid #d7e7e7; padding-left:
5em; display: inline; }

ul.assoc { list-style: none; margin-left: 6em; border-top: 1px solid #e7e7e7; }
ul.assoc li { padding: 1em 0em; }

table#sleeveNotes { color: #333; font-size: 100%; }
table#sleeveNotes td { padding: 0.1em 0em; }
table#sleeveNotes td.spacer { padding: 0em 2em; }

ul.boxes { list-style: none; margin: 0 5em; padding: 0; }
ul.boxes li { float: left; border: 1px solid #e7e7e7; padding: 0.5em; width: 115px; height: 100px; text-align: center; vertical-align: middle; margin-right: 1em; margin-bottom: 1em; }
ul.boxes li a { text-decoration: none; }
ul.boxes li.empty { border-color: #fff; }