body { margin:0px; padding:0px; border:3px groove #cccccc;
       background-color:#D2B48C; background-image:url(../backgrnd.gif); }
#Header {
        height:4px; 
	    margin:2px 12px;
	    padding:2px;
        color:#000;
        background-color:#D2B48C;
        background-image:url(../backgrnd.gif);
       /* border:2px ridge Silver; 
        font-size:medium; */
        }
#ContentMain { margin:0px 12px; padding:20px; border:3px ridge Silver;
            font-family:verdana, arial, helvetica, sans-serif; color:#330000; background-color:#FAEBD7;
             /* background: linear-gradient(#2F4F4F, #708090, #2F4F4F); Standard syntax */ 
            /* background: linear-gradient(#282828, #181818, #000000); Standard syntax */
           /* background: linear-gradient(#282828, #181818, #000000); */
}
#Updates { color:#000; } 
#Footer { font-size:medium; text-align:left; }
h1 { margin:20px 0px 20px 0px; padding:0px; font-size:large;
     font-weight:bold; text-align:center; }
h2 { margin:10px 0px; padding:0px; font-size:large; 
     font-weight:bold; text-align:center; color:#330000;}
h3 { margin:10px 0px; padding:0px; font-size:large; 
     font-weight:normal; text-align:left; font-style: italic; }	
p { margin:0px 10px 8px 10px; padding:0px; font-size:medium; }
p.indent { margin:0px 0px 10px 0px; padding:0px; font-size:medium; text-indent:1em; }
p.small { margin:0px; padding:0px; font-size:small; }
p.pre { white-space:pre-line; padding:6px; color:#fff; font-size:small;
        background-color:#404040; border: 1px solid black; }
.dagger { color:Gold; }
.center { text-align: center; }
.right { text-align: right; }
/* div.header a { font-size:large; font-weight:bold; } */
em { font-style: italic; }
strong { font-style: italic; font-weight: bold; }
img {border: none; margin:10px; }
hr { height:3px; border:1px inset Silver; margin:10px 120px; }
hr.divider { height:3px;  border:1px inset #330000; margin:14px 120px 0px 120px; }
/* list classes */
ul.circle {list-style-type: circle; padding:0px 0px 0px 20px; font-size:small; }	
ul.square {list-style-type: square; padding:0px 0px 0px 20px; font-size:medium; }
li.item {padding:0px 0px 6px 0px;}
ul.inline {list-style-type: none; padding:0px 0px 0px 4px; }	 
li.inline { display: inline; padding-left:3px;
            padding-right:7px; border-right:1px dashed #330000; }
li.last { display: inline; padding-left:3px; padding-right:3px; border-right:0px; } 
ul.img { list-style-type: none; padding: 0px; margin: 0px; }
li.img { background-image: url(face-wink.png);  background-repeat: no-repeat;
         background-position: 0px center;  padding-left: 15px; } 
/* table */
table, tr, th, td { border: none; }
td { width: 25%; padding: 10px; }
/* div classes */
div.main { margin:0px 12px 0px 12px; padding:10px; text-align: left; }
div.centered { margin:0px 100px; padding:10px; text-align: center; }
div.pre { height:240px; width:480px; border:1px solid #ccc; 
          font-family:Courier; font-size:x-small; overflow:auto; background-color:#ffffff; }
/* table - note: also inline style examples */
table, tr, th, td { padding: 10px; }
table.center {
    margin-left:auto; 
    margin-right:auto;
}
/* Image gallery popup code */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
visibility: hidden;
color: gray;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -200px; /*position where enlarged image should offset horizontally */
width: 480px;
}
/* Links */
a { color:#003300; font-size:medium; font-weight:600; text-decoration:none; }
a:link {color:#003300; background-color:transparent;}
a:visited {color:#000000; background-color:transparent;}
a:hover {color:#000000; background-color:#D2B48C; text-decoration:underline;}
a:active {color:#C0C0C0; background-color:#330000;}
.boldlink a {
        color:#FFFF00;
        font-size:medium;
	font-weight:bold;
	text-decoration:none;
	}
.boldlink a:link {color:#FFFF00; background-color:transparent;}
.boldlink a:visited {color:#E0E0E0; background-color:transparent;}
.boldlink a:hover {color:#C0C0C0; background-color:#000000;}
.boldlink a:active {color:#FFFFFF; background-color:#000000;}
/*
div.header a { color:#003300; font-size:small; font-weight:bold; text-decoration:none; }
div.header a:link {color:#003300; background-color:transparent;}
div.header a:visited {color:#000000; background-color:transparent;}
div.header a:hover {color:#000000; background-color:#CC9966;}
div.header a:active {color:#C0C0C0; background-color:#330000;}
*/
/*
div.menu a { color:#003300; font-size:x-small; font-weight:400; text-decoration:none; padding:2px 2px; }
div.menu a, div.menu em { display:block; margin:0em 0.5em 0em 0.5em; }
div.menu a, div.menu em { border:1px outset #003300; }
*/
div.dropdown a:link {color:#003300; background-color:transparent;}
div.dropdown a:visited {color:grey; background-color:transparent;}
div.dropdown a:hover {color:#000000; background-color:Cornsilk;}
div.dropdown a:active {color:#C0C0C0; background-color:#330000;}
div.google a { color:#0000FF; font-size:x-small; font-weight:bold; text-decoration:none; }
div.google a:link {color:#0000FF; background-color:transparent;}
div.google a:visited {color:#800080; background-color:transparent;}
/* CSS from W3C for dropdown menu(s) */
/* Dropdown Button */
.dropbtn {
  color: #000;
  padding: 4px;
  font-size: x-large;
  border:3px groove #cccccc;
  background-image:url(../backgrnd.gif); 
  background-color:#D2B48C;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  margin: 6px 4px 0px 4px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color:#330000;
  background-image:url(../backgrnd.gif); 
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-size: medium;
  padding: 1em;
  border:3px groove #cccccc;
}

/* Links inside the dropdown */
.dropdown-content a {
/*  color: linen; */
  padding: 2px;
  text-decoration: underline;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: Sienna; color: #f1f1f1;}

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: Wheat;}