/* TABLE OF CONTENTS
 18  Color Key
 26  General Page Formatting
 98  Header
115  Navigation
196  Main Area
207  Footer
246  News Page
288  Bio Page
327  Members Page
409  Concerts Page
498  Media Page
635  Recordings Page
742  Links Page
774  Contact Page    
*/

/* COLOR KEY
Dk Grey = #5F5F5F
Off-white = #F3F2F2
Blue = #027281
Red = #C2361D
Lt Blue = #51B2B9
*/

/* BEGIN GENERAL PAGE FORMATTING */
body {
	background: url(background5.jpg) top center no-repeat #5F5F5F;
	text-align: center;
	min-width: 780px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: scroll;
}

*html body {
	overflow: auto;
}

#container {
	position: relative;
	width: 780px;
	padding: 0;
	margin: 0 auto;
	background: #5F5F5F;
}

img {
	border: 1px solid #A8A8A8;
}
	
a {
	outline: none;
}

a:link, a:visited {
	color: #027281;
	text-decoration: none;
	border-bottom: 1px dotted #C2361D;
}
	
a:hover, a:active {
	color: #C2361D;
	border-bottom: 1px dotted #027281;
}

p, li {
	font-family: Arial, sans-serif;
	text-align: justify;
}

h2 {
	font-family: Arial, sans-serif;
	color: #C2361D;
	font-size: 1.8em;
	font-weight: normal;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #027281;
}

hr {
	display: block; 
	clear: both; 
	margin: -2px; 
  	visibility: hidden;
}

*html hr {
	margin: -0.66em 0;
}
/* END GENERAL PAGE FORMATTING */

/* BEGIN HEADER */
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 780px;
	height: 220px;
	background: url(thelema_header5.jpg) 0 0 no-repeat;
	padding: 0;
	margin: 0;
}

#pagehead {
	float: left;
}
/* END HEADER */

/* BEGIN NAVIGATION	*/
#nav{
	float: left;
	list-style: none;
	margin: 0;
	padding: 180px 0 0 0;
	height: 40px;
	display: inline;
	overflow: hidden;
	width: 780px;
}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	margin: 0;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* for IE5/Win */
}
	
#nav a:hover {
	background-position: 0 -40px;
}

#nav a:active {
	background-position: 0 -40px;
}

#nav a:hover.selected, #nav a.selected {
	background-position: 0 -80px;
}

#nnews a {
	width: 81px;
	background: url(images/nav_news.gif) top left no-repeat;
}

#nbio a {
	width: 55px;
	background: url(images/nav_bio.gif) top left no-repeat;
}

#nmembers a {
	width: 124px;
	background: url(images/nav_members.gif) top left no-repeat;
}

#nconcerts a {
	width: 114px;
	background: url(images/nav_concerts.gif) top left no-repeat;
}

#nmedia a {
	width: 90px;
	background: url(images/nav_media.gif) top left no-repeat;
}

#nrec a {
	width: 136px;
	background: url(images/nav_rec.gif) top left no-repeat;
}

#nlinks a {
	width: 75px;
	background: url(images/nav_links.gif) top left no-repeat;
}
	
#ncontact a {
	width: 105px;
	background: url(images/nav_contact.gif) top left no-repeat;
}
/* END NAVIGATION */

/* BEGIN MAIN AREA */
#main {
	position: absolute;
	width: 780px;
	height: 200px;
	top: 220px;
	left: 0;
	background: url(images/main_area_header_2.jpg) top left no-repeat;
}
/* END MAIN AREA */

/* BEGIN FOOTER */
#footer {
	width: 720px;
	height: 57px;
	background: url(images/footer.jpg) top left no-repeat;
	padding: 15px 30px;
}

*html #footer {
	height: 47px;
	padding-top: 25px;
}

#footer p {
	color: #fff;
	font-size: .8em;
}

#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: underline;
	border-bottom: none;
}
	
#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

#wd {
	float: left;
}

#photos {
	float: right;
}
/* END FOOTER */

/* BEGIN NEWS PAGE-SPECIFIC FORMATTING */
#news #pagehead {
	left: 0;
	background: url(images/pagehead_news.jpg) 0 0 no-repeat;
	height: 144px;
	width: 220px;
}

#news .content {
	width: 540px;
	background: #F3F2F2;
	margin: 50px 10px 0 210px;
	padding: 10px;
}

*html #news .content {
	margin-top: -83px;
	background: url(images/pagehead_news.jpg) -210px -61px no-repeat #F3F2F2;
}

.newsitem {
	padding: 14px 0 10px 0;
	margin: 0;
	border-bottom: dotted 1px #027281;
}

.newsitem h2 {
	padding: 0 0 10px 0;
	margin: 0;
}

.newsitem p {
	padding: 0 0 12px 0;
	margin: 0;
}

.newsitem img {
	float: left;
	margin: 0 10px 12px 0;
}
/* END NEWS PAGE-SPECIFIC FORMATTING */

/* BEGIN BIO PAGE-SPECIFIC FORMATTING */
#bio #pagehead {
	left: 0;
	background: url(images/pagehead_bio.jpg) 0 0 no-repeat;
	height: 154px;
	width: 188px;
}

#bio .content {
	width: 560px;
	background: #F3F2F2;
	margin: 50px 10px 0 170px;
	padding: 10px 20px;
}

*html #bio .content {
	margin-top: -103px;
	background: url(images/pagehead_bio.jpg) -170px -50px no-repeat #F3F2F2;
}

.lang_img {
	float: right;
}

#bio h2 {
	margin: 0;
}

.leftimg {
	float:left; 
	margin: 3px 10px 7px 0;
}

.rightimg {
	float:right; 
	margin: 23px 0 7px 10px;
}
/* END BIO PAGE-SPECIFIC FORMATTING */

/* BEGIN MEMBERS PAGE-SPECIFIC FORMATTING */
#members #pagehead {
	margin-left: 136px;
	background: url(images/pagehead_members.jpg) 0 0 no-repeat;
	height: 116px;
	width: 402px;
}

*html #members #pagehead {
	margin-left: 68px;
}

#members .content {
	background: url(images/columns_3.jpg) 0 0 repeat-y;
	width: 780px;
	margin-top: 61px;
	padding-top: 30px;
}

*html #members .content {
	margin-top: -55px;
}

*html #members #IE6_pagehead_fix {
	background: url(images/pagehead_members.jpg) 0 100% no-repeat;
	float: left;
	height: 83px;
	width: 402px;
	margin-left: 68px;
	margin-top: -30px;
}

.memberbio {
	float: left;
	width: 226px;
	margin-left: 20px;
	margin-right: 10px;
	padding-bottom: 10px;
}

*html .memberbio {
	margin-left: 10px;
	margin-right: 20px;
}

.memberbio#ward, .memberbio#marcoantonio {
	margin-top: -34px;
}

*html .memberbio#ward, .memberbio#marcoantonio {
	margin-top: -64px;
}

.memberbio#peter {
	width: 228px;
}

*html .memberbio#peter {
	margin-top: -30px;
}

.memberbio h2 {
	margin: 0;
	padding: 0;
}

.memberbio img {
	float: left;
	margin: 7px 7px 5px 0;
}

.memberbio p {
	font-size: .8em;
	margin: 0;
	padding: 3px 0 9px 0;
}

.listlink {
	text-align: center;
}
/* END MEMBERS PAGE-SPECIFIC FORMATTING */

/* BEGIN CONCERTS PAGE-SPECIFIC FORMATTING */
#concerts #main {
	background: url(images/main_area_header_3.jpg) top left no-repeat;
}

#concerts #pagehead {
	float: right;
	background: url(images/pagehead_concerts.jpg) 0 0 no-repeat;
	height: 154px;
	width: 290px;
	margin-bottom: -73px;
}

*html #concerts #pagehead {
	margin-left: 245px;
}

#concerts .content {
	width: 520px;
	margin: 61px 10px 0 10px;
	padding: 10px 10px 10px 10px;
	background: #F3F2F2;
}

*html #concerts .content {
	margin: -20px 0 0 -220px;
	background: url(images/pagehead_concerts.jpg) 480px -61px no-repeat #F3F2F2;
}

#years {
	list-style: none;
	padding: 3px 0 5px 0;
	margin: 10px 60px 0 30px;
}

#years li {
	display: inline;
	padding: 0 6px;
}

#concerts h2 {
	margin: 0px;
	width: 500px;
	padding: 20px 10px 0 10px;
}

table.concert {
	width: 520px;
	padding: 0 20px;
	border-collapse: collapse;
}

td {
	font-family: Arial, sans-serif;
	vertical-align: top;
	text-align: left;
	font-size: .8em;
	padding: 5px;
}

.concert td {
	border-top: dotted 1px #027281;
}

td.date {
	width: 100px;
	font-weight: bold;
}

td.info {
	width: 280px;
}

td.city {
	width: 110px;
}

img.FlemAuth {
	float: right;
	width: 150px;
	height: 37px;
	border: none;
}

td.FA {
	border-top: none;
}
/* END CONCERTS PAGE-SPECIFIC FORMATTING */

/* BEGIN MEDIA PAGE-SPECIFIC FORMATTING */
#media #pagehead {
	float: right;
	margin-right: 74px;
	background: url(images/pagehead_media.jpg) 0 0 no-repeat;
	height: 111px;
	width: 332px;
	margin-bottom: -50px;
}

*html #media #pagehead {
	margin-right: 37px;
}

#media #content {
	width: 780px;
	margin-top: 61px;
	background: url(images/columns_2.jpg) repeat-y;
}

*html #media #IE6_pagehead_fix {
	background: url(images/pagehead_media.jpg) -122px -61px no-repeat;
	float: right;
	height: 50px;
	width: 28px;
	margin-right: 0px;
}

#media #leftcontent {
	float: left;
	width: 465px;
	background: url(images/pagehead_media.jpg) 364px -61px no-repeat;
	min-height: 200px;
	margin-left: 10px;
	padding: 10px;
}

*html #media #leftcontent {
	height: 200px;
	margin-left: 5px;
}

#media #leftcontent h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

*html #media #leftcontent h2 {
	margin-bottom: 0;
}

.quote {
	text-align: left;
	width: 445px;
	border-bottom: dotted 1px #027281;
	padding: 0 10px;
}

*html .quote {
	padding: 20px 10px;
}

.quote p {
	text-align: left;
	font-size: .8em;
}

p.source {
	width: 250px;
	padding-left: 195px;
	font-style: italic;
	font-weight: bold;
}

.exp {
	font-weight: normal;
}

#media #rightcontent {
	float: right;
	width: 226px;
	min-height: 200px;
	margin-right: 10px;
	padding: 10px;
	background: url(images/pagehead_media.jpg) -150px -61px no-repeat;
}

*html #media #rightcontent {
	height: 200px;
	margin-right: 5px;
	padding-top: 33px;
}

#media #rightcontent h2 {
	margin-bottom: 10px;
}

.presskit {
	background: url(images/pdficon_small.gif) 0 0 no-repeat;
	padding-left: 25px;
	text-align: left;
	margin: 5px;
	padding-top: 0;
}

.photo {
	border-bottom: dotted 1px #C2361D;
	padding-top: 10px;
}

.photo h3 {
	margin: 0;
	padding: 0;
}

.photo p {
	text-align: center;
	font-size: .8em;
	margin-top: 0;
}

.photo a:link, .photo a:visited, .photo a:hover, .photo a:active {
	border: none;
}

.photo a img {
	border: 1px solid #027281;
	padding: 0;
	margin: 0;
}
	
.photo a:hover img {
	border: 1px solid #C2361D;
}
/* END MEDIA PAGE-SPECIFIC CONTENT */

/* BEGIN RECORDINGS PAGE-SPECIFIC CONTENT */
#rec #pagehead {
	margin-left: 136px;
	background: url(images/pagehead_rec.jpg) 0 0 no-repeat;
	height: 117px;
	width: 431px;
}

*html #rec #pagehead {
	margin-left: 68px;
}

#rec .content {
	width: 720px;
	background: #F3F2F2;
	margin: 61px 10px 0 10px;
	padding: 75px 20px 10px 20px;
}

*html #rec .content {
	margin: -56px 0 0 0;
	background: url(images/pagehead_rec.jpg) 126px -61px no-repeat #F3F2F2;
	padding-top: 75px;
}

.buy {
	width: 140px;
	border: 2px solid #C2361D;
	padding: 15px 10px;
	margin: 0 auto;
}

*html .buy {
	padding: 15px 10px 0px 10px;
}

.buy p {
	text-align: center;
	font-size: 15px;
	font-weight: bold;	
	padding: 0 0 12px 0;
	margin: 0;
}

*html .buy p {
	padding-bottom: 0;
}

.buy img {
	border: none;
}

ol.tracklist {
	margin-top: 0;
	}
	
table.record {
	border-collapse: collapse;
	margin-bottom: 10px;
}

.record td {
	border-bottom: dotted 1px #027281;
}

td.left {
	width: 210px;
	text-align: center;
	padding: 5px 5px 10px 5px;
}

td.right {
	width: 480px;
	padding: 0px 10px 5px 10px;
}

.desc {
	font-style: italic;
}

a.listen {
	margin-left: 10px;
	padding: 0 5px;
	background-color: #027281;
	color: #fff;
	border: 0;
}

a:visited.listen {
	background-color: #027281;
	color: #fff;
	border: 0;
}
	
a:hover.listen, a:active.listen {
	border: 0;
	background-color: #C2361D;
	color: #fff;
}

.record h2 {
	font-size: 2.3em;
	padding: 0;
	margin: 0px 10px 12px 15px;
}
/* END RECORDINGS PAGE-SPECIFIC FORMATTING */

/* BEGIN LINKS PAGE-SPECIFIC FORMATTING */
#links #pagehead {
	float: right;
	background: url(images/pagehead_links.jpg) 100% 0 no-repeat;
	height: 144px;
	width: 213px;
}

*html #links #pagehead {
	width: 290px;
	margin: 0;
}
#links .content {
	width: 480px;
	background: #F3F2F2;
	margin: 61px 0 0 10px;
	padding: 1px 55px 20px 55px;
}

*html #links .content {
	float: left;
	margin: -83px 0 0 5px;
	background: url(images/pagehead_links.jpg) 557px -61px no-repeat #F3F2F2;
}

#links p {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}
/* END LINKS PAGE-SPECIFIC FORMATTING */

/* BEGIN CONTACT PAGE-SPECIFIC FORMATTING */
#contact #pagehead {
	float: right;
	background: url(images/pagehead_contact.jpg) 100% 0 no-repeat;
	height: 154px;
	width: 290px;
}

*html #contact #pagehead {
	width: 290px;
	margin: 0;
}
#contact .content {
	width: 450px;
	background: #F3F2F2;
	margin: 61px 0 0 10px;
	padding: 1px 35px 20px 35px;
}

*html #contact .content {
	float: left;
	margin: -93px 0 0 5px;
	background: url(images/pagehead_contact.jpg) 480px -61px no-repeat #F3F2F2;
}

#contact p {
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
}

fieldset {
	border: solid 1px #027281;
	margin: 10px 20px 30px 20px;
	padding: 5px 10px 5px 10px;
}
	
legend {
	font-family: Arial, sans-serif;
	color: #C2361D;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0 6px;
}
/* END CONTACT PAGE-SPECIFIC FORMATTING */