@charset "utf-8";
/* CSS Document */


/**********   Tag definitions/rewrites  ************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select {  
	margin:0; 
	padding:0; 
	font-size: 100%;
} 

fieldset,img {  
	border:0; 
} 
caption,th { 
	text-align:left; 
} 



body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	background: #003745;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000;
	height: 100%;
	text-align: justify;
}


h1   { font-size: 175%; } 
h2   { font-size: 150%; }
h3   { font-size: 135%; }
h4   { font-size: 125%; }

a {
	color: #0F2FCE;
}

a:hover {
	text-decoration: none;
	color: #A34848;
}



/*******   IDs and classes relying on them ************************************/

#aboutIcon {
	background-image: url(../images/icon-about.gif);
	width: 160px;
	height: 116px;
	z-index: 20;
	margin-top: -60px;
	margin-left: 400px;
	position: absolute;
}


#aboutTitle {
	width: 335px;
	height: 53px;
	background-image: url(../images/title-about.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#aboutTitle h2 {
	display: none;
}

#backToGallery {
	width: 200px;
	margin: auto;
}

#backToGallery img {
	margin-top: 25px;
}

#bookMan {

	width: 345px;
	float: left;
	z-index: 1;
}

#bookMan img {
	margin: -200px 0px 10px 115px;
    border: 1px solid white;
}

#boxElder {
	width: 798px;
	margin: auto;
}


#contactIcon {
	background-image: url(../images/icon-contact.gif);
	width: 105px;
	height: 72px;
	z-index: 20;
	margin-top: -30px;
	margin-left: 440px;
	position: absolute;
}


#contactTitle {
	width: 229px;
	height: 63px;
	background-image: url(../images/title-contact.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#contactTitle h2 {
	display: none;
}





#contentTop {
	width: 596px;
	height: 61px;
	background-image: url(../images/billboard_top.gif);
	background-repeat: no-repeat;
	float: right;	
}

#contentMain {
	width: 596px;
	background-image: url(../images/billboard_main.gif);
	background-repeat:repeat-y;
	height: 100%;
	float: right;
}

#contentBottom {
	width: 596px;
	height: 83px;
	background-image: url(../images/billboard_bottom.gif);
	background-repeat: no-repeat;
	float: right;
}


#datesIcon {
	background-image: url(../images/icon-dates.gif);
	width: 56px;
	height: 96px;
	z-index: 20;
	margin-top: -40px;
	margin-left: 485px;
	position: absolute;
}

#datesTitle {
	width: 248px;
	height: 61px;
	background-image: url(../images/title-dates.gif);
	background-repeat:no-repeat;
	float: left;
	position:absolute;
	margin-top: -35px;
	z-index: 20;
}
#datesTitle h2 {
	display: none;
}

#exchangeForm {
	margin-top: 20px;
	margin-bottom: 50px;
}

#featuresIcon {
	background-image: url(../images/icon-features.gif);
	width: 89px;
	height: 111px;
	z-index: 20;
	margin-top: -45px;
	margin-left: 465px;
	position: absolute;
}

#featuresTitle {
	width: 295px;
	height: 66px;
	background-image: url(../images/title-features.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#featuresTitle h2 {
	display: none;
}


#fireworks {
	position: absolute;
	width: 445px;
	height: 475px;
	z-index: 1;
	background-image: url(../images/fireworks-alone.gif); 
	background-repeat: no-repeat;
	cursor: pointer; 
	cursor: hand;
}


#flashMovie {
	margin-top: 120px;
}

#galleryIcon {
	background-image: url(../images/icon-gallery.gif);
	width: 97px;
	height: 125px;
	z-index: 20;
	margin-top: -40px;
	margin-left: 450px;
	position: absolute;
}

#galleryIconBack {

	background-image: url(../images/icon-gallery-back.gif);
	width: 97px;
	height: 125px;
	z-index: 20;
	margin-top: -40px;
	margin-left: 450px;
	position: absolute;
}

#galleryTitle {
	width: 270px;
	height: 64px;
	background-image: url(../images/title-gallery.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#galleryTitle h2 {
	display: none;
}


.galleryContents {
	/*
	background-color: #0066CC;
	border: 1px solid black;
	*/
	width: 475px;	
	margin: auto;
}

.galleryPhoto {
	width: 135px;
	float: left;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: 1px dotted grey;
	margin: 5px 5px 5px 5px;
	background: #FFFFFF;
	height: 150px;
}

.galleryPhoto img {
	height: 90px;
	border: 1px solid #666666;
}

.galleryPhoto .photoCaption {
	font-size: 80%;
	display: block;
	margin-bottom: 10px;
}

.galleryPhoto .photoGalleryName {
	font-size: 85%;
	font-weight: bold;
	padding-top: 7px;
}

.galleryPhoto select {
	display: block;
	margin:auto;
}



.galleryTitle {
	color: #993300;
	font-size: 95%;
}




#homeTitle {
	width: 386px;
	height: 59px;
	background-image: url(../images/title-home.gif);
	background-repeat:no-repeat;
	margin-bottom: 5px;
	margin-top: -10px;
	float: left;
	position: absolute;
	z-index: 20;
}

#homeTitle h2 {
	display: none;
}



#listenIcon {
	background-image: url(../images/icon-listen.gif);
	width: 80px;
	height: 90px;
	z-index: 20;
	margin-top: -40px;
	margin-left: 465px;
	position: absolute;
}

#listenTitle {
	width: 231px;
	height: 65px;
	background-image: url(../images/title-listen.gif);
	background-repeat:no-repeat;
	float: left;
	position:absolute;
	margin-top: -35px;
	z-index: 20;
}

#listenTitle h2 {
	display: none;
}


#mainMenu {
	height: 72px;
	background-repeat: repeat-x;
	font-size: 75%;
	font-weight: bolder;
	margin-bottom: 30px;
	
	border-bottom: 2px solid;
	border-color: #000000;
	background: #9CC6CB;
    background: #37939c;
	
}

#mainMenu h1 {
	display: none;
}





#marginContent {
	padding: 25px 25px 0px 25px;
	font-size: 75%;
	z-index: 20;
}

#marginContent p {
	margin: 10px 0px 10px 0px;
	clear: both;
}


#newsIcon {
	background-image: url(../images/icon-news.gif);
	width: 104px;
	height: 90px;
	z-index: 20;
	margin-top: -45px;
	margin-left: 445px;
	position: absolute;
}



#newsTitle {
	width: 110px;
	height: 59px;
	background-image: url(../images/title-news.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#newsTitle h2 {
	display: none;
}

#newsletterGraphic {
	background-image: url(../images/subscribe.gif);
	width: 291px;
	height: 21px;
	position: absolute;
	margin-top: 20px;
	margin-left: 160px;
	cursor: hand;
	cursor: pointer;
}

#newsletterGraphicDates a {
	display: none;
}

#newsletterGraphicDates {
	background-image: url(../images/subscribe.gif);
	width: 291px;
	height: 21px;
	position: absolute;
	margin-top: 50px;
	margin-left: 130px;
	cursor: hand;
	cursor: pointer;
}

#newsletterGraphic a {
	display: none;
}

#privacyPolicy {
	font-size: 70%;
	margin-top: -33px;
	padding-right: 10px;
	float: right;
}

#productCategories {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;	
}

#productCategories li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#productCategories li a {
	background: #fff;
	width: 78px;
	height: 18px;
	border-top: 1px solid #f5d7b4;
	border-left: 1px solid #f5d7b4;
	border-bottom: 1px solid #f5d7b4;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #ea2b26;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#productCategories li a:hover {
	color: #ea2b26;
	background: #f5d7b4;
}

#productCategories a:active {
	background: #c60;
	color: #fff;
}

#productCategories li#currentCategory a {
	background: #ea2b26;
	border: 1px solid #c60;
	color: #fff;
}


#road {
	
	height: 62px;
	clear: both;
	background-image: url(../images/road.gif); 
	
	/*
	height: 73px;
	clear: both;
	background-image: url(../images/bookbottom.png);
	*/
	background-repeat: repeat-x;
}


#searchForm {
	margin-top: 80px;
}


#selectForm {
	z-index: 200;
	position: absolute;
	margin-top: 20px;
}



#showsIcon {
	background-image: url(../images/icon-shows.gif);
	width: 102px;
	height: 65px;
	z-index: 20;
	margin-top: -30px;
	margin-left: 450px;
	position: absolute;
}


#showsTitle {
	width: 223px;
	height: 66px;
	background-image: url(../images/title-shows.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#showsTitle h2 {
	display: none;
}





#storeIcon {
	background-image: url(../images/icon-store.gif);
	width: 60px;
	height: 90px;
	z-index: 20;
	margin-top: -40px;
	margin-left: 485px;
	position: absolute;
}


#storeTitle {
	width: 104px;
	height: 63px;
	background-image: url(../images/title-store.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#storeTitle h2 {
	display: none;
}


#storyIcon {
	background-image: url(../images/icon-story.gif);
	width: 95px;
	height: 75px;
	z-index: 20;
	margin-top: -40px;
	margin-left: 455px;
	position: absolute;
}


#storyTitle {
	width: 286px;
	height: 64px;
	background-image: url(../images/title-story.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#storyTitle h2 {
	display: none;
}


#stuartBoard {
	background-image: url(../images/stuart_frame.gif);
	width: 116px;
	height: 135px;
	z-index: 20;
	margin-top: -45px;
	margin-left: 445px;
	position: absolute;
}


#stuartFrame {
	position: absolute;
	left: 45px;
	top: 193px;
	width: 138px;
	height: 182px;
	z-index: 1;
	background-image: url(../images/stuart_pic.jpg); 
	background-repeat: no-repeat;
	cursor: pointer; 
	cursor: hand;
}


#stuartIcon {
	background-image: url(../images/icon-stuart.gif);
	width: 86px;
	height: 61px;
	z-index: 20;
	margin-top: -36px;
	margin-left: 400px;
	position: absolute;
}


#stuartTitle {
	width: 386px;
	height: 64px;
	background-image: url(../images/title-stuart.gif);
	background-repeat:no-repeat;
	margin-bottom: 15px;
	margin-top: -35px;
	float: left;
	position: absolute;
	z-index: 20;
}

#stuartTitle h2 {
	display: none;
}



#truck {	
	position: absolute;
	width: 298px;
	height: 216px;	
	/* background-image: url(../images/truck.gif); */
	margin-top: -165px;	
	margin-left: 20px;
	cursor: pointer; 
	cursor: hand;
	z-index: 20;
}

#truck p {
	display: none;
}	


#vcSlogan {
	background-image: url(../images/notbig.gif);
	width: 291px;
	height: 21px;
	position: absolute;
	margin-top: -44px;
	margin-left: 130px;
}

#vcSlogan p {
	display: none;
}

#whereBeenTable td {
	padding-right: 20px;
	font-size: 90%;
}

#zuniorPlug {
	padding-top: 30px;
	clear: both;
	width: 520px;
	margin: auto;
	text-align: center;
}

#zuniorPlug img {
	padding-top: 8px;
}

a.policyLink:active {
	color: #C3B59B;
}
a.policyLink:link {
	color: #C3B59B;
}
a.policyLink:visited {
	color: #C3B59B;
}
a.policyLink: hover {
	color: #C3B59B;
}


/*******   Classes  ************************************/

#airDates li {
	margin-left: 25px;
	line-height: 30px;
}



.bioPhoto {
	float: left;
	margin: 0px 8px 8px 0px;
	border: 1px solid black;
}

#bio p {
	clear: none;
}

.bottomNone {
	border-bottom: 0px;
}	

.bottomBorder {
	border-bottom: 1px dotted #999999;
}

.clearItTitle {
	clear: both;
	height: 50px;
}

.concertDate {
	margin-bottom: 30px;
	margin-top: 10px;
}

.dbHeadline {
	padding: 12px 0px 12px 0px;
}

.dbHeadline span {
	font-size: 70%;
}

.divider {
	margin: 20px 0px 20px 215px;
}

.dividerStory {
	clear: both;
	margin: 30px 0px 20px 185px;
}

.dividerStoryLrg {
	clear: both;
	margin: 50px 0px 20px 185px;
}

.featuresItem {
	clear: both;
}

#listenOptions li {
	margin-left: 25px;
	line-height: 30px;
}

.listenUSA {
	line-height: 15px;
}

.menuLink {
	display: none;
}

.newsItem {
	clear: both;
}
.newsItem strong {
	color: #f68b1f;
	font-size: 110%;
}


.photoContainer {
	padding-top: 10px;
	margin-bottom: 15px;
}

.photoContainer img {
	margin-right: 26px;
	/* border: 1px solid #546664; */
	border: 1px solid #000000;
}


.provinceName {
	margin-top: 15px;
	font-size: 110%;
}

.recordingResult {
	width: 260px;
}

.searchResults {
	margin-bottom: 50px;
}



.selectStory {
	font-weight: bolder;
	background-color: #f68b1f;
	padding: 5px 0px 5px 0px;
	color:#FFFFFF;
}

.selectStory option {
	color: #000000;
	background-color: #ffffff;
}



.small {
	font-size: 75%;
}


.songListing {
	width: 90%;
	background: #FFFFFF;
	border: 1px dotted #999999;
	padding: 5px;
	margin: 10px;
}

.songListing div {
	padding: 5px;
}

.songListing strong {

}

.songsTable {
	font-size: 90%;
	margin-top: 20px;
	width: 100%;
	border: 1px solid black;
}
.songsTable td {
	padding: 6px;
	background-color: #F7F4EA;

}
.songsTable th {
	padding: 5px;
	margin: 5px;
	background-color: #ffffff;
	border-bottom: 1px solid black;
}
.songsTable tr {
	margin:5px;
}

.storeImage {
	float: left;
	margin-right: 10px;
	width: 100px;
}

.storeItem {
	padding-top: 30px;
	clear: both;
	width: 520px;
}

.storeTitle {
	
}

.storyTitle {
	display: block;
	clear: both;
	padding: 12px 0px 0px 0px;
}

.stuartFramed {
	float: left;
	margin: 0px 10px 10px 0px;
}

.subHeading {
	margin-top: 25px;
	margin-bottom: 10px;
}

.submitButton {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 100px;
}

.textInput {
	padding: 2px;
	border: 1px solid black;
	background: #f7f5bd;
	width: 260px;
	font-size: 100%;
}


.textareaInput {
	padding: 2px;
	border: 1px solid black;
	background: #f7f5bd;
	width: 450px;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tourName {
	margin-top: 50px;
}

.whereBeen {
	list-style: none;
}



/*******   Colours  ************************************/

.vcBlue {
	color: #30799d;
}

.vcRed {
	/* color: #ea2b26; */
	color: #f68b1f;
}





/********* LIGHTS ********/



#lampCenter {
	width: 37px;
	height: 38px;
	background: url(../images/center-lamp.gif);
	display: inline;
	position: absolute;
	margin-left: 270px;
	margin-top: -14px;
}

#lightCenter {
	width: 141px;
	height: 232px;
	background: url(../images/right-light.gif);
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	/* display: inline; */
	display: none;
	position: absolute;
	margin-top: 34px;
	margin-left: -42px;
	
}


#lampLeft {
	width: 38px;
	height: 38px;
	background: url(../images/left-lamp.gif);
	display: inline;
	position: absolute;
	margin-top: -14px;
	margin-left: 80px;
	z-index: 100;
}

#lightLeft {
	width: 123px;
	height: 230px;
	background: url(../images/right-light.gif);
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	/* display: inline; */
	display: none;
	position: absolute;
	margin-top: 34px;
	margin-left: -42px;
	z-index: 100;
}


#lampRight {
	width: 37px;
	height: 38px;
	background: url(../images/right-lamp.gif);
	display: inline;
	position: absolute;
	margin-left: 460px;
	margin-top: -14px;
}

#lightRight {
	width: 141px;
	height: 232px;
	background: url(../images/right-light.gif);
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	/* display: inline; */
	display: none;
	position: absolute;
	margin-top: 36px;
	margin-left: -42px;
	z-index: 100;
}