/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */


 body {                                                                                                                                                                                                                                                                      
color: #000000; 
background-color:#ffeff4;   
 line-height: 1.3;
 font-size: 17px;
 font-family:Helvetica, Verdana, sans-serif;
}

p {
color: #000;
width: 90%;
font-family: Helvetica, Arial, sans-serif;
font-size:18px;
    } 
   
    
#main {
width:100%;
 }
 
 #masthead {
width:100%;
height: auto;
margin:auto;
 } 
 
 #masthead img {
border-radius:25px;
margin:auto; 
min-width:100%;
 }  
        
* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  color: #000000; 
  margin-top:0px;
}

.left {
  width:50%;
  color: #000000;
background-color: #ffeff4; 
padding:0px 20px 0px 20px;
font-size:15px;
font-family:Verdana, Arial, sans-serif;
margin-top:0px;
margin-left:30px;
}

.right {
  width: 40%; 
  color: #000000;
background-color: #d8c0b0; 
padding: 10px;
font-size:15px;
font-family:Verdana, Arial, sans-serif;
border:1px solid blue;
border-radius:25px;
margin-top:80px;  
margin-left:30px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
} 
    
    

 @media screen and (max-device-width: 600px) { 
 
 
  .left { 
  float:none;
  width: 100%; }
  
  .right {
  float:none;
  width: 100%;
  }  

} 

    
    /* Generated CSS Menu */
.gen-nav {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #transparent, #c0c0c0);
  min-height: 52px;
  border-radius: 20px;
  border: 0px solid #1e3a8a;
  box-shadow: none;
  padding: 0 16px;
  position: relative;
  flex-wrap: wrap;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  
  display: flex;
}
.gen-nav *, .gen-nav *::before, .gen-nav *::after {
  box-sizing: border-box;
}
.gen-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.gen-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-right: auto;
}
.gen-logo-text {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}
.gen-hamburger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  margin-left: auto;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction:column; gap:0;
  
}
.gen-hamburger span {
  display: block;
  background: #000000;
  transition: all .3s;
  width:22px; height:2px; border-radius:2px; margin:3px 0;
}

.gen-nav > ul {
  display: flex; justify-content:center; flex: 1;
  flex-wrap: wrap;
}
.gen-nav > ul > li {
  position: relative;
}
.gen-nav > ul > li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 18px;
  height: 52px;
  color: #000000;
  background-color:#eaeaea;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  transition: background .2s, color .2s;
  white-space: nowrap; 
  border:1px solid black;
}
.gen-nav > ul > li > a:hover,
.gen-nav > ul > li:hover > a {
  background: #ffffff;
  color: #b30000;
}
.gen-arrow { font-size: .7em; opacity: .8; vertical-align: middle; }
/* Dropdown */
.gen-nav > ul > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #1e3a8a;
  min-width: 200px;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  z-index: 1000;
  overflow: hidden;
}
.gen-nav > ul > li:hover > ul {
  display: block;
}
.gen-nav > ul > li > ul > li > a {
  display: block;
  padding: 5px 18px;
  color: #dbeafe;
  font-size: 15px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.gen-nav > ul > li > ul > li > a:hover {
  background: #1d4ed8;
  color: #ffffff;
}
.gen-nav > ul > li > ul > li:last-child {
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
.gen-nav > ul > li > ul > li:last-child > a {
  border-radius: 0 0 6px 6px;
}
/* Responsive */
@media (max-width: 768px) {
  .gen-hamburger { display: flex; margin-left: 0; }
  .gen-nav {
    display: flex;
    flex-wrap: wrap;
  }
  .gen-logo { margin-right: auto; margin-left: 0; justify-self: unset; order: -1; }
  .gen-nav > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    flex-direction: column;
    background: linear-gradient(90deg, #c0c0c0, #c0c0c0);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 12px 32px rgba(0,0,0,.2);
    z-index: 9999;
    padding: 8px 0;
    overflow: hidden;
  }
  .gen-nav > ul.open { display: flex; }
  /* Remove nav bottom radius when dropdown is open so they flow together */
  .gen-nav.mobile-open { border-radius: 20px 20px 0 0; }
  .gen-nav > ul > li > a { height: auto; padding: 14px 20px; }
  /* Reset desktop last-child rounding — not needed on mobile */
  .gen-nav > ul > li:last-child { border-radius: 0; overflow: visible; }
  .gen-nav > ul > li:last-child > a { border-radius: 0; }
  .gen-nav > ul > li > ul {
    display: none;
    position: static;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    background: rgba(0,0,0,.15);
    min-width: 0;    
  }
  .gen-nav > ul > li > ul.sub-open { display: block; }
  .gen-nav > ul > li.has-sub > a .gen-arrow { display: inline-block; }
  /* No rounding on submenu items in mobile */
  .gen-nav > ul > li > ul > li:last-child { border-radius: 0; overflow: visible; }
  .gen-nav > ul > li > ul > li:last-child > a { border-radius: 0; }
  .gen-nav > ul > li > ul > li > a { padding: 10px 32px; background-color:#ffffff; color:#b30000; font-weight:bold; text-decoration:underline; }
  /* Hamburger animates to X when open */
  
  .gen-nav.mobile-open .gen-hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .gen-nav.mobile-open .gen-hamburger span:nth-child(2) { opacity: 0; }
  .gen-nav.mobile-open .gen-hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  
}

#list {
height:200px;
  width:300px;
  margin:auto;
}
  #list ul {
  height:200px;
  width:300px;
  margin:auto;
  }
#list li a:link {
float: left;
width: 210px;
color: #000000;
padding: 3px;
text-decoration: none;
font-weight:300;
border:1px solid black;
background-color: #ffffff;
text-align: center;  
border-radius:15px;
}
#list a:visited {
color: #000;
background-color: #fff;
}
#list li a:hover {
color: #b3000;
background-color: #eaeaea;
border:1px solid black;
} 
#list a:active {
color: #000;
background-color: #fff;
}
#list li {
display: inline;
}

img {
margin: 10px;
background-color: transparent;
max-width:100%;
height:auto;
} 

blockquote {
color:#800080;
font-style:italic;
font-size:16px;
 }


figure {
  padding: 4px;
  margin: auto;
  text-align:center;
}

figcaption {
  background-color: transparent;
  color: #000000;
  font-style: italic;
  font-size:17px;
  padding: 2px;
  text-align: center;
  margin-top:-10px;
}    


    h1 {
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-weight:600;
    }
	h2 {
text-align:center; 
font-family: Verdana, Arial, sans-serif;
font-size:large;
padding:8px;
border:1px solid black;
background-color:#ffffff;
width:70%;
margin:auto; }
    h3 {
    text-align:center;
    background-color:#c0c0c0;
    padding:8px;
    }
    h4 { 
    margin: 3px;
    }
    h5 { 
    color: #008000;
    }
    em {
    color: #b30000;
    }


a:link {
color: #120a8f; /* blue */ 
font-weight:500;
}
a:visited {
color: #2a52be;
}
a:hover {
color: #b30000; 
}
a:active {
color: #2a52be; 
} 


@media only screen and (max-device-width: 720px) {
/* define mobile specific styles come here */

div#menu {
background-color:#c0c0c0; }
 
 div#main {
 width:90%;
 font-size:1rem;
 margin:0px;
  } 
  
  div#list {
 width:50%;
 font-size:1rem;
 margin:0px;
  }


 h1 {
 font-size: 20px !important;
}
 h2 {
 font-size: 19px !important;
}
h3 {
 font-size: 18px !important;
}
h4 {
 font-size: 17px !important;
}
}