body {
	margin:0;
	padding:0;
	width: 12000px;
	height: 509px;
	color:#fff; 
	font: 12px/15px Arial, Sans-Serif; 
	background: #000 url(../images/body.x.jpg) repeat-x 0 0;
}

body.homepage {
		width:7000px;
		}
		
body.twopp {
		width:2500px;
		}

/* Layouts */

#horizon {
		height:650px;
		}

#page 	{
		left:0px;
		top:0px;
		height:650px;	
		}

#content {
		margin: 0 0 0 40px; 
		float: left;
		font-size: 1.1em; 
		}

#arrows {
		display:none;
		position: fixed;
		top: 580px;
		left: 50px; 
		width: 90px;
		height: 35px;
		cursor: pointer;
		}

#footnote {
		position: fixed;
		top: 620px;
		left: 50px; 
		width: 500px;
		height: 50px;
		}

/* Panes */

.par {
	margin: 0px 50px 0 0px; 
	padding: 45px 0 0 300px; 
	float: left; 
	width: 1000px;	
	height: 650px;
}

.column {
	margin: 0px 0px 0 0px; 
	padding: 10px 0 0 10px; 
	float: left; 
	width: 350px;	
	font-size:0.8em;
	border-left: 1px #d9e8f8 solid;
	}
	
.sidecolumn {
	margin:85px 10px 0 0;
	padding: 22px 0 0 300px;
	float:left;
	text-align:right;
	width:300px;
	font-size:0.8em;
	color:#d9e8f8;
	border-top: 1px #487eb5 dotted;
	}

div.alt0 {
	padding: 250px 0 0 15px;
	float: left;
	width:985px; 
	height:450px;
	color:#fff;
	margin:0 100px 0 0;
	background:url(../images/heading.jpg) no-repeat 100px 0px;
	}


div.alt0 h1 {visibility:hidden;}

#thislife-splash { margin-top : -100px; position : relative; padding : 22px; background : transparent url(../images/thislife-home.png) no-repeat; margin-left : 325px;  width : 286px; height : 93px; }
#thislife-splash .row1 { font-size : 12px; font-weight : bold; color : #1f1f1f; }
#thislife-splash .row2 { position : absolute; right : 26px; font-size : 12px; bottom : 22px; text-align : right; background : transparent url(../images/thislife-arrow.png) no-repeat 0px 3px; padding-left : 20px }
#thislife-splash .row2 a { font-weight : normal; color : #3f5c7d; text-decoration : none; border-bottom : solid #7995b5 1px; }	
#thislife-splash .row2 a:hover { color : #6884a4; }

.thislife-col1 { width : 301px; padding-right : 20px; float : left; }
.thislife-col1 p { font-size : 11px; line-height : 130%; width : 280px; }
.thislife-col2 { float : left; width : 600px; }
.par.thislife { padding-left : 140px; }
.par.thislife ul.download { margin : 0; list-style-type : none; list-style-position : inside; padding : 0; }
.par.thislife ul.download li { float : left; margin-right : 20px; }
.lyric { font-size : 0.9em;width : 190px; white-space : nowrap; float : left; }
.thislife-col2 p.intro { line-height : 140%; width : 430px; font-size : 1.1em; }

div.alt1  {
	background:url(../images/overlay1.png) no-repeat 880px 210px;
	}

div.alt2  {
	background:url(../images/overlay2.png) no-repeat 780px 210px;
	}	


/* Menu */

#menu {
		position:fixed;
		top:150px;
		left:0px;
		background: url(../images/body.x.jpg) repeat-x 0 -50px;
		border-top:#ccc 2px solid;
		border-right:#ccc 2px solid;
		border-bottom:#ccc 2px solid;
		}


#menu ul {
		list-style:none inside none;
		padding:0 0 0 10px;
		text-transform:uppercase;
		}
		
#menu ul li {
		padding:0 3px;
		}

#menu a{
		text-decoration: none;
		color: #fff;
		font-weight:normal;
		font-size:1.5em;
		line-height:1.1em;
		}

#menu a:hover{

		}

#menu ul ul {
		marign:8px 0 0 0;
		padding:0;
		text-transform:none;
		height:200px;
		}
		
#menu ul ul li {
		font-size:0.8em;
		line-height:1.5em;
		padding:0 0 0 10px;
		}

#menu ul ul li a {
		color:#d9e8f8;
		}

/* Content */

h2 		{
		font-size: 1.1em;
		color:#fff;
		}
		
h3 		{
		font-size: 1.3em;
		text-transform:uppercase;
		font-weight:normal;
		color:#9abad8;
		letter-spacing : 0.15em;
		clear : both;
		margin-bottom : 6px;
		}

hr		{
		width:200px;
		height:1px;
		border-bottom:1px #487EB5 dotted;
		border-top:none;
		border-left:none;
		border-right:none;
		background:transparent;
		margin:10px 10px 10px 0;
		}

.hide 	{
		position:absolute; 
		top:0;
		left:-9000px;
		}

#player {
		width:520px;
		height:440px;
		padding:10px;
		background:url(../images/player.png) no-repeat 0 0;
		}

#note 	{ 
		margin-top:10px;
		}

a		{
		color: #E3F4FF;
		font-weight:bold;
		text-decoration:underline;
		}

a:hover {
		text-decoration:underline;
		}

p		{
		margin:0.5em 0 0.5em 0;
		padding:0;
		display:block;
		clear:both;
		}

.micro 	{
		font-size:0.7em;
		}

ul.scores {
		margin:0;
		padding:0;
		list-style:none inside none;
		}

ul.scores li {
		padding:2px 8px;
		margin:1px 0;
		border-bottom:1px #d9e8f8 dotted;
		width:500px;
		display:block;
		float:left;
		}

ul.scores span.song_title {
		display:block;
		font-size:1.1em;
		float:left;
		width:270px;
		font-style:italic;
		}

ul.scores .pdf_lead {
		font-size:0.8em;
		padding:2px 0 5px 20px;
		margin:0 0 0 0;
		background:url(../images/page_white_acrobat.png) no-repeat 0 0;
		display:block;
		float:left;
		width:80px;
		}

ul.scores .pdf_score {
		font-size:0.8em;
		padding:2px 0 5px 20px;
		margin:0 0 0 0;
		background:url(../images/page_white_acrobat.png) no-repeat 0 0;
		display:block;
		float:left;
		width:80px;
		}

ul.songs {
		margin:0;
		padding:0;
		list-style:none inside none;
		}

ul.songs li {
	clear:both;
	}
		
ul.songs li a {
		padding:2px 8px;
		margin:1px 0;
		border-bottom:1px #d9e8f8 dotted;
		width:500px;
		display:block;
		float:left;
		font-size:1.1em;
		font-style:italic;
		text-decoration:none;
		clear:both;
		}
		
ul.songs li a:hover {
		text-decoration:none;
		border-bottpm: 1px #487eb5 dotted;
		}

#arrows ul {	
		margin: 0;
		padding: 0;
		list-style:none;
		}

#arrows ul li {
		margin: 0;
		padding: 0;
		display:inline;
		width: 35px;
		height: 35px;
		}

#arrows ul li a{
		margin-right: 5px;
		float: left;
		display: block;
		width: 35px;
		height: 35px;
		overflow: hidden;
		cursor: pointer;
		font-size: 50em;
		text-indent: -9000px;
		}

#arrows ul #left a {background: transparent url(../images/button.back.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../images/button.forward.png) no-repeat;}


#footnote{
		padding: 0 10px 0px 0;
		font-size:1.2em;
		}	

#footnote a{
		color: #22b1e1;
		text-decoration: none;
		}

img {
	border:0;
	}