html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
    vertical-align: top;
}

html {
    width: 100%; height: 100%;
}

body {
	color: #fff;
    height: 100%;
    font: normal 100%/1em Arial, Helvetica Neue, Helvetica, sans-serif;
    background: #b0b4b7;
}

a {
    text-decoration: none;
}

h1 {
    color: #fff;
    font: bold italic 3em/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;
}

h2 {
    color: #708598;
    font: bold 1.5em/1em Arial, Helvetica Neue, Helvetica, sans-serif;
}

#wrapper {
    position: relative;
    padding: 2em;
    font-size: .75em;
    line-height: 1.5em;
}

 .brand {
    width: 210px; height: 80px;
    padding: 3px 3px 0;
    vertical-align: top;
    background: #708598;
}

.navi {
    width: 210px;
    padding: 3px 3px 0;
    vertical-align: top;
    background: #708598;
}

.navi li {
    margin-left: 1em;
}

.navi a:link, .navi a:visited {
    color: #fff;
    font: bold 1.083em/1.385em Arial, Helvetica Neue, Helvetica, sans-serif;
}
.navi a:hover {
    color: #b0b4b7;
}

.navi a.viewed:link, .navi a.viewed:visited {
    color: #b0b4b7;
}
.navi a.viewed:hover {
    color: #fff;
}

.heading {
    padding: 0 0 0 2em;
}

.content {
    padding: 0 0 0 2em;
}

.preface {
    width: 53em;
    padding: 1em;
    color: #708598;
    background: #fff;
}

a.event:link, a.event:visited {
    color: #fff;
    margin: 0 0 1.5em;
    background: #708598;
    display: block;
}
a.event:hover {
    color: #708598;
    background: #fff;
}

a.event span {
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}

p.event {
    color: #fff;
    margin: 0 0 1.5em;
    background: #708598;
}

p.event span {
    vertical-align: top;
    display: inline-block;
    cursor: default;
}

.date {
    width: 5em;
    margin: 0 1em;
}

.time {
    width: 5em;
}

.artist {
    width: 14em;
    margin-left: 2em;
}

.title {
    width: 16em;
    margin-left: 1em;
}

.category {
    width: 8em;
    margin-left: 1em;
}

table.fees {
    margin-top: 2em;
    font-size: .917em;
    color: #000;
}

table.fees td {
    padding-right: 3em;
}

p.info {
    margin-top: 2em;
    font-size: .917em;
    color: #000;
}

p.info a:link, p.info a:visited {
    color: #000;
    text-decoration: underline;
}
p.info a:hover {
    color: #36f;
}

.preview {
    width: 53em;
    margin: 1em 0 0;
}

.details {
    width: 51em;
    padding: 1em;
    color: #708598;
    background: #fff;
}

.label {
    width: 8em;
    margin: 0 0 1em; padding-right: 1em;
    float: left; clear: both;
}

.data {
    margin: 0 0 1em 9em;
}

.details p {
    margin: 0 0 1em;
}

a.ticket:link, a.ticket:visited {
    color: #708598;
    margin-left: 2em;
}
a.ticket:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

.hr {
    height: 1em;
    margin:  1em 0;
    background: #708598;
    clear: both;
}

a.choose:link, a.choose:visited {
    color: #fff;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 2em;
}
a.choose:hover {
    color: #708598;
}

a.text:link, a.text:visited {
    color: #708598;
    text-decoration: underline;
}
a.text:hover {
    text-decoration: none;
}