/* CSS for AHL */

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

body {
	background-color: #14285f;
	background-image: url(../images/page-bg.gif);
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	}

.container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -350px;
	width: 710px;
	color: #FF8000;
	height: auto;
	}
	
p {
	margin: 0px;
	padding: 0px;
	}
	
blockquote {
	margin: 0px;
	padding: 0px;
	}
	
.main {
	overflow: hidden;
	background-color: #000033;
	background-image: url(../images/main-bg.gif);
	width: 100%;
	}

.clear {
	clear: both;
	}
	
.right {
	text-align: right;
	margin: 0px 0px -3px 0px;
	}
	
.floatleft {
	float: left;
	width: 190px;
	padding: 5px 10px 5px 5px;
	}
	
blockquote.quote {
	padding: 0px 0px 0px 10px;
	margin: 20px 50px 10px 25px;
	border-left: 3px solid #ff8000;
	background-color: #000022;
	}
	
blockquote.quote span {
	position: relative;
	left: 250px;
	padding: 0px 10px 0px 0px;
	}
/* -------------------------------------------------------------------------------------- */
/* masthead */

.masthead {
	background-color: #000033;
	padding: 0px 5px 5px 5px;
	}
	
/* -------------------------------------------------------------------------------------- */
/* nav */

.nav {
	background-color: #003366;
	background-image: url(../images/nav-bg.jpg);
	margin: 0px;
	padding: 5px;
	text-align: center;
	}
	
.nav a {
	font-family: "Verdana", san-serif;
	font-size: 13px;
	font-weight: bold;
	}
	
.nav a.selected { color: #FF6666; text-decoration: underline; }

/* -------------------------------------------------------------------------------------- */
/* left */

.left {
	float: left;
	width: 200px;
	height: auto;
	padding: 5px 5px 1030px 5px;
	margin-bottom: -1000px; 
	padding-bottom: 1030px;
	}
	
a img {
	border: none;
	padding: 0px;
	margin: 0px;
	}
		
.left .events {
	background-color: #e5b53b;
	color: #403e3d;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 5px 0px 5px;
	}
		
.left .events blockquote.event {
	padding: 0px 0px 20px 0px;
	}

.left .events a.event:link {color: #403e3d;}
.left .events a.event:visited {color: #403e3d;}
.left .events a.event:active {color: #403e3d;}
.left .events a.event:hover {color: #cc0000;}

.left .events p.year {
	font-family: Times New Roman;
	font-size: 75px; /* 75 */
	font-weight: bold;
	padding: 8px 0px 0px 0px;
	}
	
.left .events p.tickets {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px; /* 12 */
	font-weight: bold;
	padding: 5px 0px 10px 0px;
	text-transform: uppercase;
	}
	
.left .events p.tickets a:link {color: #0000cc;}
.left .events p.tickets a:visited {color: #0000cc;}
.left .events p.tickets a:active {color: #0000cc;}
.left .events p.tickets a:hover {color: #ff0000;}
	
.left .events p.date {
	font-size: 16px; /* 16 */
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 0px 0px 0px;
	}
	
.left .events p.title {
	font-size: 25px; /* 25 */
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	}
	
.left .events p.author {
	font-size: 16px; /* 16 */
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	}

.left .events img {
	padding: 0px 0px 10px 0px;
	}
	
/* -------------------------------------------------------------------------------------- */
/* content */

.content {
	width: 480px;
	height: auto;
	float: left;
	padding: 10px 10px 1030px 10px;
	margin-bottom: -1000px; 
	padding-bottom: 1030px;
	}
	
.content p.header {
	font-size: 30px;
	margin: 0px 0px 15px 0px;
	}
	
.content p.title {
	font-size: 30px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #ff8000;
	}	

.content p.click {
	font-size: 12px;
	margin: 20px 0px -10px 15px;
	}	

div.content a:link {color: #ff8000; text-decoration: underline;} 
div.content a:visited {color: #ff8000; text-decoration: underline;} 
div.content a:active {color: #ff8000; text-decoration: underline;} 
div.content a:hover {color: #0033ff; text-decoration: underline;}

/* playwright stuff */
		blockquote.playwright {
			float: left;
			margin-top: 20px;
			padding: 0px 5px 5px 5px;
			width: 230px;
			}
			
		blockquote.playwright p {
			vertical-align: top;
			margin: 0px;
			}

		blockquote.playwright p.a{
			padding: 0px 0px 0px 0px;
			}

		img.playwright {
			float: left;
			padding: 1px;
			margin: 0px 10px 0px 0px;
			border: 1px solid #ff8000;
			width: 80px;
			height: 80px;
			}

		blockquote.playwright:hover img.playwright {
			border: 1px solid #0066ff;
			}
		
		blockquote.playwright:hover p.b {
			color: #0066ff;
			}
			
		blockquote.playwright p.b{
			padding: 10px 0px 0px 0px;
			}
		
		
		blockquote.playwright a:link { text-decoration: none;} 
		blockquote.playwright a:visited { text-decoration: none;} 
		blockquote.playwright a:active { text-decoration: none;} 
		blockquote.playwright a:hover { text-decoration: none;}
		
/* Ensemble stuff */
		blockquote.ensemble {
			float: left;
			margin: 20px 2px 0px 0px;
			padding: 5px 3px 5px 3px;
			width: 110px;
			text-align: center;
			border: 1px solid transparent;
			}
			
		blockquote.ensemble:hover img.ensemble {
			border: 1px solid #0066ff;
			}
		
		blockquote.ensemble:hover p.b {
			color: #0066ff;
			}

		blockquote.ensemble p {
			vertical-align: top;
			margin: 0px;
			}

		blockquote.ensemble p.a{
			padding: 0px 0px 0px 0px;
			}

		img.ensemble {
			padding: 1px;
			margin: 0px 0px 0px 0px;
			border: 1px solid #ff8000;
			width: 96px;
			height: 57px;
			}
			
		blockquote.ensemble p.b {
			padding: 0px 0px 0px 0px;
			}
		
		blockquote.ensemble a:link { text-decoration: none;} 
		blockquote.ensemble a:visited { text-decoration: none;} 
		blockquote.ensemble a:active { text-decoration: none;} 
		blockquote.ensemble a:hover { text-decoration: none;}
		
		p.jackie {
			margin: 28px 0px 0px 0px;
			text-align: center;
			}
		
/* timeline stuff */
		p.timeline {
			margin: 5px;
			padding: 5px 20px;
			}
		dt {
			font-weight: bold;
			font-size: 16px;
			border-bottom: 1px solid #ff8000;
			margin: 10px 0px 5px 0px;
			padding: 0px 0px 0px 5px;
			}
		
		li {
			margin: 0px 0px 0px 25px;
			}
			
		li:hover, li:hover a {
			color: #0066ff;
			text-decoration: none;
			}
			
		.center {
			text-align: center;
			}
		
		p.showdate {
			font-weight: bold;
			border-bottom: 1px solid #000000;
			}
		
		dd {
			margin: 15px 0px -5px 0px;
			font-size: 30px;
			font-weight: bold;
			}
			
		p.reviews a:link {text-decoration: underline;} 
		p.reviews a:visited {text-decoration: none;} 
		p.reviews a:active {text-decoration: none;} 
		p.reviews a:hover {text-decoration: underline;}
			
/* Newsletter stuff */
		form {
			padding: 0px 0px 0px 25px;
			}
		
		table.subscribe {
			color: #ff8000;
			}
			
		table.subscribe td {
			padding: 10px 15px 0px 0px;
			text-align: right;
			}
			
		table.subscribe td.button {
			text-align: left;
			}

/* -------------------------------------------------------------------------------------- */
/* copyright */

.copyright {
	position: absolute;
	bottom: 4px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	font-family: helvetica;
	color: #969696;
	}
.copyright a:link { color: #969696; text-decoration: none;} 
.copyright a:visited { color: #969696; text-decoration: none;} 
.copyright a:active { color: #969696; text-decoration: none;} 
.copyright a:hover { color: #FF9900; text-decoration: underline;}

/* -------------------------------------------------------------------------------------- */
/* Ensemble Image Map */

.buttons {
	position: relative;
	top: 25px;
	left: 8px;
	width: 457px;
	height: 305px;
	background-image: url(../images/ensemble/group.gif);
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #ff8000;
	}
	
.buttons .buttonmap a {
	position: absolute;
	height: 40px;
	width: 60px;
	top: 0px; 
	text-decoration: none;
	text-align: center;
	}

.buttons .buttonmap a:hover{
	background-color: #ffffff;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	color: #003366;
	font-weight: bold;
	font-size: 18px;
	}

.buttons .buttonmap a i {
	visibility: hidden;
	}
	
.buttons .buttonmap a:hover i {
	visibility: visible;
	}
	
a#brandon {top: 11px; left: 186px; width: 120px; height: 67px; text-decoration: none; display: block;} 
a#vin {top: 32px; left: 135px; width: 79px; height: 97px; text-decoration: none; display: block;} 
a#mark {top: 1px; left: 35px; width: 97px; height: 88px; text-decoration: none; display: block;} 
a#jeff {top: 133px; left: 130px; width: 114px; height: 77px; text-decoration: none; display: block;} 
a#chip {top: 173px; left: 245px; width: 156px; height: 112px; text-decoration: none; display: block;} 
a#tim {top: 200px; left: 1px; width: 96px; height: 106px; text-decoration: none; display: block;} 
a#sheila {top: 88px; left: 11px; width: 140px; height: 93px; text-decoration: none; display: block;} 
a#mike {top: 79px; left: 215px; width: 157px; height: 104px; text-decoration: none; display: block;} 
a#erik {top: 211px; left: 100px; width: 155px; height: 95px; text-decoration: none; display: block;} 
a#kate {top: 203px; left: 307px; width: 152px; height: 103px; text-decoration: none; display: block;} 
a#adrienne {top: 1px; left: 308px; width: 142px; height: 95px; text-decoration: none; display: block;} 
a#casey {top: 65px; left: 357px; width: 101px; height: 105px; text-decoration: none; display: block;} 
a#jo {top: 160px; left: 68px; width: 88px; height: 86px; text-decoration: none; display: block;} 



/* End CSS AHL */