html{
	background-color:brown;
}
body {
	width:880px;
	margin: auto;
	text-align: left;
	position: relative; 
	font-family: Georgia, serif;
	line-height:110%;
	border-left:solid 1px black;
	border-right:solid 1px black;
	padding:20px;
	padding-bottom:300px;
	background-color: #FFFFF0;
}
nav a{color: #000; font-size:100%; font-weight:bold;text-decoration:none;text-align:center; border:3px ridge #000; padding:5px; margin-bottom:2px;
		display:inline-block;  background-color:#FFFF33; border-radius:10px}
nav a:hover{ font-weight:bold; background-color:#660033;color:white;border:3px solid black; color:white}
footer{position:relative;top:300px; height:20px;padding-top:00px }
.ccstar{background-image:url(images/tarotAll.gif); width:80px; height:137px ;background-repeat:no-repeat; background-position:-714px -945px; background-size:818px 1096px;
	 font-size:2.5em; font-weight:bold;border:2px solid black; border-style:ridge; z-index:10}
.ccstar:hover{border:2px solid red; }
.inst{font-size:1.5em; font-weight:bold;text-align:center;}
.paprf{display:inline-block;}
.coolfont { color:#333333; font-family: "Comic Sans MS", cursive, sans-serif}
.center{text-align:center}
.teaser h5{
	display: inline-block;
	color:blue;
	cursor:pointer;
}
.mybutton1{
	font: 18px/1.5 Helvetica, Arial, sans-serif;
	color: #000;
	background-color:orange;
}
.mybutton1:hover{
	background-color: #996600;
	color: #fff;
}
/* celticcross*/
.cc{background-image:url(images/tarotAll.png); width:80px; height:137px ;background-repeat:no-repeat; background-position:-714px -945px; background-size:818px 1096px;
	 font-size:2.5em; font-weight:bold;border:2px solid black; border-style:ridge;box-shadow: 5px 5px 5px #888888;}
.cc:hover{border:2px solid red}
/*card buttons*/
#game10{position:relative; top:000px;}
#cc1{position:absolute; left:150px; top:250px; }
#one{position:absolute; left:230px; top:250px;font-size:2.5em; font-weight:bold;}

#cc2{position:absolute; left:150px; top:265px; transform:rotate(90deg);-webkit-transform:rotate(90deg);}
#two{position:absolute; left:230px; top:370px;font-size:2.5em; font-weight:bold;}

#cc3{position:absolute; left:150px; top:435px}
#three{position:absolute; left:234px; top:464px;font-size:2.5em; font-weight:bold;}

#cc4{position:absolute; left:10px; top:250px}
#four{position:absolute; left:42px; top:210px;font-size:2.5em; font-weight:bold;}

#cc5{position:absolute; left:150px; top:82px}
#five{position:absolute; left:234px; top:114px;font-size:2.5em; font-weight:bold;}

#cc6{position:absolute; left:290px; top:250px}
#six{position:absolute; left:320px; top:210px;font-size:2.5em; font-weight:bold;}

#cc7{position:absolute; left:400px; top:490px}
#seven{position:absolute; left:481px; top:520px;font-size:2.5em; font-weight:bold;}

#cc8{position:absolute; left:400px; top:340px}
#eight{position:absolute; left:481px; top:370px;font-size:2.5em; font-weight:bold;}

#cc9{position:absolute; left:400px; top:170px}
#nine{position:absolute; left:481px; top:200px;font-size:2.5em; font-weight:bold;}

#cc10{position:absolute; left:400px; top:20px}
#ten{position:absolute; left:481px; top:50px;font-size:2.5em; font-weight:bold;}
#tarotripple{position:absolute; top:0px;width:100px; height:70px;border:5px solid black;border-style:double;border-radius:5px;box-shadow: 5px 5px 5px #888888;}
#searchbox{position:absolute;top:5px; left:720px;border:5px solid black;border-style:double;border-radius:2px;height:60px;width:190px;}
#dimtext{color: rgba(0, 0, 0, 0.5); font-size:.8em}
#begin{ background-color:#FFFF33;font-weight:bold;border:3px ridge black;font-size:1em; border-radius:6px}
#begin:hover{border:3px solid black;background-color:#660033;color:#FFFFFF}
#reset{ background-color:#FFFF33;font-weight:bold;border:3px ridge black; font-size:1em; border-radius:6px}
#reset:hover{border:3px solid black;background-color:#660033;color:#FFFFFF}
#selectedimage{position:relative;  left:550px; background-image:url(images/tarotAll.png); width:122px; height:213px ;background-repeat:no-repeat; background-position:-1152px -1525px; 
	 font-size:2.5em; font-weight:bold;border:2px solid black; border-radius:2px;box-shadow: 10px 10px 5px #888888;}

#nameposition{ position:relative;top:10px;  left:550px;font-size:1.2em; font-weight:bold}

#meaning{position:relative; top:20px; left:0px;float:right; width:350px;font-size:1.2em; color:#000066;  font-weight:bold; 
		border:2px ridge black; border-radius:5px; visibility:hidden; padding:5px;background-color:#FFFFCC;box-shadow: 10px 10px 5px #888888;}
#positionsig{position:absolute; top:0px; left:690px;width:200px;font-size:1.1em; color:#000066;  font-weight:bold;}
#ppal{position:relative; top:380px; }

.adcenter{
text-align:center;
width:90%;
margin-left:auto;
margin-right:auto;
position:relative;
top:180px;
}
.adright{
	position:relative; top:70px; left:-50px; float:right;
}