@charset "utf-8";
BODY {
	margin: 0;
	padding: 0;
    background-image:url(../images/bg-path.jpg);
    font-family:arial, sans-serif; 
    font-size:medium; 
    color:black; 
    background-attachment : fixed;
    background-position:center;
}
p { 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;
    text-shadow:-1px -1px white;
}
ul {line-height:24px }
.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;
}
.center {
    text-align:center; 
}

h1 {
    font-size:x-large;
    color: #5a453c; 
    letter-spacing:1px;
    font-variant:small-caps;
    text-shadow:-2px -2px white;
}
h2 {
	font-size: large;
	color: #5a453c; 
	text-align: left;
    letter-spacing:.5px;
    text-shadow:-1px -1px white;
}
h3 {
	font-size: medium;
	color: black; 
	text-align: left;
}
h4 {
	font-size: medium;
	color: black; 
}
.image  { width:282px; height:auto; border-top: ridge 4px white; border-right: ridge 4px gray; border-bottom: ridge 4px black; border-left: ridge 4px silver; box-shadow:2px 4px 6px silver; }
.imageSM  { width:auto; height:175px; margin:0 8px 0 0; border-radius:4px; border-top: ridge 4px white; border-right: ridge 4px gray; border-bottom: ridge 4px black; border-left: ridge 4px silver; box-shadow:2px 2px 4px #d2bdac; }
.image2 { width:282px; height:auto; border-radius:5%; border-top: ridge 4px white; border-right: ridge 4px gray; border-bottom: ridge 4px black; border-left: ridge 4px silver; box-shadow:0 0 8px #9E7552; }
.image3 { width:282px; height:auto; float:left; margin:4px 8px 2px 0px;  border-radius:12px; border-top: ridge 4px white; border-right: ridge 4px gray; border-bottom: ridge 4px black; border-left: ridge 4px silver; box-shadow:0 0 8px #9E7552; }

.image4 { width:255px; height:auto; float:left; margin:3px 10px 2px 0px; border-radius:4px; border-top: ridge 2px #c5c3a3; border-left: ridge 2px #c5c3a3; border-bottom: ridge 2px black; border-right: ridge 2px black; box-shadow: -3px -3px 3px white; }

.imageR { width:282px; height:auto; float:right; margin:4px 0px 2px 2px; border-radius:4px; border-top: solid 2px #c5c3a3; border-left: solid 2px #c5c3a3; border-bottom: solid 2px black; border-right: solid 2px black; box-shadow: 3px 3px 6px gray; }
.image4a { width:282px; height:auto; float:left; margin:8px 11px 2px 0px; border-radius:4px; border-top: solid 2px #c5c3a3; border-left: solid 2px #c5c3a3; border-bottom: solid 2px black; border-right: solid 2px black; box-shadow: 3px 3px 6px gray; }
.image5 { width:300px; height:auto;              margin:4px 4px 4px 0;   border-radius:4px; border-top: solid 2px #c5c3a3; border-left: solid 2px #c5c3a3; border-bottom: solid 2px black; border-right: solid 2px black; box-shadow: 3px 3px 6px gray; }

.copyright {
    font-size:small; 
    color:#3A4778; 
    font-family:'arial narrow', sans-serif; 
    letter-spacing:1px; 
    text-align:center; 
    text-shadow:1px 1px silver; 
    text-transform:uppercase; 
    margin-top:8px; 
}

.copy {
	font-size:small;
    color:#3A4778;
    letter-spacing:normal;
    line-height:normal;
    text-align:center;
    text-transform:none;
    text-decoration:none;
    letter-spacing:normal;
}
.copy2 {
	font-size:14px;
    color:#6f5d4b;
    line-height:18px;
    font-variant:small-caps;
    letter-spacing:.5px;
    text-align:center;
}
.Tflip
{
  font-size:24px;
  color: #3A4778; 
  font-family: 'croissant one', arial, sans-serif; 
  text-align: center;
  position: relative;
  line-height:1px
}
.flip {
    font-size:24px;
    color: #CDD1D3; 
    font-family: 'croissant one', arial, sans-serif; 
    text-align: center;
    position: relative;
    transform: rotateX(180deg);
    line-height:1px;
}

.hbr {
     width:auto; height:44px;
}

.srr { 
  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:10px;
  margin:0; 
  padding:3px 0 1px 0; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}
.lv { 
  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:10px;
  margin:0; 
  padding:3px 0 1px 0; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}
/* purple 
a:link {color: #660066; letter-spacing:0; text-decoration:underline; font-family: arial, sans-serif; font-size:medium;}
a:visited {color: #52184b; letter-spacing:0; text-decoration:underline; font-family: arial, sans-serif; font-size:medium;}
a:hover {color: #7809ff; letter-spacing:0; text-decoration:none; font-family: arial, sans-serif; font-size:medium;}
*/

/* blue */
a:link {color: blue; text-decoration: underline;  font-family: arial, sans-serif; font-size: medium; letter-spacing:1px;}
a:visited {color: #333333; text-decoration: underline;  font-family: arial, sans-serif; font-size: medium; letter-spacing:1px;}
a:hover {color: dodgerblue; text-decoration: none; font-family: arial, sans-serif; font-size: medium; letter-spacing:1px;}

.bgGrad {background-image:linear-gradient(#FFEBBD,white,#BD7FFF) }
.bgGrad2 {background-image:linear-gradient(#FFEBBD,white,#8BDDFF,#BD7FFF) }
.indigo {color:indigo; }
.lt-linear { background-image:linear-gradient(75deg,#F0E7FF,white,white)}
.lt-linear2 { background-image:linear-gradient(75deg,white,white,white,#F0E7FF)}
.lt-grad { background-image:radial-gradient(white,white,#F0E7FF)}

.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)}
.alicebox {background-image:linear-gradient(90deg, aliceblue, white, aliceblue); box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.4)}
.alicebox2 {background-image:linear-gradient(90deg, aliceblue, white, aliceblue); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.alicediag {background-image:linear-gradient(75deg, aliceblue, white, aliceblue, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.black-grad { background-image: radial-gradient(white,gray,black); box-shadow: 0 0 6px 1px rgba(0,0,0,0.4)}
.bluediag {background-image:linear-gradient(75deg, #DDDFFF, white, #DDDFFF, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.greendiag {background-image:linear-gradient(75deg, #F4FFF4, white, #F4FFF4); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.imagesBrown {max-width:282px; vertical-align:middle; height:auto; padding:10px; margin:4px; border-top:#D1B664 solid 6px; border-right:#6F6925  solid 6px; border-bottom:#442D00 solid 6px; border-left:#A9641B solid 6px; border-radius:2px; box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5); background-color:#070707; }
.imagesGold {max-width:282px; height:auto; padding:10px; margin:4px; border-top:#FFFF80 solid 6px; border-right:goldenrod solid 6px; border-bottom:#C6A820 solid 6px; border-left:#D7B119 solid 6px; border-radius:2px; box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5); background-color:#000000; }
.imagesGray  {max-width:282px; height:auto; padding:10px; margin:4px; border-top:#FFFFFF solid 6px; border-right:darkgray solid 6px; border-bottom:#595959 solid 6px; border-left:silver  solid 6px; border-radius:2px; box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5); background-color:#000000; }
.imagesL {width:218px; height:auto; padding:10px; float:left; margin:2px 14px 4px 0; border-top:white solid 6px; border-right:gray solid 6px; border-bottom:black solid 6px; border-left:silver solid 6px; border-radius:2px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4); background-color:#F0E7FF; }
.imagesLblk {width:218px; height:auto; padding:10px; float:left; margin:2px 14px 4px 0; border-top:#FFFF80 solid 6px; border-right:goldenrod solid 6px; border-bottom:#C6A820 solid 6px; border-left:#D7B119 solid 6px; border-radius:2px; box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.5); background-color:#000000; }
.imagesLG {width:218px; height:auto; padding:10px; float:left; margin:2px 14px 4px 0; border-top:#FCFBBC solid 6px; border-right:#B9971B solid 6px; border-bottom:#AB8C45 solid 6px; border-left:#E2CD0E solid 6px; border-radius:10px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4); background-color:#F0E7FF; }
.imagesR {width:274px; height:auto; padding:10px; float:right; margin:2px 8px 6px 0px; border-top:white solid 6px; border-right:gray solid 6px; border-bottom:black solid 6px; border-left:silver solid 6px; border-radius:20px; box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.4); background-color:#BCB0DB; }
.ivoryboxR {background-image:linear-gradient(90deg, #FBFCDB, white, #FBFCDB); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}

.ivorydiag {background-image:linear-gradient(75deg, #FBFCDB, white, #FBFCDB, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.large {font-weight: bold; font-size: 22px; letter-spacing:1px; color: black; font-family: verdana, arial, sans-serif; text-align: center}

.ltbluebox {background-image:linear-gradient(90deg, lightblue, white, lightblue); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.ltbluebox2 {background-image:linear-gradient(90deg, lightblue, white, white, lightblue); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.ltbluediag {background-image:linear-gradient(75deg, #E3F0FB, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.lt-grad2 { max-width:360px; background-image: radial-gradient(white,white,#F0E7FF); box-shadow: 0 0 6px 1px rgba(0,0,0,0.4); margin-left:auto; margin-right:auto;}
.ltgraydiag {background-image:linear-gradient(75deg, #EFEFEF, white, #EFEFEF, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.ltgraygrad {background-image:linear-gradient(90deg, white, #EFEFEF); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.ltgreenbox {background-image:linear-gradient(90deg, white, #F4FFF4, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.ltgreenbox2 {background-image:linear-gradient(90deg, #F4FFF4, white, #F4FFF4); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.ltyellowbox {background-image:linear-gradient(90deg, lightyellow, white, lightyellow); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.ltyellowbox2 {background-image:linear-gradient(90deg, lightyellow, white, white, lightyellow); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.pinkbox {background-image:linear-gradient(90deg, #FFF2FF, white, #FFF2FF); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.pinkbox2 {background-image:linear-gradient(90deg, #FFF2FF, white, white, #FFF2FF); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.pinkdiag {background-image:linear-gradient(75deg, #FFF2FF, white, #FFF2FF, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.pinkdiag {background-image:linear-gradient(75deg, #FFF2FF, white, #FFF2FF, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.pink-grad { background-image: radial-gradient(white,white,#FFE4F2); box-shadow: 0 0 6px 1px rgba(0,0,0,0.4)}
.purple-grad { max-width:360px; background-image: radial-gradient(white,white,#DCB9FF); box-shadow: 0 0 6px 1px rgba(0,0,0,0.4); margin-left:auto; margin-right:auto;}
.purple-grad2 { background-image: radial-gradient(white,white,#BCB0DB); box-shadow: 0 0 6px 1px rgba(0,0,0,0.4);}
.silverbox {background-image:linear-gradient(90deg, silver, white, silver, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.silverboxR {background-image:linear-gradient(90deg, white, silver, white, silver); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.silverdiag {background-image:linear-gradient(75deg, silver, white, silver, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.silver-grad { background-image: radial-gradient(white,silver,gray); box-shadow: 0 0 6px 1px rgba(0,0,0,0.4)}
.silvergrad {background-image:linear-gradient(90deg, white, silver); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.silvergradR {background-image:linear-gradient(90deg, silver, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.tan-grad { background-image: radial-gradient(white,white,#E0BB80); box-shadow: 0 0 6px 1px rgba(0,0,0,0.4)}
.whiteivory {background-image:linear-gradient(90deg, white, white, ivory); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.whiteivory2 {background-image:linear-gradient(90deg, white, white, ivory); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}
.yellowdiag {background-image:linear-gradient(75deg, lightyellow, white, lightyellow, white); box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.3);}

.topbar {
    height:44px; 
    background-repeat:no-repeat;
    background-image: url(../images/heidi-bosch-romano.png);
    background-position:center;
    background-size:312px;
    background-color:black; 
    border-spacing:0;
}
    
.ftbar {
    padding:0; 
    margin:0; 
    width:auto; 
    height:2px; 
    background-image: url(../images/1-bg.jpg);
    background-position:left; 
    background-color:#077CE9; 
    border-bottom:solid #8080C0 1px; 
    border-spacing:0; }

.nav {background-image: url(../images/header-bg2020.jpg); background-position:top; background-color:#e6e6fa; text-align:center; padding:8px 0 8px 0; margin:0; letter-spacing:1px; border-top:solid #D0A1FF 1px; border-bottom:solid #D0A1FF 1px; box-shadow:0 0 10px 1px #D0A1FF; text-transform:none; font-variant:small-caps; color:indigo;}

.footerBG {
    background-position:top; 
    margin:0; 
}
.ftrT {
    text-align:center; 
    letter-spacing:1px;
    font-variant:small-caps; 
    color:#3A4778;
    padding:4px;
 }
.copyBG {
    text-align:center; 
}

.navbar {
  float:left;
  overflow: hidden;
  font-family: Arial, sans-serif;
  text-transform:none;
}

.navbar a {
  font-size: large;
  color: black;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* Dropdown Button */
.dropdown .dropbtn {
  font-size: large;  
  color: black;
  background-color:white;
  background-image: linear-gradient(silver, white, white, silver);
  border-top:white ridge 2px; 
  border-right:gray ridge 2px; 
  border-bottom:black ridge 2px; 
  border-left:gray ridge 2px; 
  font-family: arial, sans-serif;
  text-align:center;
  letter-spacing:1px;
  margin: 4px 6px;
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}

/* The container <div> - needed to position the dropup content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 275px;
  background-color:silver; 
  background-image: linear-gradient(90deg, white, #EFEFEF, white, #EFEFEF);
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
  z-index: 1;
}

/* Links inside the dropup */
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  line-height:2;
  padding-left:14px;
  text-transform:none;
  letter-spacing:1px;
}

/* Change color of dropup links on hover */
.dropdown-content a:hover {
  color:midnightblue;
  background-image:linear-gradient(90deg, #EFEFEF, white, #EFEFEF, white);
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
  font-weight:bold;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}


/* Dropup Button */
.dropup .dropbtn {
  font-size: medium;  
  color: black;
  background-color:white;
  background-image: linear-gradient(silver, white, white, silver);
  border-top:white ridge 2px; 
  border-right:gray ridge 2px; 
  border-bottom:black ridge 2px; 
  border-left:gray ridge 2px; 
  font-family: arial, sans-serif;
  text-align:center;
  letter-spacing:1px;
  margin: 4px 6px;
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}

/* The container <div> - needed to position the dropup content */
.dropup {
  position: relative;
  display: inline-block;
}

/* Dropup content (Hidden by Default) */
.dropup-content {
  display: none;
  position: absolute;
  bottom: 22px;
  min-width: 275px;
  background-color:silver; 
  background-image: linear-gradient(90deg, white, #EFEFEF, white, #EFEFEF);
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
  z-index: 1;
}

/* Links inside the dropup */
.dropup-content a {
  color: black;
  text-decoration: none;
  display: block;
  line-height:2;
  padding-left:14px;
  text-transform:none;
  letter-spacing:1px;
}

/* Change color of dropup links on hover */
.dropup-content a:hover {
  color:midnightblue;
  background-image:linear-gradient(90deg, #EFEFEF, white, #EFEFEF, white);
  box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
  font-weight:bold;
}

/* Show the dropup menu on hover */
.dropup:hover .dropup-content {
  display: block;
}