@charset "utf-8";
BODY {
	background-image:radial-gradient(white,ivory,#bbe3ff,#caa7ff);
}
p { font-family:arial, sans-serif; 
    font-size:medium; 
    color:black; 
    line-height:24px; 
    letter-spacing:1px;
}
.purple {color:#8000FF; text-align:center;}
.norm {
	font-size: medium;
	font-family: Arial, sans-serif; 
	color: black;
	letter-spacing:1px; 
	text-transform:none; 
	text-align:left; 
    line-height:24px;
    letter-spacing:1px;
}
h1 {
	font-size: x-large; 
	color: black; 
	font-family: 'Comic Sans MS', Arial, sans-serif; 
	text-align: center;
}
h2 {
	font-size: large;
	color: black; 
	font-family: 'Comic Sans MS', Arial, sans-serif; 
	text-align: center;
}
h3 {
	font-size: medium;
	color: black; 
	font-family: 'Comic Sans MS', Arial, sans-serif; 
	text-align: center;
}
h4 {
	font-size: medium;
	color: black; 
	font-family: 'Comic Sans MS', Arial, sans-serif;
}
ul { font-family:arial, sans-serif; 
     font-size:17px; 
     text-shadow: -1px -1px 2px white;
     color:black; 
     line-height:24px; 
     letter-spacing:1px;
     list-style-image: url(../images/heart4.png);
}

.imagePurp { width:350px; height:auto; border-radius:30px; border-top: groove 8px white; border-right: groove 8px #BA85BA; border-bottom: groove 8px #653765; border-left: groove 8px #E2CCE2; box-shadow:0 0 11px #6E466E; }
.imageGold { width:300px; height:auto; border-radius:50%; border-top: ridge 9px #fffdde; border-left: groove 9px #c0a830; border-bottom: ridge 9px #ac9644; border-right: ridge 9px #a2834e; box-shadow:-1px 3px 12px gray; }
.imageOld {  width:400px; height:auto; border-radius:30px; border-top: ridge 8px #faf2c6; border-right: ridge 8px #c3962d; border-bottom: ridge 8px #92835e;  border-left: ridge 8px #d9c55c;  box-shadow:0 0 11px #877069; }

.footerBG {
    background-image: url(../images/header-bg2020.jpg); 
    background-position:top; 
    background-color:#e6e6fa; 
}
.ftT {
    text-align:center; 
    padding:8px 0 8px 0; 
    margin:0; letter-spacing:1px; 
    border-top:ridge #D0A1FF 1px; 
    border-bottom:groove #D0A1FF 1px; 
    box-shadow:0 0 10px 1px #D0A1FF; 
    text-transform:none; 
    font-variant:small-caps; 
    color:indigo;
 }
.copyBG {
    text-align:center; 
}
.copy {
    text-align:center;
	font-size:small;
    color:#606B90;
    line-height:normal;
    text-transform:none;
    text-decoration:none;
    letter-spacing:normal;
    text-transform:capitalize;
}
.copy2 {
    text-align:center;
    font-size:15px;
    font-family:arial,sans-serif;
    font-variant:small-caps;
    color:#606B90;
    line-height:normal;
    text-transform:none; 
    text-decoration:none;
    letter-spacing:1px;
 }
a:link {color: blue; text-decoration: none;  font-family: arial, sans-serif; font-size: large; letter-spacing:1px; line-height:24px;}
a:visited {color: #333333; text-decoration: none;  font-family: arial, sans-serif; font-size: large; letter-spacing:1px; line-height:24px;}
a:hover {color: dodgerblue; text-decoration: none; font-family: arial, sans-serif; font-size: large; letter-spacing:1px; line-height:24px;}
.pale {background-image:radial-gradient(white,#EBEEFF,#FFF8F8)}
.ltgreenbox2 {background-image:linear-gradient(90deg, #F4FFF4, white, white, #F4FFF4); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3)}
.ltyellowbox {background-image:linear-gradient(90deg, lightyellow, white, lightyellow); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3)}
.ltyellowbox2 {background-image:linear-gradient(90deg, lightyellow, white, white, lightyellow); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3)}
.ltbluebox {background-image:linear-gradient(90deg, lightblue, white, lightblue); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3)}
.ltbluebox2 {background-image:linear-gradient(90deg, lightblue, white, white, lightblue); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3)}

.pinkbox2 {background-image:linear-gradient(90deg, #FFF2FF, white, white, #FFF2FF); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3)}

.gold {background-image:radial-gradient(white,#E3CB97); margin:0; padding:4px 0; box-shadow:0 0 22px #9E7552 }
.blue {background-image:radial-gradient(white,#D3F4FD,#50A09E); margin:0; padding:4px 0; box-shadow:0 0 22px #50A09E }

.alicebox {background-image:linear-gradient(90deg, aliceblue, white, aliceblue); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3)}

.bluediag {background-image:linear-gradient(75deg, white, #DDDFFF, white, #DDDFFF)}
.silverdiag {background-image:linear-gradient(75deg, silver, white, silver, white)}
.greendiag {background-image:linear-gradient(75deg, #F4FFF4, white, #F4FFF4, white); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3);}
.yellowdiag {background-image:linear-gradient(75deg, lightyellow, white, lightyellow, white); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3);}
.pinkdiag {background-image:linear-gradient(75deg, #FFF2FF, white, #FFF2FF, white); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3);}
.alicediag {background-image:linear-gradient(75deg, aliceblue, white, aliceblue, white); box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3);}

.navbar {
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.navbar a {
font-family: Arial, sans-serif;
  float: left;
  font-size: large;
  color: black;
  padding: 12px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: large;  
  color: black;
  padding:8px 10px;
  background-color:white;
background-image: linear-gradient(silver, white, white, silver);
  border-top:white ridge 4px; 
  border-right:gray ridge 4px; 
  border-bottom:black ridge 4px; 
  border-left:gray ridge 4px; 
  border-radius:20px 20px;  
  font-family: Arial, sans-serif;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:1px;
  margin: 10px;
  box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3);
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: white;
}

.dropdown-content {
  display: none;
  position: absolute;
background-color:silver; 
  background-image: linear-gradient(75deg, silver, white, silver, white);
  width: 100%;
  box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 8px 12px;
  text-transform:uppercase;
  letter-spacing:1px;
  display:list-item;
  text-align: left;
}

.dropdown-content a:hover {
color:black;
  background-image:linear-gradient(90deg, white, silver, white, silver);
  box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.3);
  font-size:19px;
}

.dropdown:hover .dropdown-content {
  display: list-item;
}

.dropdown:hover .dropbtn {
  color:black;
  background-image: linear-gradient(gray, white, white, silver);
  border-top:white ridge 6px; 
  border-right:gray ridge 2px; 
  border-bottom:black ridge 2px; 
  border-left:gray ridge 6px; 
}