html {
	margin: 0;
	padding: 0;
}
body {
	background: #fff url(/images/bg.gif) -136px -50px repeat-y;
	color: #999b9a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 60px;
	padding: 0;
}

h1 {
	background: transparent url(/images/logo.gif) 0 0 no-repeat;
	font-size: 24px;
	font-weight: normal;
	float: left;
	height: 153px;
	margin: 8px 16px 30px 0;
	overflow: hidden;
	text-indent: -999px;
	width: 429px;
}
h1 a {
	display: block;
	height: 153px;
	overflow: hidden;
	text-indent: -999px;
	text-transform: lowercase;
	width: 429px;
}
h2 {
	background-color: transparent;
	background-position-x: right;
	background-position-y: 0;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
	height: 28px;
	margin: 0 0 4px 0;
	overflow: hidden;
	text-indent: -999px;
	text-transform: lowercase;
	width: 185px;
}
h3 {
	background-color: transparent;
	background-position-x: right;
	background-position-y: 0;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
	height: 28px;
	margin: 0;
	overflow: hidden;
	text-indent: -999px;
	text-transform: lowercase;
	width: 185px;
}
h3 em {
	color: #0060a0;
	font-style: normal;
}
h4 {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 4px 0;
	text-transform: lowercase;
}
p {
	margin: 4px 0 12px 0;
}

ul {
	margin: 4px 0 12px 0;
}
li {
	margin: 6px 0;
}

.artists h2 {
	background-image: url(/images/titles/artists.gif);
}
.events h2 {
	background-image: url(/images/titles/events.gif);
}
.events h3 {
	background-image: url(/images/titles/subtitles/events.gif);
}
.join h2 {
	background-image: url(/images/titles/join.gif);
}
.press h2 {
	background-image: url(/images/titles/press.gif);
}
.leadership h2 {
	background-image: url(/images/titles/leadership.gif);
}
.contact h2 {
	background-image: url(/images/titles/contact.gif);
}
.contact h3 {
	background-image: url(/images/titles/subtitles/contact.gif);
	background-image: none;
}
.error h2 {
	background-image: url(/images/titles/oops.gif);
}
.error h3 {
	background-image: url(/images/titles/subtitles/404.gif);
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #0060a0;
	text-decoration: none;
}
a,
a:hover,
a:active {
	color: #0060a0;
	text-decoration: underline;
}
a:visited {
	color: #0060a0;
}

img {
	border-color: transparent;
	border-width: 0;
}

table {
	border-collapse: collapse;
	margin: 0 0 16px 0;
}
th,
td {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 6px;
	text-align: left;
	vertical-align: top;
}
thead th {
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	font-weight: normal;
	text-transform: lowercase;
}

ul.menu {
	float: left;
	list-style-type: none;
	margin: -7px 0 0 0;
	padding: 0;
}
.menu li {
	display: block;
	height: 14px;
	list-style-type: none;
	margin: 4px 0;
	padding: 0;
	position: relative;
	width: 200px;
}
.menu li a {
	height: 23px;
	overflow: hidden;
	position: absolute;
	text-indent: -999px;
	width: 200px;
}
.menu .artists a {
	background: transparent url(/images/menu/artists.gif) 36px 0 no-repeat;
}
.menu .artists a:hover,
.artists .menu .artists a {
	background: transparent url(/images/menu/artists_on.gif) 0 0 no-repeat;
}
.menu .events a {
	background: transparent url(/images/menu/events.gif) 36px 2px no-repeat;
}
.menu .events a:hover,
.events .menu .events a {
	background: transparent url(/images/menu/events_on.gif) 7px 2px no-repeat;
}
.menu .join a {
	background: transparent url(/images/menu/join.gif) 36px 2px no-repeat;
}
.menu .join a:hover,
.join .menu .join a {
	background: transparent url(/images/menu/join_on.gif) 0 0 no-repeat;
}
.menu .press a {
	background: transparent url(/images/menu/press.gif) 36px 6px no-repeat;
}
.menu .press a:hover,
.press .menu .press a {
	background: transparent url(/images/menu/press_on.gif) 7px 5px no-repeat;
}
.menu .leadership a {
	background: transparent url(/images/menu/leadership.gif) 36px 4px no-repeat;
}
.menu .leadership a:hover,
.leadership .menu .leadership a {
	background: transparent url(/images/menu/leadership_on.gif) 15px 2px no-repeat;
}
.menu .contact a {
	background: transparent url(/images/menu/contact.gif) 36px 6px no-repeat;
}
.menu .contact a:hover,
.contact .menu .contact a {
	background: transparent url(/images/menu/contact_on.gif) 13px 6px no-repeat;
}

.main {
	clear: both;
}
.content {
	margin: -52px 0 0 210px;
	width: 480px;
}
.content h3 {
	height: auto;
	margin: 0 0 12px 0;
	text-indent: 0;
	width: auto;
}

.artistsList {
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
.artistsList th,
.artistsList td {
	font-weight: normal;
	padding: 2px 6px;
	text-align: left;
	vertical-align: top;
}
.artistsList td {
	font-size: 11px;
}

.artists table,
.leadership table {
	width: 400px;
}

.events .content table {
	border-collapse: collapse;
	margin: 0 0 20px 0;
}
.events .content table td {
	padding: 2px 10px;
	vertical-align: middle;
}
.events .content table h3 {
	font-weight: normal;
	height: auto;
	margin: 0 0 2px 0;
	text-indent: 0;
	text-transform: lowercase;
	width: auto;
}
.events .content table h4 {
	font-size: 15px;
	font-weight: normal;
	height: auto;
	margin: 0 0 2px 0;
	text-indent: 0;
	text-transform: lowercase;
	width: auto;
}
.events .content table h5 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 8px 0;
	text-transform: lowercase;
}
.events .content table p {
	font-size: 11px;
	margin: 0 0 12px 0;
}

.join .content table {
	border-collapse: collapse;
	float: right;
	margin: 0 30px 60px 30px;
}
.join .content th {
	color: #0060a0;
	font-size: 15px;
	padding: 0 0 3px 0;
	text-transform: lowercase;
	width: 90px;
}
.join .content td {
	color: #0060a0;
	font-size: 15px;
	padding: 0 0 3px 0;
	text-transform: lowercase;
}
.join p {
	clear: left;
}

.press dl {
	margin: 0;
	width: 650px;
}
.press dl dl {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: auto;
}
.press dt.date {
	border-top: 1px solid #eee;
	clear: left;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 8px 12px 0 12px;
	text-align: center;
	width: 46px;
}
.press dd {
	border-top: 1px solid #eee;
	float: left;
	margin: 0;
	padding: 4px 0 0 0;
	width: 450px;
}
.press dl p {
	margin: 2px 0;
}
.press dl dl dt {
	font-size: 12px;
	font-weight: normal;
	margin: 3px 0 2px 0;
}
.press dl dl dd {
	border-width: 0;
	float: none;
	font-size: 11px;
	margin: 0 0 16px 0;
	padding: 0;
	position: relative;
}
.press .date .month {
	font-size: 11px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
}
.press .date .day {
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}
.press .date .year {
	font-size: 11px;
	line-height: 10px;
	text-align: center;
}
.press cite {
	font-style: italic;
}
.press p.tag {
	font-size: 10px;
}
.press .tag a {
	color: #aaa;
	font-style: italic;
}

.contact .content p {
	margin: 0 0 20px 0;
}
