* {
	margin: 0;
	padding: 0;
}

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

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: #719ECE;
  box-shadow: 0 0 10px #8147c8 !important;;
}


html {
	scroll-behavior: smooth;
	font-family: 'Alan Sans';
	background: url(images/bg01.jpg) no-repeat left top fixed;
	background-position: left top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

body {
	margin: 0;
	font-size: 1 rem;
	display: block;
	text-align: justify;
	overflow-y: scroll;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;

	/* Internet Explorer 10+ */
	-webkit-scrollbar {
		/* WebKit */
		width: 0;
		height: 0;
	}
}

.holder {
	display: grid;
	grid-template-columns: 1fr 350px auto;


  
		@media ((min-width:0px) and (max-width:1024px)) {

		grid-template-columns: 1fr;
		width: 100%;

	}
}


.holder>*:nth-child(1) {
	color: rgb(97, 34, 152);

}
.holder>*:nth-child(2) {
 color:black;

  
}
.holder>*:nth-child(3) {
  justify-content: left;

 
}


.times {
	display: flex;
	justify-content: right;
	align-items: center;
	font-size: 1.5rem;
	color: rgb(0, 0, 0);
	padding-left: 50px;

	
	
		@media ((min-width:0px) and (max-width:1024px)) {
		font-size:1rem;
		
	}



}


/* HOVER SETTINGS */
.book:hover, .bookfooter:hover, .otherworkshops:hover {
	box-shadow: 0 4px 8px 0 rgba(102, 211, 238, 0.7), 0 6px 20px 0 rgba(102, 211, 238, 0.7);
	opacity:80%;





}
.header {
	grid-area: header;
	grid-column-start: 1;
	grid-column-end: 4;
	width: 100%;
	position: fixed;
	display: flex;
	justify-content: left;
	align-items: center;
	font-size: 4rem;
	z-index: 1;
	white-space: nowrap;
	color: rgb(150, 71, 162);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 3px ridge rgba(255, 255, 255, 1);

	@media ((min-width:0px) and (max-width:1024px)) {
		display: none;
	}
}




.maintext2026 {
	grid-column-start: 1;
	grid-column-end: 4;
	margin: 130px 20px 20px 390px;
	padding: 20px;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgba(255, 255, 255, 1);
	overflow:hidden;

	@media ((min-width:0px) and (max-width:1024px)) {
		grid-column-start: 1;
		grid-column-end: 2;
		margin: 280px 0px 0px 0px;

	}
}






.menuholder {
	grid-column-start: 1;
	grid-row-start: 1;
	display: flex;
	position:fixed;
	width: 350px;
	margin-top: 110px;
	padding: 20px;

	@media (max-width: 600px) {
		position: absolute;
		width: 90%;
	
		margin-top: 20px;
		z-index: 1;
	}
}

.menuholder{
	@media ((min-width:601px) and (max-width:1024px)) {
		font-size:2rem;
		top:0px;
		left:0px;
		padding:0px;
		margin-top:0px;
	position:fixed; 
	width:100%;
		z-index: 1;
		
	}

}

.menu2026 {
	width: 100%;
	height: fit-content;
	border-radius: 16px;
	padding: 0px 20px 20px 20px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgba(255, 255, 255, 1);

	
	@media ((min-width:0px) and (max-width:1024px)) {
		padding: 20px;
	}
}



#menudesk {
	display: block;
	visibility: visible;

		@media ((min-width:0px) and (max-width:1024px)) {
		display: none;
		visibility: hidden;
	}


}

#menumob {
	display: none;
	visibility: hidden;

		@media ((min-width:0px) and (max-width:1024px)) {
		display: block;
		visibility: visible;
	}


}


.edhead {
	width: 18rem;
	height: auto;
	float: right;
	margin: 0px 0px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

		@media ((min-width:0px) and (max-width:1024px)) {
		width: 100%;
		height: auto;
	}
}

h6.title,
.headerlogo {
	animation: mymove 20s infinite;
}

@keyframes mymove {
	50% {
		-webkit-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}

.headerlogo {
	float: left;
	height:100px;
	width:100px;

		@media ((min-width:0px) and (max-width:1024px)) {
		display: flex;
		width: 60px;
		height: 60px;
		justify-content: center !important;
		align-items: center;
		float: none;
	}
}

.gallery, .gallerytitle {
	width: 12rem;
	height: auto;
	margin: 20px 10px 3px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 3px none rgba(255, 255, 255, 1);
	border-radius: 16px;
	z-index:10;

	@media (max-width: 600px) {
		display: flex;
		width: 90%;
		margin: 17px 17px 8px 17px;
		text-align: center;
	}

}
.gallery, .gallerytitle {
	@media ((min-width:601px) and (max-width:1024px)) {
	display: flex;
		width: 6rem;
		margin: 10px 10px 8px 10px;
		text-align: center;
	}}


.gallery:hover{
	box-shadow: 0 4px 20px 0 rgba(239, 126, 33, 0.7), 0 6px 20px 0 rgba(115, 8, 193, 0.7);

	z-index:1; 

}


.gallerytext {
	float: left;

	@media (max-width: 600px) {
		float: none;
	}
}

.gallerytext p {
	text-align: center;
	font-size: .9rem;
	@media ((min-width:601px) and (max-width:1024px)) {
		font-size: .5rem;
	}


}

.copyright{

	font-size:1rem;
}

.webpage_image {
	width: 13rem;
	height: auto;

		float: right;
	margin: 0px 0px 10px 10px;
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 3px none rgba(255, 255, 255, 1);
	border-radius: 16px;

	@media ((min-width:0px) and (max-width:1024px)) {
		display: none;

	}

}
.webpage_image_mob {
	display:none;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 3px none rgba(255, 255, 255, 1);
	border-radius: 16px;

	@media ((min-width:0px) and (max-width:1024px)) {
		display:block;
	
	    float: right;
		display: flex;
		width: 25%;

		margin: 0px 0px 8px 8px;
		text-align: center;
	}

}

.edhead {
	width: 18rem;
	height: auto;
	float: right;
	margin: 0px 0px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

		@media ((min-width:0px) and (max-width:1024px)) {
		width: 30%;
		height: auto;
	}
}






ul.workshop {

	margin-left: 50px;
}

ol.workshop {

	margin-left: 50px;
}

/* BOOKS */

h6.book {

	color: rgb(0, 0, 0);
	padding: 10px;
	margin-bottom: 20px;
	line-height: 120%;
	font-size: 1rem;
	z-index: 1;
	background: rgba(98, 224, 213, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
}

h6.text {

	font-family: 'Alan Sans';
	color: rgb(0, 0, 0);
	padding: 10px;

	margin-bottom: 20px;
	line-height: 120%;
	font-size: 1rem;
	z-index: 1;
	background: rgba(98, 224, 213, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);


}

.book,
.book_data,
.bookfooter {
	width: 10rem;
	height: auto;
	margin: 20px 10px 3px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 3px none rgba(255, 255, 255, 1);
	border-radius: 16px;

		@media ((min-width:0px) and (max-width:1024px)) {

	}
}

.book{
	width: 7rem;

			@media ((min-width:0px) and (max-width:1024px)) {
		display:flex;
		width:6rem;
 	justify-content: center !important;
		align-items: center;
	
}

}

.book_data {
	float: right;
	margin-top: 0px;

		@media ((min-width:0px) and (max-width:1024px)) {
		display: flex;
	


	}

}

.bookfooter {
	width: 5rem;
				@media ((min-width:0px) and (max-width:1024px)) {
	width:4.4rem;	
	}
}

.booktextdata {
	float: right;

	@media (max-width: 600px) {
		
	}
}

.booktext {
	float: left;

	@media (max-width: 600px) {
		
	}
}


.booktext p {
	text-align: center;
	font-size: .9rem;
}

.booktextdata p {
	text-align: center;
	font-size: 1rem;
}






ul.books {
	margin-left: 50px;
	list-style-type: "♥ ";
}

/* MENU */



#mainmenu {

	display: none;
	visibility: hidden;

		@media ((min-width:0px) and (max-width:1024px)) {
		display: block !important;
		visibility: visible !important;
	}
}


		@media ((min-width:0px) and (max-width:600px)) {
	h5 {
		display: block !important;
		visibility: visible !important;
		justify-content: center !important;
		margin-left: auto;
		margin-right: auto;
		font-size: 2rem;
	}



	#eventatc {
		width: 100%;
	}

	input[type='submit'] {
		width: 100%;
	}
}

		@media ((min-width:601px) and (max-width:1024px)) {
	h5 {
		display: block !important;
		visibility: visible !important;
		justify-content: center !important;
		margin-left: auto;
		margin-right: auto;
		font-size: 2rem;
		width:100%;
	}
		}


/* Atlantean Runes */

h6.rune {

	font-family: 'Alan Sans';
	color: rgb(0, 0, 0);
	padding: 20px;
	font-size: 1rem;

	background: rgba(98, 224, 213, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);


}


.rune {
	width: 9rem;
	height: auto;
	float: right;
	margin: 0px 0px 20px 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 3px none rgba(255, 255, 255, 1);
	border-radius: 8px;


		@media ((min-width:0px) and (max-width:1024px)) {
		width: 40%;
		height: auto;
	}
}





.runetext {
	margin: 20px 20px 20px 20px;
	float:left;

			@media ((min-width:0px) and (max-width:1024px)) {

	}
}









/* EVENTS */

.otherworkshops{

	padding:5px;
	font-size:.8rem;
	width: 10rem;
	height: 4rem;
	margin: 10px 10px 10px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 3px none rgba(255, 255, 255, 1);
	border-radius: 16px;

			@media ((min-width:0px) and (max-width:1024px)) {

		
	}
}

h6.otherworkshopholder {
	position: relative;
	height:fit-content;
	display:flex;
	justify-content: center !important;
	align-items: center;
	text-align:center;
	font-family: 'Alan Sans';
	color: rgb(0, 0, 0);
	margin-bottom: 20px;
	font-size: 1rem;
	z-index: 1;
	overflow: auto;
;
	background: rgba(98, 224, 152, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
	

	@media (max-width: 600px) {
	
		
	
		
	}

}





#eventdate,
#eventtime,
#eventlocation,
#eventcost,
#eventtitle {
	font-size: 12pt;
	text-align: right;
	width: 100px;
	float: left;


		@media ((min-width:0px) and (max-width:600px)) {

		text-align: right;
		margin-bottom: 0px;
		width: 70px !important;
		float: left;
	}
}

#eventheader {
	width: 100%;
	margin-bottom: 20px;
}

.eventtitle {
	font-size: 1.5rem;
	text-align: left;
	padding-bottom: 10px;
	
		@media ((min-width:0px) and (max-width:1024px)) {
		
		
	}

}

.eventtitlemob {
	font-size: 1.5rem;
	text-align: left;
	padding-bottom: 10px;
	
		@media ((min-width:0px) and (max-width:1024px)) {
		font-size: 1.2rem;
		
	}

}

#alignleft {
	text-align: left;
	float: left;
	width: fit-content;
	font-size: 12pt;
	margin-left: 3px;


		@media ((min-width:0px) and (max-width:600px)) {

		margin-left: 2px;
	}
}






.musiclist {
	width: 100%;
	display: flex;
	float: left;
	justify-content: center !important;
	align-items: center;
	padding-bottom: 10px;


	@media (max-width: 600px) {}
}

/* BUTTONS */
#button2026,
.button2026 {
	height: 30px;
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	color: rgb(0, 0, 0);
	padding: 4px;
	z-index: 1;
	cursor: pointer;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 10px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);

		@media ((min-width:0px) and (max-width:1024px)) {
		width: 100%;
	}

}

.button2026 {
	width: 20%;
	float: left;

		@media ((min-width:0px) and (max-width:1024px)) {
		width: 80%;
	}


}

#button2026:hover,
.button2026:hover {
	background: #c7a1c2;
	background: -moz-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: -webkit-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
}


.unibut {
	width: 120px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 50, 0.8);
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 10pt;
	float: left;
	margin: 3px;
	cursor: pointer;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 10px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
	transition: .3s;
}

.unibut:hover {
	background: #c7a1c2;
	background: -moz-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: -webkit-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	transition: .3s;
}



.readbut {

 
      width: 100px;
      height: 100px;
      border-radius: 50%;

 

	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 50, 0.8);
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: 1px;

	font-size: 10pt;
	float: left;
	margin: 3px;
	cursor: pointer;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 10px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
	transition: .3s;
}

.readbut:hover {
	background: #c7a1c2;
	background: -moz-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: -webkit-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	transition: .3s;
}





















#selection {

	font-size: 10pt;
	font-weight: normal;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 2px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
	outline: 0px;

}



h6.publications {
	position: relative;

	display: inline-block;
	font-family: 'Alan Sans';
	color: rgb(0, 0, 0);

	margin-bottom: 20px;
	font-size: 1rem;
	z-index: 1;
	background: rgba(98, 224, 213, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);

}

.galleryback {


	display: block;
	justify-content: center;
	align-items: center;

}





.aiportraits {
	width: 24rem;
	height: auto;
	float:right;
	margin: 0 0 .5rem 1rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 3px none rgba(255, 255, 255, 1);
	border-radius: 16px;


	@media ((min-width:0px) and (max-width:1024px)) {
		display: flex;
		width: 14rem;

		text-align: center;
	}

}


































.flashcard4 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
	color: rgba(0, 0, 0, 1);
	padding: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	margin-bottom: 10px;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
}

/* From https://css.glass */
h6 {

	font-family: 'Alan Sans';
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
	color: rgb(0, 0, 0);
	padding: 10px;
	padding-bottom: 10px;
	line-height: 120%;

	z-index: 1;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
}

h4 {

	font-family: 'Alan Sans';
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
	color: rgb(0, 0, 0);
	padding: 10px;
	margin:30px;
	padding-bottom: 10px;
	line-height: 120%;

	z-index: 1;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
}



h6.title {
	position: fixed;



	font-family: 'Alan sans';
	font-size: 30pt;
	font-weight: normal;
	text-align: center;
	color: rgb(0, 0, 0);
	padding: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	margin-top: 20px;
	margin-left: 400px;
	z-index: 1;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
}



h5 {
	display: none;
	visibility: hidden;
	font-family: 'Alan Sans';
	font-weight: normal;
	text-align: center;
	color: rgb(66, 22, 72);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
}




h6.titlemobile {
	display: none;

	font-family: arial;
	font-size: 40pt;
	font-weight: normal;
	text-align: center;
	color: rgb(0, 0, 0);
	padding: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	margin: 0px 20px;
	z-index: 1;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
}



.imgleft {

	float: left;
	width: 60px;
	margin: 0px 100px 90px 0px;

}

.imgright {

	float: right;
	width: 60px;
	margin: 0px 0px 90px 100px;
}


/*Menu 2026 */



details {

	color: rgb(0, 0, 0);
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: .9rem;
	border-radius: 10px;
	margin-bottom: 5px;
	margin-top:5px;
	background: rgba(232, 221, 230, 0.5);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

}

summary {
	display: flex;

}



details[open]>summary::after {
	transform: rotate(180deg);

}

summary {
	padding: 7px;
	cursor: pointer;
	
}

summary:focus {
	outline: none;
}

summary::marker {

	font-size: 1.4em;
}

summary {
	list-style-type: '💫 ';
}

details[open]>summary {
	list-style-type: '✨ ';

}

.subhead {
	padding-left: 30px;


}

summary:hover {


	background-color: antiquewhite;
	border-radius: 10px;

}

details ul {
	padding-bottom: 10px;
	color: rgb(87, 36, 159);

}


details li {

	font-size: 10pt;
	padding: 3px;
	padding-left: 15px;
	list-style-type: none;
	line-height: 12pt;
	border-radius: 10px;

}

li.menulist:hover {

	color: rgb(0, 0, 0) !important;
	background-color: antiquewhite;
	padding-top: 3px;
	padding-bottom: 3px;
}


details::details-content {
	opacity: 0;
	transition:
		opacity 600ms,
		content-visibility 600ms allow-discrete;
}

details[open]::details-content {
	opacity: 1;
}




.sasa {
		@media ((min-width:0px) and (max-width:1024px)) {
		.unibut {
			display:flex;
			width: 100%;
			height: 60px;
			display: flex;
			justify-content: center !important;
			align-items: center;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

	}
}

input[name='username'], input[name='email'], input[name='pword']  {
     width: 250px;
     border-radius: 5px;
     border: 1px solid #CCC;
     padding: 10px;
     color: #333;
     font-size: 14px;
     margin-top: 10px;

		@media ((min-width:0px) and (max-width:1024px)) {
		
			width: 90%;
			padding:10px;
			margin-left: auto;
			margin-right:auto;
			
		}
}
input[type='pword'], input[type='email'] {
	margin-bottom:30px;
}
input[type='submit'], #pwordtext{
		font-family: arial;
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	padding: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	margin-bottom: 10px;
	background: rgba(98, 123, 224, 0.29);
	border-radius: 5px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(6, 42, 70);
	transition: .3s;
     cursor:pointer;
}
input[type='submit']:hover, #pwordtext:hover {
	background: #c7a1c2;
	background: -moz-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: -webkit-radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	background: radial-gradient(center, #efddf9 0%, rgba(98, 123, 224, 0.29));
	transition: .3s;
}




/* Account Style */

.accountholder{

	margin-left:400px;
	height:fit-content;
			@media ((min-width:0px) and (max-width:1024px)) {
		margin-left:0px;
		
}}	


h6.accounttext, h6.accounttextdownloads {

	font-family: 'Alan Sans';
	color: rgb(0, 0, 0);
	padding: 10px;

	margin-bottom: 20px;
	line-height: 120%;
	font-size: 1rem;
	z-index: 1;
	background-color: red;
	background: rgba(26, 232, 23, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(26, 78, 15);

				@media ((min-width:0px) and (max-width:1024px)) {
		margin-top:0px;
		}
}
h6.accounttextdownloads{

				@media ((min-width:0px) and (max-width:1024px)) {
		margin-top:20px;
	}



}

.accountmenu2026 {
	display:block;
	width: 100%;
	height: 455px;
	overflow-y:auto;
	border-radius: 16px;
	padding: 0px 20px 0px 20px;
	background: rgba(26, 232, 23, 0.29);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(26, 78, 15);

	
			@media ((min-width:0px) and (max-width:1024px)) {
	
		padding: 0px 0px 20px 0px;
		z-index:10;
		height: fit-content;
	}
}


.accountmaintext {

	grid-column-start: 1;
	grid-column-end: 4;
	margin: 130px 20px 20px 390px;
	height: 565px;
	padding: 20px;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7.7px);
	-webkit-backdrop-filter: blur(7.7px);
	border: 3px ridge rgb(26, 78, 15);
	overflow:hidden;


		@media ((min-width:0px) and (max-width:1024px)) {
		grid-column-start: 1;
		grid-column-end: 2;
		margin: 80px 0px 0px 0px;
		border:none;
		height:fit-content;

	}
}



.loginmenu {
	grid-column-start: 2;
	grid-row-start: 2;
	display: flex;
	position:fixed;
	width: 350px;

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

		@media ((min-width:0px) and (max-width:1024px)) {
	grid-column-start: 1;
		grid-column-end: 1;
		margin: 0px 0px 0px 0px;
		position:relative;
		width: 100%;
		align-items:center;
		
		
		
	}
}


#subhead{
	display:none;
}










#atc:hover,
#atczoom:hover {
	width: 90px;
	height: 100px;
	display: block;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 8pt;
	margin: 3px;
	background: #c7a1c2;
	background: -moz-radial-gradient(center, #c72fdb 0%, #0ea19c 100%);
	background: -webkit-radial-gradient(center, #c72fdb 0%, #0ea19c 100%);
	background: radial-gradient(center, #c72fdb 0%, #0ea19c 100%);
	border-color: rgb(211, 159, 219);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #58c095;
	-webkit-box-shadow: inset 0 0 5px #58c095;
	box-shadow: inset 0 0 5px #58c095;
	transition: .3s;


}


#xatc,
#xatczoom {
	width: 90px;
	height: 100px;
	display: block;
	background-color: rgba(164, 98, 213, 0.8);
	color: rgb(57, 182, 210);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 8pt;
	float: left;
	margin: 3px;
	background: #d860cc;
	background: -moz-radial-gradient(center, #b865d0 0%, #47c1b7 100%);
	background: -webkit-radial-gradient(center, #b865d0 0%, #47c1b7 100%);
	background: radial-gradient(center, #b865d0 0%, #47c1b7 100%);
	border-color: rgb(217, 162, 231);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #58c095;
	-webkit-box-shadow: inset 0 0 5px #58c095;
	box-shadow: inset 0 0 5px #58c095;
	transition: .3s;
}



#atc:hover,
#atczoom:hover,
#atc,
#atczoom {
	height: 20px;
	border-width: 2px;
	transition: .3s;
}





































#atcsas:hover {
	width: 90px;
	height: 20px;
	display: block;
	background-color: rgba(255, 255, 200, 1);
	color: rgba(35, 67, 32, 1);
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 15px;
	transition: .3s;

}

#atcsas {
	width: 90px;
	height: 20px;
	display: block;
	background-color: rgba(35, 67, 32, 1);
	color: rgb(255, 255, 200);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 15px;
	transition: .3s;

}

#atcsas,
#atcsas:hover {
	height: 15px;
}











.er {
	display: inline-block
}

h3 {
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
	text-align: justify;
	color: rgba(0, 0, 0, 1);
	padding: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	margin: 0px 20px;

}





.footnote {

	font-weight: lighter;
	padding-left: 40px;
	font-size: 10pt;
}


/* AM RADIO */
#amradio {
	padding-top: 170px;

	width: 150px;
	height: 150px;
	display: block;
	background-image: url(http://www.edwincourtenay.co.uk/amradio/amradio.png);
	background-position: center top;
	background-repeat: no-repeat;
	border-width: 0px;
	border-style: solid;
	color: rgba(0, 0, 0, 1);

	text-align: center;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0px;
	position: relative;

}


#amradio2 {
	padding-top: 170px;

	width: 150px;
	height: 150px;
	display: block;
	background-image: url(http://www.edwincourtenay.co.uk/amradio/amradio2.png);
	background-position: center top;
	background-repeat: no-repeat;
	border-width: 0px;
	border-style: solid;
	color: rgba(0, 0, 0, 1);

	text-align: center;
	float: left;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0px;
	position: relative;

}


#amradiotext {
	padding-top: 0px;

	display: block;
	border-width: 0px;
	border-style: solid;
	color: rgba(0, 0, 0, 1);
	text-align: center;

	font-size: 10pt;
	font-weight: bold;
	margin-top: 0px;



	background: #EAEDD3;
	background: -moz-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: -webkit-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: radial-gradient(ellipse at center, #EAEDD3 0%, #A5A681 100%);

	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;

}


/* MEDITATION MUSIC */

.medmusbtn:hover,
.newmedmusbtn:hover {
	width: 80px;
	height: 50px;
	display: block;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 8pt;
	margin: 3px;
	background: #FFFFFF;
	background: -moz-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: -webkit-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: radial-gradient(ellipse at center, #FFFFFF 0%, #FEFFC6 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;


}

.medmusbtn,
.newmedmusbtn {
	width: 80px;
	height: 50px;
	display: block;
	background-color: rgba(0, 0, 50, 0.8);
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 8pt;
	float: left;
	margin: 3px;
	background: #EAEDD3;
	background: -moz-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: -webkit-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: radial-gradient(ellipse at center, #EAEDD3 0%, #A5A681 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;
}


.newmedmusbtn,
.newmedmusbtn:hover {
	color: rgba(255, 0, 0, 1);
	transition: .3s;
}











.mustitle {
	text-align: center;

}



.medmushide {
	display: none;
}

.medmushide:hover {
	display: block;
}


#time {
	font-size: 7pt;


}




#musicholder {

	display: block;
	width: 800px;
	height: 800px;
	margin: 3px auto;



}


.memberworkshop,
.memberworkshoptext {
	width: 430px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	font-size: 8pt;
	float: left;
	margin: 0px;
	padding: 2px;
}

.memberworkshop:hover {
	color: rgba(255, 255, 200, 1);
	cursor: pointer;
	background: rgba(35, 67, 32, 1);
}

.memberworkshoptext {
	margin: 4px;
	font-size: 10pt;
	text-align: justify;
}



.memberdownload,
.memberdownloadtext {
	position: relative;
	display: block;
	width: 280px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	font-size: 8pt;
	float: right;
	margin: 2px;
}

.memberdownload:hover {
	color: rgba(255, 255, 250, 1);
	cursor: pointer;
	background: rgba(35, 67, 32, 1);
}

.memberdownloadtext,
.memberworkshoptext {
	margin: 4px;
	font-size: 10pt;
	text-align: justify;
	line-height: 14pt;
}















.ewmedmusbtn {
	padding: 5px;
	color: rgba(0, 0, 0, 1);
	font-size: 8pt;
	border-radius: 5px;
	cursor: pointer;
	background-color: rgba(50, 0, 0, 0.8);
	width: 110px;
	height: 50px;
	text-align: center;
	background: #EAEDD3;
	background: -moz-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: -webkit-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: radial-gradient(ellipse at center, #EAEDD3 0%, #A5A681 100%);
}



#atc:hover,
#atczoom:hover,
#sasbtn:hover,
.sasbtn:hover {
	width: 90px;
	height: 100px;
	display: block;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 8pt;
	margin: 3px;
	background: #FFFFFF;
	background: -moz-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: -webkit-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: radial-gradient(ellipse at center, #FFFFFF 0%, #FEFFC6 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;


}


#atc,
#atczoom,
#sasbtn,
.sasbtn {
	width: 90px;
	height: 100px;
	display: block;
	background-color: rgba(0, 0, 50, 0.8);
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 8pt;
	float: left;
	margin: 3px;
	background: #EAEDD3;
	background: -moz-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: -webkit-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: radial-gradient(ellipse at center, #EAEDD3 0%, #A5A681 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;
}

.sasbtn:hover,
.sasbtn {
	height: 50px;
	transition: .3s;

}

#sasbtnx:hover,
#sasbtnx {
	height: 20px;
	transition: .3s;

}

#atc:hover,
#atczoom:hover,
#atc,
#atczoom {
	height: 20px;
	border-width: 2px;
	transition: .3s;
}







.selectrecordedworkshop,
.selectrecordedworkshop:hover {
	width: 400px;
	font-size: 9pt;
	background-color: rgba(255, 255, 240, 1);
	color: rgba(35, 67, 32, 1);
	outline-color: rgba(35, 67, 32, 1);
	box-shadow: 0 0 10px 100px #fff inset;

}


.selectrecordedworkshop::selection {
	background: rgb(103, 12, 146);
	color: #fff;
	box-shadow: 0 0 10px 100px #fff inset;
}



.selectdownload,
.selectdownload:hover {
	width: 280px;
	font-size: 9pt;
	background-color: rgba(255, 255, 240, 1);
	color: rgba(35, 67, 32, 1);
	outline-color: rgba(35, 67, 32, 1);
	box-shadow: 0 0 10px 100px #fff inset;

}


.selectdownload::selection {
	background: rgb(63, 156, 102);
	color: #fff;
	box-shadow: 0 0 10px 100px #fff inset;
}



.edownload {
	position: relative;
	display: block;
	width: 280px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	font-size: 10pt;
	float: left;
	margin: 2px;
}




.downloadtext {

	background-color: red;
	display: none;






}




.downbutton {
	width: 280px;
	height: 20px;
	line-height: 20px;
	display: block;
	background-color: rgba(0, 0, 50, 0.8);
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 8pt;
	float: left;
	margin: 3px 0px;
	background: #EAEDD3;
	background: -moz-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: -webkit-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: radial-gradient(ellipse at center, #EAEDD3 0%, #A5A681 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;
}

.downbutton:hover {

	display: block;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 5px;

	background: #FFFFFF;
	background: -moz-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: -webkit-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: radial-gradient(ellipse at center, #FFFFFF 0%, #FEFFC6 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;

}


.downbuttontext,
.downbuttontexttitle {
	width: 280px;
	height: 20px;
	line-height: 20px;
	display: block;
	background-color: rgba(35, 67, 32, .9);
	color: rgba(254, 255, 198, 1);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 10pt;

	float: left;
	margin: 3px 0px;

	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
}

.downbuttontexttitle {
	display: block;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 20px;
	height: auto;


}





























.recworkdesc ul {
	padding-left: 40px;

}

select option {
	background: #f00;
	color: #fff;
	box-shadow: inset 20px 20px #f00
}

select option:hover {
	color: #000;
	box-shadow: inset 20px 20px #00f;
}



















.floatr {
	float: right;
	margin: 5px 5px 5px 5px;
}


.merlin {
	font-weight: bold;
	position: relative;
	padding: 0px 0px 0px 10px;
	float: right;
	display: block;
	width: 208px;
	height: 243px;
}

a#cunningman {
	display: block;
	width: 190px;
	height: 40px;
	margin: 0 auto;
	margin-top: -40px;


}

#angtg {
	background-image: url('http://www.edwincourtenay.co.uk/images/angtg.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#bodorac {
	background-image: url('http://www.edwincourtenay.co.uk/images/bodorac.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#bodorac {
	background-image: url('http://www.edwincourtenay.co.uk/images/bodorac.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#atg {
	background-image: url('http://www.edwincourtenay.co.uk/images/atg.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#mtg {
	background-image: url('http://www.edwincourtenay.co.uk/images/mtg.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#ctg {
	background-image: url('http://www.edwincourtenay.co.uk/images/ctg.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#ptg {
	background-image: url('http://www.edwincourtenay.co.uk/images/ptg.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#htg {
	background-image: url('http://www.edwincourtenay.co.uk/images/htg.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#spirited {
	background-image: url('http://www.edwincourtenay.co.uk/images/spirited.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#reflections {
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#ritualandprayer {
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#ascendedmasters {
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#merlin {
	background-image: url('http://www.edwincourtenay.co.uk/images/merlin.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#pagan {
	background-image: url('http://www.edwincourtenay.co.uk/images/pagan.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#hidden {
	background-image: url('http://www.edwincourtenay.co.uk/images/hidden.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#imagebodorac {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imageangtg {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imageatg {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imagemtg {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imagectg {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imagehtg {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imageptg {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imagepagan {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imagemerlin {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imagehidden {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#imagespirited {
	position: relative;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	width: 260px;
	height: 360px;
}

#atcuk {
	background-image: url('http://www.edwincourtenay.co.uk/images/atcuk.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 100px;
	height: 40px;
}

#atce {
	background-image: url('http://www.edwincourtenay.co.uk/images/atce.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 100px;
	height: 40px;
}

#atci {
	background-image: url('http://www.edwincourtenay.co.uk/images/atci.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 100px;
	height: 40px;
}

#booktext {
	text-align: center;
	padding: 190px 0px 0px 0px;
	font-size: 9pt;
	font-weight: 100;
}

#atcuk {
	background-image: url('http://www.edwincourtenay.co.uk/images/atcuk.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 100px;
	height: 40px;
}

#atce {
	background-image: url('http://www.edwincourtenay.co.uk/images/atce.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 100px;
	height: 40px;
}

#atci {
	background-image: url('http://www.edwincourtenay.co.uk/images/atci.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 100px;
	height: 40px;
}

#ximagelos,
#xlos {
	margin: 0px 0px 30px 0px;
	background-image: url('http://www.edwincourtenay.co.uk/images/maintextbg.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 10px;
	position: relative;
	float: left;
	width: 600px;
	height: 600px;
	border: 8px solid transparent;
}

#los {
	background-image: url('http://www.edwincourtenay.co.uk/images/los.png');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 150px;
	height: 150px;
}

#imagelos {
	position: relative;
	margin-left: 10px;
	float: right;
	display: block;
	width: 300px;
	height: 300px;
	background-image: url(http://www.edwincourtenay.co.uk/images/los.png);
	background-repeat: no-repeat;
}

/* ONE QUESTION  */

.footnoteyes {

	font-weight: lighter;
	padding-left: 20px;
	font-size: 10pt;
	list-style-image: url("images/yes.png");

}

.footnoteno {

	font-weight: lighter;
	padding-left: 20px;
	font-size: 10pt;
	list-style-image: url("images/no.png");

}

#clientlist,
#clientlistbottom {
	float: left;
	display: block;
	width: 600px;
	height: 450px;
	position: relative;
	overflow: hidden;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	color: rgba(0, 0, 0, 1);
	border-radius: 0px;
	border-style: ridge;

	border-width: 3px;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
}

#clientlistbottom {
	width: 700px;
	height: 30px;
	overflow: hidden;
	border-radius: 0px 0px 0px 20px;
	border-top: 0px;
	float: left;
}

#clientlisteventbottom {

	height: 30px;
	overflow: hidden;
	border-top: 0px;
	border-left: 0px;
	border-radius: 0px 0px 20px 0px;
}



#scrollbarholder {

	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;


}

::-webkit-scrollbar {
	width: 13px;
	height: 13px;
}

::-webkit-scrollbar-track {
	box-shadow: blanchedalmond;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	box-shadow: blanchedalmond;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


#selectclient,
.selectclient {
	border-collapse: collapse;
	line-height: 18px;
	font-size: 8pt;

}

#selectclient:hover,
.selectclient:hover,
.titleclient {
	background-color: rgba(0, 153, 128, 0.6);

}


.selectbooking,
#selectbooking {


	font-size: 8pt;
	padding: 1px;


}

.selectbooking:hover,
#selectbooking:hover {
	background-color: rgba(35, 67, 32, .9);
	color: rgba(255, 255, 200, 1);
}

a .selectbooking:hover,
a #selectbooking:hover {
	background-color: rgba(35, 67, 32, .9);
	color: rgba(255, 255, 200, 1);
}


#clientlisteventbottom {
	float: left;
	display: block;
	width: 180px;

	position: relative;
	overflow: hidden;
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	color: rgba(0, 0, 0, 1);
	border-radius: 0px 20px 0px 0px;
	border-style: ridge;
	border-left: 0px;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
}

#clientdataevent {
	display: block;
	position: relative;
	left: 500px;
	background-color: green;
	width: 500px;
	margin-top: 0px;

}

#clientlisteventbottom {
	position: relative;
	display: inline;
	height: 20px;
	overflow: hidden;
	border-top: 0px;
	border-left: 0px;
	border-radius: 0px 0px 20px 0px;
}


#clientlistevent {
	float: right;
	display: block;
	width: 250px;
	height: 450px;
	position: relative;
	overflow: hidden;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	color: rgba(0, 0, 0, 1);
	border-radius: 0px;
	border-style: ridge;

	border-width: 3px;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
}

#clientdata {
	display: flex;
	width: 600px;
	float: left;

}

#message {
	display: block;
	background-color: rgba(35, 67, 32, 1);
	width: 100%;
	font-size: 12pt;
	line-height: 16pt;
	color: rgba(255, 255, 200, 1);
	padding: 2px;
	text-align: center;
}

.readbtn {
	height: 25px;
	width: 70px;

	display: block;
	background-color: rgba(0, 0, 50, 0.8);
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 8pt;
	float: right;
	margin: 0px;
	background: #EAEDD3;
	background: -moz-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: -webkit-radial-gradient(center, #EAEDD3 0%, #A5A681 100%);
	background: radial-gradient(ellipse at center, #EAEDD3 0%, #A5A681 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;
}

.readbtn:hover {

	display: block;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 8pt;

	background: #FFFFFF;
	background: -moz-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: -webkit-radial-gradient(center, #FFFFFF 0%, #FEFFC6 100%);
	background: radial-gradient(ellipse at center, #FFFFFF 0%, #FEFFC6 100%);
	border-color: rgba(35, 67, 32, 1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 3px;
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	transition: .3s;

}



.logincolour {
	color: rgb(255, 255, 200);
}

#acp {
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 20px 28px 80px 0px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}

#acpname {
	text-align: center;
	padding: 190px 0px 0px 0px;
	font-size: 10pt;
	font-weight: bold;
}

#acptext {
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;

}

#mcp {
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 50px 20px 50px 20px;
	float: left;
	display: block;
	width: 220px;
	height: 220px;
}

#mcpname {
	text-align: center;
	padding: 230px 0px 0px 0px;
	font-size: 10pt;
	font-weight: bold;
}

#mcptext {
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;

}


#magiclantern {
	background-image: url('http://www.edwincourtenay.co.uk/magiclantern/stgermain.mp4');
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin: 40px 0px 0px 20px;
	float: left;
	display: block;
	width: 130px;
	height: 180px;
}