@charset "utf-8";
BODY {
  	margin:0;
    padding:0;
	scrollbar-face-color: #A28355;
	background-color : #BC9D71;
	border: none;
	background-image: url(../images/bg-old2.jpg);
	background-position: top;
    background-attachment:fixed;
}
h1 {font-size: large; color: #54301c; font-family: arial, sans-serif; text-align: center;}
h2 {font-size: medium; color: #54301c; font-family: arial, sans-serif; line-height:30px;}
h3 {font-size: medium; color: #54301c; font-family: arial, sans-serif; text-align: center; line-height:24px;}
h4 {font-size: medium; color: #54301c; font-family: arial, sans-serif;}
h5 {font-size: medium; color: #54301c; font-family: arial, sans-serif; text-align: center;}

.picture {
    width:350px; 
    height:auto; 
    border-top:ridge ivory 4px; 
    border-right: ridge #804000 4px; 
    border-bottom:ridge #80572D 4px; 
    border-left: ridge #80572D 4px; 
    box-shadow: #80572D 1px 1px 10px; 
    padding:8px; 
    background-color:ivory;}

.header2 {
    background-image:url(../images/lunamont-portraits-2020.png);
    background-position:top;
    background-repeat:no-repeat;
    padding:0px;
    margin:0px;
    line-height:0;
    text-align:center;

 }

p {
	font-size: medium;
	font-family: arial, sans-serif; 
	color: black;
	line-height:20px;
	text-align:left; 
    letter-spacing:0.5px;
    line-height:22px;
}

ul {
	font-size: medium;
	font-family: arial, sans-serif; 
	color: black;
	line-height:22px;
	text-align:left; 
    letter-spacing:0.5px;
}
.copy {
    font-size: small;
	font-family: arial, helvitica, geneva, sans-serif; 
	color: black;
	line-height:20px;
	text-align:center; 
    letter-spacing:0.5px;
    font-variant:small-caps;
}

.copy a:link {color: #54301c; font-size:small; text-decoration: underline; font-variant:small-caps; letter-spacing:1px; font-family:  arial, sans-serif;  }
.copy a:visited {color: #4c2912; font-size:small; text-decoration: underline; letter-spacing:1px; font-family: arial, sans-serif;  }
.copy a:hover {color: #AC9C44; font-size:small; text-decoration: none; letter-spacing:1px; font-family: arial, sans-serif; }


.copyP {text-align:center; color:#54301c; font-size:small; text-shadow:white 1px 1px }

.links {text-align:left; width:310px}

.header {padding:0; margin:0; width:auto; height:50px; background-image: url(../images/header2020.jpg); background-position:left; background-color:#BB9C70; border-bottom:solid #BB9C70 1px; text-align:left; line-height:1; box-shadow: 0px 0px 6px rgba(0,0,0,0.3); }
.topbar {padding:0; margin:0; width:auto; height:51px; background-image: url(../images/1-header2020.jpg); background-position:left; background-repeat:no-repeat; background-color:#BB9C70; border-bottom:solid #BB9C70 1px; text-align:left; line-height:1; box-shadow: 0px 0px 6px rgba(0,0,0,0.3); }

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

.imagesR {width:274px; height:auto; padding:8px; float:right; margin:2px 8px 6px 0px; border-top:white ridge 6px; border-right:gray ridge 6px; border-bottom:black ridge 6px; border-left:silver ridge 6px; border-radius:20px; box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.4); background-color:#BCB0DB; }
.imagesL {width:274px; height:auto; padding:8px; float:left; margin:2px 10px 6px 0px; border-top:#F4F8F8 ridge 6px; border-right:#588E98 ridge 6px; border-bottom:#07385B ridge 6px; border-left:#E9F6FB ridge 6px; border-radius:20px; box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.4); background-color:#BCB0DB; }

.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:ridge #D0A1FF 1px; border-bottom:groove #D0A1FF 1px; box-shadow:0 0 10px 1px #D0A1FF; text-transform:none; font-variant:small-caps; color:indigo;}

a:link {color: #54301c; text-transform:none; text-decoration: underline; font-family:  arial, sans-serif; font-size: medium; line-height:24px; }
a:visited {color: #4c2912; text-transform:none; text-decoration: underline; font-family: arial, sans-serif; font-size: medium; line-height:24px; }
a:hover {color: #AC9C44; text-transform:none; text-decoration: none; font-family: arial, sans-serif; font-size: medium; line-height:24px; }

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

.navbar a {
  float: left;
  font-size: medium;
  color: black;
  padding: 12px;
  text-transform:uppercase;
  letter-spacing:1px;
}

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

.dropdown .dropbtn {
  font-size: medium;  
  border: none;
  outline: none;
  color: midnightblue;
  padding:10px 20px;
  background-color:white;
  background-image:linear-gradient(#DDDFFF, white, #DDDDDD, lightyellow);
  border-top:white solid 1px; border-right:gray solid 2px; border-bottom:gray solid 2px; border-left:silver solid 2px; 
  border-radius:6px;
  font-family: Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  margin: 10px;
}

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

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  width: 100%;
  box-shadow: 0px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

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

.dropdown-content a:hover {
  background-color: #FFFFAA;
}

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

.dropdown:hover .dropbtn {
  background-color: #FFFFAA;
}