/* general css */
* {font-family: Arial, sans-serif; font-size: 18pt;}
html {background-color: lightgoldenrodyellow;}
#title {text-decoration: none; font-style: italic; color:darkgreen; font-size: 24pt;}
.fleft {
    float:left; margin-right:1em;
}
.frght {
    float:right; margin-left:1em;
}
.ital {font-style: italic;}
.send {clear: both; text-align: center;}
.clr {clear: both;}
table {
    border: 2px solid black;
}
th,td {
    text-align: center;
    padding: .2em 1em;
}
.undr {text-decoration: underline;}
.bundr {text-decoration: underline; font-weight: bold;}
.bld {font-weight: bold;}
.spr {position: relative; top: -0.5em; font-size: 80%;}
.sub {position: relative; bottom: -0.5em; font-size: 80%;}
.dead {}
.redcolor {color: firebrick; font-size: 24pt;}
.grncolor {color: darkgreen;}
/*catagory*/
.cata { float:right;
    text-align: center;
    display: block;
    width: 150px;
    text-decoration: none;
    color:saddlebrown;
    font-weight: bold;
    font-size: 12pt;
    padding: 2px;
}
.uncata {clear:right;}
body {
    width: 100%;
    max-width: 1280px;
    margin: auto;
    border: 2px solid black;
}
header {
    padding: 15px 2%;
    border-bottom: 2px solid black;
    background-color: burlywood;
}
main {
    padding: 15px 2%;
    background-color: burlywood; color:darkslateblue;
}
main div {
    max-width:300px;
    border: 2px solid black;
    padding: 4px;
}
main img {
    width: 100%;
    max-width: 3000px;
    margin-bottom: .5em;
}
main img.largerleft {
    width: 100%;
    max-width: 580px;
    float:left;
    margin-right: 1em;
    margin-bottom: 2.5em;
}
main img.largerrght {
    width: 100%;
    max-width: 580px;
    float:right;
    margin-left: 1em;
    margin-bottom: .5em;
}
main section img {
    width: 100%;
    max-width: 1024px; /*was 1024*/
    margin-bottom: .5em;
}
main p {
    padding-left: 50px;
    padding-right: 50px;
}
main p.topbox {font-style: italic;
    text-align: center;
    padding-left: 300px;
    padding-right: 300px;
    color: darkgreen;
}
main p.indent {
    float:right;
}
main ul  {
    padding-left: 50px;
    padding-right: 50px;
}
footer {
    clear: both;
    padding: 15px 2%;
    border-top: 2px solid black;
    text-align: center;
    background-color: darkgoldenrod; color:aliceblue;
}
/* css for menu operation */
#navMenu ul {
    list-style: none;
    position: relative;
}
#navMenu ul li {float: right;}
#navMenu ul ul {
    display: none;
    position: absolute;
    top: 100%
}
#navMenu ul ul li {float: none;}
#navMenu ul li:hover > ul {display: block;}
#navMenu > ul::after {
    content: "";
    display: block;
    clear: both;
}
/* css for menu format */
#navMenu ul {
    margin: 0;
    padding: 0;
}
#navMenu ul li a {
    text-align: center;
    display: block;
    width: 150px;
    /*padding: 1em 0;*/
    text-decoration: none;
    background-color:burlywood;
    color:darkgreen;
    font-weight: bold;
}
#navMenu ul li a {border: 2px; border-style: solid; border-radius: 0px; border-color: burlywood; font-size: 12pt;}
#navMenu ul ul li a {border: 2px; border-style: solid; border-radius: 10px; border-color: black; font-size: 12pt;}
#navMenu ul li a.current {background-color: white;}
#navMenu ul ul li a:hover, #navMenu ul li a:focus {background-color:blanchedalmond;}
/*#navMenu ul li a:hover, a.dead{background-color:darkgoldenrod}*/