@charset "UTF-8";
/* TokensShow.com 2.0 */

img, div, input, id, a { behavior: url("iepngfix.htc") }

body {background: #eeddcc;
	  padding: 0px;
	  margin: 0px;
	  align: center;
	}
	
img {border: 0px;}
		
.wrapper {width: 996px;
		  background: #ffffff;
		  text-align: left;
		  padding-top: 0px;
		  float: center;
		  margin: 0 auto;
		  overflow: auto;}
		  
.rotator {
		  z-index: 3;
		  position: absolute;
		  top: 0px;
		  height: 250px;
		  text-align: center;
		  padding: 0px;
		  float: center;}
		
.header {background: #FFFFFF;
		width: 996px;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-right: 0px;
		text-align: left;}

.navbar {padding-left: 400px;}

.navbar img {padding-left: 10px;
			 padding-right: 10px;
			 padding-bottom: 5px;}
			 
.logo {position: absolute;
		z-index: 7;
	   top: 109px;
	   margin-left: -23px;
	   width: 387px;
	   height: 209px;
	   }

#welcome {padding-top: 0px;}

.images {float: left;
		width: 238px;
		text-align: left;
		margin-top: -5px;
		margin-left: 10px;
		padding-bottom: 5px;}
		

.imagesright {float: right;
		width: 238px;
		text-align: right;
		margin-top: -5px;
		margin-right: 10px;
		padding-bottom: 5px;}

.images img {padding-bottom: 5px;
			padding-top: 5px;}

.imagesright img {padding-bottom: 5px;
			padding-top: 5px;}


#splash {padding-top: 0px;
		margin-top: 10px;}

.words {width: 500px;
		margin-top: 0px;
		padding-left: 248px;}
		  
.content {text-align: justify;
		  font-family: Arial, Helvetica, sans-serif;
		  color: #000000;
		  font-size: 9pt;
		  padding-bottom: 10px;}

.highlight {
		  	font-family: Arial, Helvetica, sans-serif;
			color: #cc3300;
			font-size: 9pt;
			font-weight: bold;}
		  
		  



.setlist {font-size: 8pt;
		  padding-top: 15px;}


.song {padding-top: 3pt;
		padding-bottom: 3pt;
	   text-align: left;
		padding-left: 3pt;}
	  
	   
.songs {padding-top: 3pt;
		padding-bottom: 3pt;
		background: #ffcc99;
	   	text-align: left;
		padding-left: 3pt;}

.interview {
			padding-bottom: 51px;
			overflow: auto;}
			
.interview .text {margin-left: 125px; margin-right: 100px;}
				  
	 .interview .text .headshot {margin-left: -125px; float: left;}

.interview .text .listening img {margin-left: -7px;}
			
#bacevich {background: url(../images/bacevich-cover.jpg) no-repeat top right;}

#balmer {background: url(../images/balmer-cover.jpg) no-repeat top right;}

#campbell {background: url(../images/campbell-cover.jpg) no-repeat top right;} 

#carter {background: url(../images/carter-cover.jpg) no-repeat top right;}

#claiborne {background: url(../images/claiborner-cover.jpg) no-repeat top right;}

#dreher {background: url(../images/dreher-cover.jpg) no-repeat top right;}

#greene {background: url(../images/greene-cover.jpg) no-repeat top right;}

#jacobs {background: url(../images/aj-cover.jpg) no-repeat top right;}

#maclean {
		  margin-right: -100px;}
		 

#mclaren {background: url(../images/mclaren-cover.jpg) no-repeat top right;}

#rediker {background: url(../images/rediker-cover.jpg) no-repeat top right;}

#seeger {
		 margin-right: -100px;}

#wallis {background: url(../images/wallis-cover.jpg) no-repeat top right;
		 padding-bottom: 0px;}


.player {
			padding-bottom: 51px;
			overflow: auto;}

.player .text {
			margin-left: 166px;}

.player .text .headshot {margin-left: -166px; float: left;}
			

.fullinterview {float: left;}

.showinterview {float: right;}

.ads {text-align: center;
		padding-top: 51px;}

.ads img {padding-left: 30px;
			padding-right: 30px;
			padding-bottom: 30px;}
		  
.h1 {color: #cc3300;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26pt;
	font-weight: bold;
	padding-bottom: 15pt;}
	  
.h1a {color: #cc3300;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	padding-bottom: 15pt;}

	
.h2 {
	color: #cc3300;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17pt;
	font-weight: bold;
	padding-bottom: 5pt;
}

.h2a {
	color: #cc3300;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

#support .h2a {padding-top: 25px;}

.h2b {
	color: #cc3300;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

h2 {font-weight: normal;
	padding-top: 0px;
	margin-top: 0px;
	line-height: normal;}

#black {color: #000000;}


.sidebar {
	top: 0px;
	float: right;
	width: 280px;
	margin-top: -50px;
	text-align: center;
	margin-right: -315px;
	padding-bottom: 51px;
	}
	
	.sidebar .h2a {padding-top: 51px;}
	.sidebar img {padding-top: 51px;}
	.sidebar .constantcontact img {padding-top: 0px;}
	
	

.welcomesidebar {
	top: 0px;
	float: right;
	width: 280px;
	margin-top: 23px;
	text-align: center;
	margin-right: -315px;
	padding-bottom: 51px;
	}
	
	.welcomesidebar .h2a {padding-top: 51px;}
	.welcomesidebar img {padding-top: 51px;}
	.welcomesidebar .constantcontact img {padding-top: 0px;
	}


.backsplash {
	top: 0px;
	float: right;
	margin-top: -15px;
	padding: 10px;
	}

.footer {width: 996px;
		 margin: 0 auto;
		 padding-top: 5px;
		 padding-bottom: 51px;
		 text-align: center;
		 color: #660000;
		 font-size: 8pt;
		 font-family: Arial, Helvetica, sans-serif;
		 }
		 
   
.bottomnav {padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 10px;
			padding-top: 10px;
			margin: 0 auto;
			text-align: center;
			}

.bottomnav img {padding-left: 5px;
			 padding-right: 5px;
			 padding-bottom: 5px;}

a {color: #cc3300;
   text-decoration: none;}
a:hover {color: #990000;
	text-decoration: underline;}
a:active {color: #990000;
   text-decoration: underline;}
a:visited {color: #cc3300;
   text-decoration: none;}
   
   
.audio
   {
   padding-top: 3px;
  margin: 0px;
  padding-bottom: 10px;
  display: none;
  width: 410px;
  text-align: left;
}

.audio img {float: right;}


.video
   {
   padding-top: 3px;
  margin-left: -63px;
  padding-bottom: 10px;
  padding-right: 3px;
  display: none;
  text-align: left;
}

.video img {float: right;}



.interviewaudio
   {
  padding-top: 3px;
  margin: 0px;
  padding-bottom: 10px;
  display: none;
  width: 370px;
  text-align: left;
}

.interviewaudio img {float: right;}