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

body {
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color:#CCC;
}

p {
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1 em;
}

h1 { 
	font-family:Georgia, "Times New Roman", Times, serif; 
	padding: 0 20px 10px 20px;
	font-size:1.3em;
	color: #FFC;	
}

h2 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 0px 20px 10px 10px;
	font-size:1em;
	color: #FFC;	
}

h3 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 10px 20px 5px 50px;
	font-size:.9em;
	font-weight:200;
	color: #369;	
}

h4 { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	padding: 0 20px 0 0px;
	font-size:1em;
	color: #FFC;	
}



hr {
	color:#FFC;
	width:150px;
}


ul {
	list-style-type: circle;
	list-style:outside;
}

li {
	padding: 0 0 15px 0;
	font-size: .8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

dt {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300; padding: 0 30px 0 30px; font-size:12px; color: #FFC;}

dd {font-family: Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; padding: 0 30px 10px 3px; color:white;}

/*------------------------------------------------------
CONTAINER 
------------------------------------------------------*/


#container {
width:800px;
margin: auto;
padding: 0 0 0 0;
background-color: #7d86b3;
position:relative;
}

#pagename {
	width: 220px;
	float: left;
	position: relative;
  	margin-top:10px;
}

#pagename h1 { 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:1.4em;
	color: #FFC;	
}

#pagename p {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	text-align:center;
}

pagename dt {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300; padding: 0 30px 0 30px; font-size:12px; color: #FFC;}

pagename dd {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding: 0 30px 10px 3px; color:white;}


#header {
	width: 800px;
	margin: 0 auto 0 auto;
}

/*------------------------------------------------------
H E A D E R  B A R 
------------------------------------------------------*/


#nav, 
#nav ul {padding:0 0 5px 30px; list-style:none; border:1px solid #7d86b3; border-color: #7d86b3; border-width: 2px 1px 2px 1px; background: #7d86b3; position:relative; z-index:200;}
#nav {height:25px; width: *;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 5px 0 5px; font-weight: bold; color: #369; font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color: #369; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#7d86b3;}
#nav a:hover {position:relative; z-index:300; color: #FFC; text-decoration: none;}

#nav li .active {position:relative; z-index:300; color: #FFC; text-decoration: none;}

#nav :hover ul {left:0; top:22px; color:#FFC;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px; color:#FFC;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px; color:#FFC;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#FFC;}
/* IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/*------------------------------------------------------
C O N T E N T
------------------------------------------------------*/
	
#content {
	width: *;
	margin-left: 230px;
	margin-right: 20px;
	color: #FFF;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#content p { 
	padding: 0 20px 0 0;
	color: #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1 em;
}

#quotation { 
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	padding-right: 40px;
}

/*------------------------------------------------------
F O O T E R 
------------------------------------------------------*/

#footer {
	width: 797px;
	padding: 20px 0 20px 0; 
	margin-top: 20px;
}

#footer p {
	text-align:center;
	font-size: .6em;
}


/*------------------------------------------------------
T A B L E S
------------------------------------------------------*/

table {background-color: #7d86b3; color: Black;}
tr {font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; text-align: left; color: black;}
tr.header {background-color: #336; color: white; font-weight: 200;}
tr.center {text-align:center;}
tr.right {text-align:right;}
td {font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; text-align: left; color: black;}
td.center {text-align:center;}
td.right {text-align:right;}
td.leftb {font-weight: 200;}
td.centerb {font-weight: 200; text-align:center;}
td.rightb {font-weight: 200; text-align:right;}
td.header a{font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; background-color: #336; color: white; font-weight: 200;}
td.header a:visited{font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; background-color: #336; color: white; font-weight: 200;}
td.header {font-size: 11px; 	font-family: "Trebuchet MS", Arial, Verdana, sans-serif; background-color: #336; color: white; font-weight: 200;}
td.headerc {font-size: 11px; 	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
background-color: #336; color: white; font-weight: 200; text-align:center;}

table.colored {background-color: #CCC; color: Black;}
td.colored {font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; text-align: left; color: black; background-color: #CCC;}
.padded {padding: 0 5px 0 5px;}


/*------------------------------------------------------
other
------------------------------------------------------*/
.black {color: black;}
.attrib {font-family : arial, verdana, helvetica, sans-serif; font-size : .8em; line-height : 1em; color: #CCC;  padding : 0em 0em .6em 0em;}
.concertdate {font-family: Georgia, "Times New Roman", Times, serif; font-size : .75em; line-height : 1em; color: black; font-weight:bold;}
.concerttime {font-family : arial, verdana, helvetica, sans-serif; font-size : .75em; line-height : 1em; color: black;  padding : 0em 0em 0em 1em;}
.center {text-align: center; padding: 0px 10px 0px 10px;}
.quotemarkl {font-family:"Times New Roman", Times, serif; font-size:80px; color:#666; margin-left: 40px;}
.quotemarkr {font-family:"Times New Roman", Times, serif; font-size:80px; color:#666; margin-right: 60px;}
.fakelink {color: #FFC; text-decoration: underline;}
.highlightit img{border: 1px solid #7d86b3;}
.small {font-family:Verdana, Geneva, sans-serif; font-size:.8em; color:#666;}
.leftcolumn {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: .7em; text-align:left; }


.highlightit:hover img{
border: 1px solid white;
}

.highlightit:hover{
color: #333333;
border-width: 0px ;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 400; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageDataContainer a {color:#0099FF;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 350; width: 100%; height: 500px; background-color: #000; }