



a {color: #0546a0; text-decoration:none; font-weight:600; }

a:hover {text-decoration:underline}

a.nolinkcolor {color: #777777; font-weight:normal;}

.nav-item{font-weight: normal;}

.nav-link{font-weight: normal;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

td {

	
	font-weight:normal;

	font-family:tahoma, arial;

	text-align: justify; 

	vertical-align:top;

	

}



H1 {
	font-weight: normal;
	font-family:  'Montserrat', 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #666666;
	margin-top: 12px;
	margin-bottom: 12px;
	text-transform: uppercase
}

H1.galleryfont {
	font-size: 1.1em;
}



H2 {
	font-weight: normal;
	color: #999999;
	font-size: 1.5em;
	margin-bottom: 6px;
}



h3{

	font-weight: bold;


	color: #5b6163;

	font-size: 1.2em;

	margin-top: 6px;

	margin-bottom: 5px;



}


.boxtitle {

	font-weight: 400;

	color: #5b6163;

	font-size: 1.2em;

	margin-top: 6px;

	margin-bottom: 5px;
	
	text-align:center;



}


.btn-primary {

    background-color: #0546a0;
    border-color: #0546a0;
}


.border-home {
  border-color:gainsboro  !important;
	
	
	
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}	

.strapline {

	margin-top:0px;

}	





img {border:none }



p { 

	
	margin-top: 2px;

	margin-bottom: 10px;

	line-height: 1.4em;
		
}



#menu a {display:inline-block;}

html #menu a {display:block;}

html #inline-images a {display:inline;}

#vertical-list,

#horizontal-list {

	margin:0;

	padding:0;

	list-style:none;

}

#vertical-list li,

#horizontal-list li {

	margin:0;

	padding:0;

}

 

.Homepage { background:url(../images/menu/btn_home_02.gif) top left no-repeat; }

.News { background:url(../images/menu/btn_news_02a.gif) top left no-repeat; }

.Calendar { background:url(../images/menu/btn_cal_02a.gif) top left no-repeat; }

.Biography { background:url(../images/menu/btn_bio_02a.gif) top left no-repeat; }

.Timeline { background:url(../images/menu/btn_timeline_02a.gif) top left no-repeat; }

.TV { background:url(../images/menu/btn_tv_02a.gif) top left no-repeat; }

.Film { background:url(../images/menu/btn_film_02a.gif) top left no-repeat; }

.Music { background:url(../images/menu/btn_music_02a.gif) top left no-repeat; }

.Concerts { background:url(../images/menu/btn_concerts_02a.gif) top left no-repeat; }

.Stage { background:url(../images/menu/btn_stage_02a.gif) top left no-repeat; }

.Books{ background:url(../images/menu/btn_books_02a.gif) top left no-repeat; }

.Shop { background:url(../images/menu/btn_shop_02a.gif) top left no-repeat; }

.Gallery { background:url(../images/menu/btn_gallery_02.gif) top left no-repeat; }

.FanZone { background:url(../images/menu/btn_fan_02a.gif) top left no-repeat; }

.FanZone1 { background:url(../images/menu/btn_fan_02.png) top left no-repeat; }

.FanZone2 { background:url(../images/menu/btn_fan_02a.gif) top left no-repeat; }

.Contact { background:url(../images/menu/btn_cont_02.gif) top left no-repeat; }

.Appearances { background:url(../images/menu/btn_app_02.gif) top left no-repeat; }
 


.outabout { background:url(../images/menu/fanzone/outabout_02.gif) top left no-repeat; }
 
.charities { background:url(../images/menu/fanzone/charities_02.gif) top left no-repeat; }

.galleries { background:url(../images/menu/fanzone/galleries_02.gif) top left no-repeat; }
 
.newsletters { background:url(../images/menu/fanzone/newsletters_02.gif) top left no-repeat; }

.mailing { background:url(../images/menu/fanzone/mailing_02.gif) top left no-repeat; }

.events { background:url(../images/menu/fanzone/sub_events_02.gif) top left no-repeat; }





	 

#vertical-list {

    w\idth:190px; 

}

* html #vertical-list-container {

	width:190px; 
	w\idth:auto;

}

#vertical-list li a {

    display:block;

	height:21px;

	border:none;

	text-decoration:none;

}

#vertical-list li a img {

    border:none;

	vertical-align:top; 

}

#vertical-list li a:hover img {

	visibility:visible;

}

#vertical-list li a:hover img{

    visibility:hidden; 

}



#content{
	margin: 0;
	padding: 5px 0px 10px 0px;
	width: 525px;
	height: 1%;
	color: #666666; /*#5b6163;*/
	text-align: justify;

}



#gallery-area {

	margin: 0;

	padding: 5px 0px 10px 0px;

	width: 600px;

	height: 1% ;

	font-family: Tahoma;

	color: #5b6163;

	text-align: justify; 



}





#content_title {

	

	color: #639;

	font-size: 1.2em;

}





#header{ 

	margin-top: 20px;

	margin-bottom: 0px;

	width: 525px;

}



#header_gallery{ 

	margin-top: 15;

	margin-left: 10;

	float: left;

	width: 250px;

	

}





#msg_gallery{ 

	margin-top: 5;

	margin-left: 10;

	margin-bottom: 5px;

	float: left;

	width: 250px;

	color: #5b6163;
	
	font-size: 0.8em;

	



}



.news-frame {

	border-top:1px dotted #c4c4c4;

	float: left;

	width: 525px;

}







.news-date {
	padding:12px 0 13px 0px;
	float: left;
	width: 135px;
	font-size:0.9em;
	font-weight: bold;
	color: #666666;
*/#0e0e0e;*/
	
}





.news-content{ 

	padding:12px 0 13px 0px;

	margin: 0;

	float: left;

	width: 385px;

	color: #5b6163;

	
}







.news-img{

	border:1px solid #bababa;

	margin-top:10px;

	float: left;

	width: 120px;

}



.gallery-frame {

	border-top:1px dotted #c4c4c4;

	float: left;

	width: 525px;

}



.gallery-date {

	padding:12px 0 13px 0px; 

	float: left;

	width: 90px;

	font-weight: bold;

	font-family: Tahoma;

	color: #0e0e0e;


}







.gallery-link { 

	padding:12px 0 13px 0px;

	margin: 0;

	float: left;

	width: 385px;

	font-family: Tahoma;

	color: #5b6163;



}



.gallery-img{

	border:1px solid #bababa;

	float: left;

	width: 75px;

	height: 75px;

}





#contact-date {

	padding:10px 0 15px 0px;

	float: left;

	width: 135px;

	font-weight: bold;

	font-family: Tahoma;

	color: #0e0e0e;

	

}



#contact-content{ 

	padding:10px 0 15px 0px;

	margin: 0;

	float: left;

	width: 385px;

	height: 1% ;

	font-family: Tahoma;

	color: #5b6163;

	

}





#links {

	border-top:1px dotted #c4c4c4;

	padding:10px 0 10px 0px;

	float: left;

	width: 525px;

	font-weight: bold;

	font-family: Arial;

	color: #0e0e0e;

	

}





#footer{ 

	border-top:1px dotted #525252;

	padding:7px 0 15px 0px;

	margin-top: 20;

	float: left;

	width: 525px;

	color: #5b6163;

	

}



#footer_gallery{ 

	border-top:1px dotted #525252;

	padding:5px 0px 10px 0px;

	margin-top: 7px;

	margin-left: 10;

	float: left;

	width: 250px;

	color: #5b6163;
	
	font-size: 0.8em;

}



#timeline{

	padding:5px 0 10px 0px;

	float: left;

	width: 520px;

	font-family: Arial;

	font-weight: bold;

	text-align: right;

	text-transform: uppercase;

	color: #5b6163;

	
}


#top_message{

	padding:10px 0 20px 0px;

	float: left;

	width: 525px;

	font-family: Arial;

	color: #5b6163;

}


.night-frame {

	border-top:1px dotted #c4c4c4;

	float: left;

	width: 525px;

}


.night-content{ 

	padding-top:14px;

	float: right;

	width: 375px;

	font-family: Tahoma;

	color: #5b6163;

	

}



.night-img{

	padding-top:14px;

	float: left;

	width: 135px;

}



<!-- Gillian-created styles -->



.floatleft {

	float: left;

	width: 255px;

	margin: 0px 15px 10px 0px;
}


#left {

	float: left;

	width: 255px;

	margin: 0px 15px 10px 0px;

}




.left {

	float: left;

	width: 255px;

	margin: 0px 15px 10px 0px;

}

.floatleft img { border: 1px solid #5b6163; }


.floatright {

	float: right;

	width: 250px;	

	margin: 0px 0px 10px 0px;

}



div.floatright img { border: 1px solid #5b6163; }







#left img { border: 1px solid #5b6163; }



#left p {

	margin: 2px 0px 2px 0px;

	text-align:right;

}



#left270 {

	float: left;

	width: 270px;

	margin: 0px 15px 10px 0px;

}



#left270 img { border: 1px solid #5b6163; }



#270left {

	float: left;

	width: 270px;

	margin: 0px 15px 10px 0px;

}



#right {

	float: left;

	width: 255px;	

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 10px 0px;

}



#right img { border: 1px solid #5b6163; }



#right p {

	margin: 2px 0px 2px 0px;

	text-align:right;

}

.right {

	float: left;

	width: 255px;	

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 10px 0px;

}



.right img { border: 1px solid #5b6163; }



.right p {

	margin: 2px 0px 2px 0px;

	text-align:right;

}

#rightalone {

	float: right;

	width: 255px;	

	padding: 0px 0px 0px 0px;

	margin: 0 0 10px 15px;

}

.rightalone {

	float: right;

	width: 255px;	

	padding: 0px 0px 0px 0px;

	margin: 0 0 10px 15px;

}

#rightalone img { border: 1px solid #5b6163; }

.rightalone img { border: 1px solid #5b6163; }	

#rightalone p {

	margin: 2px 0px 2px 0px;

	text-align:right;

}

.rightalone p {

	margin: 2px 0px 2px 0px;

	text-align:right;

}	









#fanzone-navigation { 

	padding:5px 0px 5px 0px;

	width: 525px;

	font-family: Arial;

	text-align: left;

	text-transform: uppercase;

	color: #5b6163;

	
}


#fanzone-navigation2 { 

	padding:5px 0px 5px 0px;

	width: 525px;

	font-family: Arial;

	text-align: right;

	text-transform: uppercase;

	color: #5b6163;
	
    font-size: 0.9em;
	
}




#fanzone-navigation li { 

	display:inline;

	list-style:none;

}



#portfolio-navigation { 

	margin-top: -10px;
	padding:0px 0px 0px 0px;

	width: 520px;

	font-family: Arial;

	font-weight: bold;

	text-align: right;

	text-transform: lowercase;

	color: #5b6163;

	
}



#portfolio-navigation li { 

	display:inline;

	list-style:none;

}



#breadcrumbs{ 

	margin: 10px 0px 5px 0px;

	width: 525px;

	text-transform:lowercase

}



#breadcrumbsfan{ 

	margin: 10px 0px 0px 0px;

	width: 525px;

	text-transform:lowercase

}



#fanzone ul li {

	font-size: 1.1em;

	font-style: normal;

	line-height: 1.5em;

	color: #636466;

	list-style-position: inside;

	list-style-type: square;

}







#widephoto {

	width: 525px;

	margin: 0px 0px 10px 0px;

}

.widephoto {

	width: 525px;

	margin: 0px 0px 10px 0px;

}

#widephoto img { border: 1px solid #5b6163; }



#allgalleries {

width: 250px;

text-align: left;

margin-bottom: 0px;

}





.fanzone p {

	margin-top: 0px;

	margin-bottom: 5px;

}



.artdate {

	display: inline;

	float:left;

	text-transform: uppercase;

	font-weight: bold;

}





.chevrons {

	font-family: arial;

}



/* show, role and date information on stage pages */

.roledetails {

	margin-top: 2px;

	margin-bottom: 4px;

	line-height:1.2em;

	font-weight: bold;

}



.fanzoneareaheading {

	margin-top: 20px;

	margin-bottom: 22px;

	font-size: 16px;

	color: #666;

}	



.question {

	margin-bottom: 6px;

	font-weight:bold;

}



.caption {

	text-align:right;

	color: #5b6163;

	text-size: 70%;

}

.captionleft {

	text-align:left;

	color: #5b6163;

	text-size: 70%;

}



h1.fan {

	font-size:  1.4em;

	/* color: #5b6163; */

	/* color: #999ca3; */

	margin-bottom: 6px;

	margin-top: 2px;

	text-align: left;

}





p.fan {

	margin-bottom: 6px

}	





.fanzone {

	margin-bottom: 0px;

}





ul.fan {

	margin-top: 0px;

	margin-left: 15px;

	margin-bottom: 10px;

	list-style-position: outside;

	list-style-type:square; 

	line-height:1.8em;

	color: #5b6163;

}



li.fan {

		line-height:1.3em;

		margin-top:8px;

}	



input.btn { 

color:#5b6163; 

font: tahoma, arial;

border:1px solid; 

border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#e9e9e9'); 

height:21px;

} 



input.btn8 { 

color:#5b6163; 

font: tahoma, arial;

border:1px solid #5b6163; 

border-color: #696 #363 #363 #696; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#e9e9e9'); 

height:20px;

margin-top:2px;

} 



#searcharea {

	position:absolute; 

	top:36px; 

	width:865px; 

	left:50%;

	margin-left:-432px;

	text-align:right

	}



#searcharea2 {

	position:absolute; 

	top: 46px; 

	width:865px; 

	left:50%;

	margin-left:-425px;

	text-align:left;

	}

	

#searcharea3 {

	position:absolute; 

	top: 16px; 

	width:865px; 

	left:50%;

	margin-left:-430px;

	text-align:right;

	}



/*style for music detail pages */



#leftalbum {

	float: left;

	width: 255px;

	margin: 0px 15px 10px 0px;

}



#leftalbum img { border: 1px solid #5b6163; }



#leftalbum p {

	margin: 2px 0px 2px 0px;

	text-align:left;

}



#rightalbum {

	float: left;

	width: 255px;	

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 10px 0px;

}



#rightalbum img { border: 1px solid #5b6163; }



#rightalbum p {

	margin: 2px 0px 2px 0px;

	text-align:left;

}



.fanzoneh2 {

	font-weight: bold;

	font-family: Tahoma;

	color: #333333;

	font-size: 1.3em;

	margin-top: 12px;

	margin-bottom: 12px;

	

}



<!-- end user-created styles -->