/* crossroads stylesheet
-------------------------------------------------------- */

* { padding: 0; margin: 0; }
body {background: #ACACAC; text-align: center;}

/* page elements
-------------------------------------------------------- */

#content {
	float: left;
	position: relative; 
	margin: 70px 0px 0px 0px;
	border: 1px solid #FFFF00;
	background: #FFF;}

#page1 {background: url("../img/bg2.jpg") top right no-repeat;
	width: 850px;
	margin: 0 auto;
	text-align: left;}
	
#more {text-align: left; padding: 70px 150px 100px 150px;}

td#left {width: 200px;
	float: left;
	position: relative; 
	border-right: 7px solid #CF5363;
	background: #4E4E4E;}

#lnav {-moz-box-sizing: border-box;}
#navtop {padding: 27px 0px 0px 14px; text-align: left; background-color: #4E4E4E;}
#navcontainer {padding: 0px 0px 0px 0px; text-align: left;}
#navcontainer ul {margin: 0; padding: 0; list-style-type: none; font: 11px verdana, arial, helvetica, sans-serif;}
#navcontainer ul li {margin: 0; padding: 0; background-color: transparent;
	line-height: 110%; /* list item spacing when display=inline */ display: inline; /* ie5 w */}
#navcontainer ul li#current a:link, #navcontainer ul li#current a:visited {text-decoration: none;	
	font-weight: bold; display: block; border-left: 7px solid #FFFF80; padding: 7px 0px 7px 7px;
	width: 100%; -moz-box-sizing: border-box; color: #FFF; font-size: 11px;}
#navcontainer ul li#current a:hover {color: #FFF; font-size: 11px; border-left: 7px solid #FFFF80; padding: 7px 0px 7px 7px;
	background-color: #ACACAC;}
#navcontainer ul li#left a:link, #navcontainer ul li#left a:visited {text-decoration: none;	
	font-weight: bold; display: block; padding: 7px 0px 7px 14px; /* list item padding */
	width: 100%; -moz-box-sizing: border-box; color: #ACACAC; font-size: 11px;}
#navcontainer ul li#left a:hover {color: #FFF; font-size: 11px; border-left: 7px solid #FFFF80; padding: 7px 0px 7px 7px;
	background-color: #ACACAC;}

table#main {padding: 20px; text-align: left;}
td#text {padding: 20px 20px 120px 20px; text-align: left;
	color: #444; font: 11px/16px verdana, geneva, arial, helvetica, sans-serif;}

td#text ul {padding: 0px 0px 0px 30px; color: #444;}

td#text a {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4848A7;
	text-decoration: none;}

td#text a:hover{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000DD;
	text-decoration: underline;}
	
#footer {
	float: left;
	width: 100%;
	text-align: center;
	padding: 7px 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	font-family: VERDANA, ARIAL, HELVETICA, SANS-SERIF;
	line-height: 12px;}

div.pullphoto {float: right; 
	color: #ACACAC;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 0px 24px 24px;
	width: 195px;
	text-align: center;}
	
div.pullquote {float: right; 
	color: #ACACAC;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 40px 0px 24px 24px;
	width: 195px;
	text-align: left;
	border: 1px solid #ACACAC; padding: 14px;}
	
.form {width: 135px;
	text-align: center;
	margin: 8px 12px 0px 0px;
	padding: 2px 0px 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: normal; 
	color: #999999;}
	
.form2 {width: 135px;
	text-align: center;
	margin: 7px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: normal; 
	color: #76908E;}
	
.form3 {width: 250px;
	text-align: left;
	margin: 7px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #444444;}
	
table#songs {padding: 0px; margin: 0px 0px 12px 0px;}
	
div.artist {width: 200px;  text-align: left; float: left; margin: 0px;}
div.title {width: 340px;  text-align: left; float: left; margin: 0px;}	

table#songs td#one {color: #808080; text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-top: solid #CCCCCC; border-width: 1px;
	border-right: solid #CCCCCC; border-width: 1px;
	border-left: solid #CCCCCC; border-width: 1px;
	padding: 5px 7px 4px 30px; background: #F6F4EB;}
	
table#songs td#two {color: #808080; text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-top: solid #CCCCCC; border-width: 1px;
	border-right: solid #CCCCCC; border-width: 1px;
	border-left: solid #CCCCCC; border-width: 1px;
	padding: 5px 7px 4px 30px; background: #FFFFFF;}
	
table#songs td#top {color: #FFFFFF; text-align: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-top: solid #CCCCCC; border-width: 1px;
	border-right: solid #CCCCCC; border-width: 1px;
	border-left: solid #CCCCCC; border-width: 1px;
	padding: 9px 0px 7px 30px; background: #ACACAC;}
	
table#songs td#bot {color: #FFFFFF; text-align: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-top: solid #CCCCCC; border-width: 1px;
	border-right: solid #CCCCCC; border-width: 1px;
	border-bottom: solid #CCCCCC; border-width: 1px;
	border-left: solid #CCCCCC; border-width: 1px;
	padding: 9px 0px 7px 48px; background: #ACACAC;}	
	
	
/* content elements
-------------------------------------------------------- */

p {margin-top: 16px; color: #444; font: 11px/16px verdana, geneva, arial, helvetica, sans-serif;}
H1  {margin: 0px; font: bold 18px/21px arial, helvetica, sans-serif; color: #444;
border-bottom: 1px solid #444; padding: 4px 0px;}
H2  {margin: 0px 0px 3px 0px; color: #444;
		font: bold 11px verdana, geneva, helvetica, sans-serif;}
H3  {margin: 7px 0px 20px 0px; color: #444;
		font: bold 14px/17px arial, verdana, geneva, helvetica, sans-serif;}
H4  {margin: 0px; font: bold 24px/30px arial, helvetica, sans-serif; color: #ACACAC; padding: 44px 0px 14px 0px;
border-bottom: 1px solid #444; }

#navtop H1  {padding: 14px 0px;}
#navtop H1 a {font: bold 18px arial, helvetica, sans-serif; color: #CCC;
	text-decoration: none;}

#navtop H1 a:hover{font: bold 18px arial, helvetica, sans-serif; color: #CCC;
	text-decoration: none;}

.small {color: #444; font: 10px verdana, geneva, arial, helvetica, sans-serif;}

.credits {color: #CCC; font: 10px verdana, geneva, arial, helvetica, sans-serif;}
	
	
a.sub:link {color: #FFFFFF;
		text-decoration: none;
		font-size: 10px;
		font-weight: normal;
		font-family: VERDANA, ARIAL, HELVETICA, SANS-SERIF;
		line-height: 12px;}
a.sub:visited {color: #FFFFFF;
		text-decoration: none;
		font-size: 10px;
		font-weight: normal;
		font-family: VERDANA, ARIAL, HELVETICA, SANS-SERIF;
		line-height: 12px;}
a.sub:hover {color: #FFFF80;
		text-decoration: none;
		font-weight: normal;
		font-size: 10px;
		font-family: VERDANA, ARIAL, HELVETICA, SANS-SERIF;
		line-height: 12px;}
		
div.pullphoto a.photo:link {color: #4E4E4E !important;
		text-decoration: none;
		font-size: 11px;
		font-weight: normal;
		font-family: VERDANA, ARIAL, HELVETICA, SANS-SERIF;
		line-height: 14px;}
div.pullphoto a.photo:visited {color: #4E4E4E !important;
		text-decoration: none;
		font-size: 11px;
		font-weight: normal;
		font-family: VERDANA, ARIAL, HELVETICA, SANS-SERIF;
		line-height: 14px;}
div.pullphoto a.photo:hover {color: #0151BF !important;
		text-decoration: underline;
		font-weight: normal;
		font-size: 11px;
		font-family: VERDANA, ARIAL, HELVETICA, SANS-SERIF;
		line-height: 14px;}