* {
	margin:0;
	padding:0;
}

html {
	width: 100%;
	height:100%;
}

body	{
	font-family: arial;
	font-size: 8pt;

}

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

html {
	background: url(http://www.edwincourtenay.co.uk/2022/newwebsite/images/bg01.png) 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;

}
  #page	{
	position:relative;
	display:block;
	width:900px;
	height:900px;
	font-family: arial;
	font-size:10pt;
	font-weight: normal;
	text-align:justify;
	color:rgba(0,0,0,1);
	background-color: rgba(255,255,240,.8);
	padding: 20px;
	padding-top:210px;
	margin: 20px auto;
	line-height: 120%;
	background-image: url(http://www.edwincourtenay.co.uk/2022/newwebsite/images/christmas2025.png);
	background-position: center top;
    background-repeat: no-repeat;
	-moz-box-shadow:   5px 5px 11px -1px rgba(0,0,0,0.98);
    -webkit-box-shadow: 5px 5px 11px -1px rgba(0,0,0,0.98);
    box-shadow:        5px 5px 11px -1px rgba(0,0,0,0.98);
  }

#maintext{
	position:relative;
	display:block;
	width:790px;
	height:770px;
	margin: 40px auto;
	font-size: 10pt;
	padding: 7px;
	padding-top:12px;
}

#maintext ul {
	padding-left:40px;
	
}


/* TIME & DATE */

#datetime {

		
	height:205px;
		margin: 0 auto;
		margin-top: -200px;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
		text-align:center;
		font-size:14pt;
		
		
		
		
		
}

#page2	{
	position:relative;
	display:flex;
	width:900px;
	height:10px;
	font-family: arial;
	font-size:10pt;
	font-weight: normal;
	text-align:justify;
	color:rgba(0,0,0,1);
background-color: blue; 

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

}




/* MENU STYLE */
.menu	{
	position:relative;
	display:block;
	height:20px;
	width:fit-content;
	font-size:8pt;
	z-index: 1;
	margin: 12px auto;
	
}
.nav-area ul{
	background: rgba(35,67,32,.9); 
}
.nav-area{
	background: rgba(35,67,32,.9); 
	padding: 3px 10px;
}
.nav-area{
padding: 0px 10px;

}

.nav-area:after {
	content: '';
	clear: both;
	display:block;
}

.nav-area ul{
	list-style: none;
	margin:0;
}

.nav-area > ul > li{
	float:left;
	position:relative;
}

.nav-area ul li a{
	text-decoration: none;
	color:rgba(255, 255, 200,1);
	padding:5px 10px;
	display:block;
	transition: .3s;
	
}
/*
.nav-area ul li:hover a{
	background: rgb(69, 134, 98);
}
*/
.nav-area ul ul {
	position: absolute;
	padding: 5;
	min-width: 160px;
	display:none;
	top:100%;
	left:0;
}

.nav-area ul li:hover > ul {
	display:block;
}

/*
.nav-area ul ul li:hover a{
	background: rgb(69, 134, 98);
}
*/
.nav-area ul ul li{
	position:relative;
	min-width: 80px;
}

.nav-area ul ul ul {
	top:0;
	left:100%;
	min-width: 350px;
}

/*
.nav-area ul ul ul li:hover a{
	background: rgb(255, 255, 255);
}
*/

/* Change color of dropdown links on hover */
.dropdown-content a:hover { color:rgba(35,67,32,1); background: rgba(255, 255, 200,1); padding:5px 10px;
}

.arrow, .arrowright{
	display:block;
	font-size:8pt;
}

.arrowright{
	float:right;
}

p.course{

	margin:5px;
	font-size:12pt;
}

/* BUTTONS */

#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;
}
.eventtitle{
	font-size:18pt;
	text-align:center;
}

h4{
	font-size:14pt;
}

h6	{
	
	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%;
	border-color: rgba(35,67,32,1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 5px;
	margin: 0px 20px;
	-moz-box-shadow:    inset 0 0 30px rgba(100,130,50,.7);
    -webkit-box-shadow: inset 0 0 30px rgba(100,130,50,.7);
    box-shadow:         inset 0 0 30px rgba(100,130,50,.7);
}


h6.theengineer {


	background-image: url(http://www.edwincourtenay.co.uk/images/theengineer.png) ;
	background-repeat: no-repeat;
	padding: 570px 10px 10px 10px ;
	display:inline-block;
	}




.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;
	
}





h5	{
	
	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%;
	border-color: rgba(35,67,32,1);
	border-radius: 5px;
	border-style: ridge;
	border-width: 5px;
	margin: 0px 0px;

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



.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;}

.medmus,	.newmedmus{
	width:120px;
	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;
} 







.medmus:hover,	 .newmedmus:hover{
	width:120px;
	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;

	
}

div .medmus .mustitlehide {
	display: none;
  }
  
.medmus:hover .mustitle {
	display: none;
  }
  
div .medmus:hover .mustitlehide {
	display: inline;
  }


.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(63, 156, 102);
	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;


}

p{
font-size:10pt;
text-align:justify;

}



























.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, .edhead {
	float:right;
	margin: 5px 5px 5px 5px;
}
.edhead {
	border: 5px solid black;
	margin: 5px 5px 20px 10px;

}

.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;
z-index:1;


}
#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; }
#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;}
#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;

}

input[type='submit']:hover, input[type='button']:hover {
	border-color: rgba(255,255,200,1);
}

.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;
	
}