/*   Deltacraft css styles - old section, see further down the page for new styles.  */
body  {
    background-color:#ffffff;
    padding-bottom: 100px;
    margin-bottom: 20px;
    font-size: 16px;  
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
	}
div.main  {
width: 900px;
max-width: 100%;
margin: auto auto;
}
#head-background  {
width: 100%;
background-color: #aaccee;
padding-top: 20px;
	}
#bodydiv  {
width: 1620px;
max-width: 100%;
margin: auto auto;
margin-bottom: 15px;
background-color: #ffffff;
	}
h1, h2, h3, h4 {
font-family: 'Times New Roman', times, serif;
font-style: italic;
text-align: center;
}
h1 {
text-align: center;
color: #0022cc;
margin-top: -2px;
margin-bottom:4px;
margin-left:auto;
margin-right:auto;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.25em;
text-align:left;
margin-bottom:1px;
}
.forum  {
font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
font-size:20px;	
vertical-align:top;
text-align:center;
border-radius: 6px;
}
a   {
	text-decoration:none;
	display: block;  
    width: 100%; 
}
a:hover {
    background-color:#aaccee;
	color:#0000ff;
 /* 	display:inline-block;   */
	width:100%;
	height:100%;
/*	border:solid 2px #ff0000;  */
	}
  /*  a.forum:hover   {
	background-color:#0000ff;
	display:inline; 
	color:#ffffff;
	font-weight: 600px;
	}   */
p {
color: #000000;
font-size: 17px;
line-height: 1.0em;
margin-top: 0em;
margin-bottom: .3em;
margin-left: 10px;
margin-right: 3px;
text-indent: 20px;
}
img {
border: solid 1px #000000;
max-width: 718px;
width: 100%;
height: auto;
}
.dropdown {
  position: relative;
  display: inline-block;
}

 .head  {   /*  Used in the menu deltacraft-navbar.js  */
	color: #ffffff;
	font-weight:bold;
	background-color:#3d54d3;
	font-size:20px; 
	min-width: 120px;
	}   

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #dae3ff;
  min-width: 80px; 
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  padding: 5px 5px;
  z-index: 1;
  font-size:18px;
  border:solid 1px #000000;
}

.dropdown:hover .dropdown-content {
  display: block; 
}
/*  Control font size in heading  */
div.headd {
  font-style: italic;
  font-family: 'Times New Roman', times, serif;
  color:#0000ff;
  background-color:#aaccee;
  text-align:center;
}
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 550px) {
	.headd  {font-size:32px;
	font-weight:bold;
	}
} 
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 551px) {
	.headd  {font-size:38px;
    font-weight:bold;
	}
} 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.headd  {font-size:46px;
	}
} 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.headd  {font-size:62px;
	}
} 
/*  Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1150px) {
	.headd  {font-size:72px;
	}
} 
	/* --------------  The below drives   deltacraft-navbar.js  ---------  */
 /* [ON BIG SCREEN] */
/* (A) WRAPPER */
#hamnav {
  width:700px;
  max-width: 100%;
  margin:auto auto;
  margin-top:1px;
  padding:1px 1px ;
  background: #3e5ed0;
  border-radius: 6px;
}

/* (B) HORIZONTAL MENU ITEMS */
#hamitems { 
display: flex; 
font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
font-size:20px;
}
#hamitems a {
  flex-grow: 1;
  flex-basis: 0;
  padding: 7px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
}
#hamitems a:hover { 
background: #ffffff; 
color:#000000;
border-radius: 6px;
}

/* (C) HIDE HAMBURGER */
#hamnav label, #hamburger { 
display: none; 
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 650px){
  /* (A) BREAK INTO VERTICAL MENU */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #ffffff;
  }
  
  /* (B) SHOW HAMBURGER ICON */
  #hamnav label { 
    display: inline-block; 
    color: white;
    background: #a02620;
    font-style: normal;
    font-size: 1.2em;
    padding: 5px;
  }

  /* (C) TOGGLE SHOW/HIDE MENU */
  #hamitems { 
  display: none; 
  }
  #hamnav input:checked ~ #hamitems { 
  display: block; 
  }
}