/*  ##ededit##addtime##1/31/2022 7:03:05 PM
*/

body {background-image: url("bgpaper1.gif"); padding: 0; margin: 0; 
font-family: "Comic Sans MS", Impact, Tahoma, sans-serif; font-style: normal; font-weight: normal; font-size:100%;}

ol, li, p {margin: 0; padding: 0;}

h1{text-align: center; color:black;}
h2{text-align: center; }


#content table {margin: 8px auto;  }
#content table {border: 1px solid black; padding: 8px;}
#content table td {border: 1px solid black; padding: 0 8px;}
#content p {/* width: 75%; */ margin: 1em 2em; font-size:1.2em;padding: 0 2em 0 3em;}

#members {width: 40%; float:left;  }
#email_buttons {width: 10%; float:left; }
#email {width: 25%; float:left; padding-left:3em;}

#next-month { float: left; width: 15em; text-align: center; border:3px solid red; padding: 1.5em 0;
    margin:0 3em 1em 3em; padding: 0 1em;}
#next-month h2 {color: red; margin: 0; padding: 0;}
#next-month p {padding: 0; margin: 8px 0;}

#insert { float: right; width: 15em; text-align: center; border:3px solid red; padding: 1.5em 0;
    margin:0 3em 1em 3em;}
#insert h2 {color: red; margin: 0; padding: 0;}
#insert p {padding: 0 1em; margin: 8px 0;}

.error {color: red; font-size: 14pt; font-weight: bold;}
.centered {text-align: center; }

.even {background-color: #fff; }
.odd {background-color: #ccc; }

#garcia { float: right; margin:0 1em 0 1em; }
#garcia img {padding: 0; margin: 0; border: none;}
#garcia p {text-align: center; font-weight: bold; padding: 0; margin: 0;}

#banner {width: 800px; height: 150px; margin: 10px auto 0 auto; padding-left: 1em; position: relative;}
#banner div { text-align: center; }
#banner img {height: 130px;  vertical-align: middle; }
#banner .bigtext {font-size: xx-large; }
#banner a {color: black;}


#login {width: 100%; padding: 4px 2em; border: 2px solid black; height: 24px; margin-top: 8px;}
#login div {width: 15em; float: left;}

#login p, #login fieldset { margin:0; padding: 0; }
#login .error {width: 13em}
#menucontainer { width: 100%; margin: 0; padding: 0; height: 59px; margin-top: 2px;
  position: relative;background-color: black;}

#menu {position: relative; margin: 0 auto; font-family: verdana, sans-serif; 
  font-size: .8em; width: 900px; padding: 0; z-index:  100;}

#menu div {padding: 0 4px 0 4px;;  width: 100px; height: 44px; border-right: 1px solid white;
    border-left: 1px solid white; padding-top: 1em;  text-align: center; float: left; color: white;
    font-weight: bold; position: relative;  background-color: black;}

#menu div ul {display: none;}

#menu  div a{text-decoration: none; color: white;  height: 30px;font-weight: bold; display: block;
  padding-bottom: 8px; background-color: black;}

#menu div:hover ul {display: block; position: absolute;top: 10px; left: -20px; z-index: 100;  
   list-style-type: none;}

#menu div:hover ul li a{ border: 1px solid white; width: 110px; list-style-type:none;
  margin: 0; padding: 8px 0; color: white; background-color: black; height: auto;}

#editinfo form {width: 95%; margin: 0 auto; color:green;}
#editinfo form p {margin-left: 48px; }
#editinfo form div {margin: 4px 0;}
#editinfo fieldset {width: 86%; margin: 0; padding: 0;}

#editinfo fieldset label {/* width: 5em;*/ text-align: right;  float: left; padding: 4px 8px;}
#editinfo fieldset input {float: left; padding: 4px;}
#editinfo fieldset   p.radio  label {width: 5em; text-align: left;  float: left; padding: 4px 8px; }
#editinfo fieldset   p.select  select {width: 10em; text-align: left;  float: left; padding: 4px 8px; margin-right: 2em;}

#editinfo fieldset, #editinfo p {clear: both; margin: 0; padding: 4px 0;}
#editinfo #privacy p {padding-left: 8em; }
#editinfo #privacy label {text-align: left; width: 25em;}

#roster table {border: none; }
#roster table td {border: none; padding: 0 4px;}
#rosterfooter.div {padding: 0; margin: 0; }
#rosterfooter p, #roster p.rosterfooter {padding: 0; margin: 2px 0 0 0; text-align: center; font-size: 10pt; }

#reports table, #minutes table {display: inline; margin: 3em; float: left; width: 200px; font-family: verdana, cursive, sans-serif; }
#reports td, #minutes td {width: 180px; text-align: center; }
#reports table {height: 300px; width: 200px;}
#minutes table {height: 300px; width: 200px;}

.photomonth {position: relative;border: 4px solid red; float: left; width: 220px;  margin: 20px; 
    text-align: center; font-weight: bold;}
.photomonth .image {width:  100%; height:130px; } 
.photomonth .image a, .photomonth .image img {display: block; width: 100%; height:130px;}

.meetcaption {border-top: 2px solid red; width: 100%; height: 20px; padding-top: 8px;}

.phone ul {width: 40%; margin: 2em auto; font-size: 24pt;}

#meetingphotos {width: 100%;}
#meetingphotos div.meetingphoto img {border: 4px solid red; float: left; margin: 4px;}
#meetingphotos h1 {margin: 8px 5em; color: red;}

.notice {width: 60%; margin: 1em auto; padding: 0.5em;font-size: 1.2em; font-weight: bold; border: 2px solid red;
          text-align: center;} 

#parade #content, #parade h1{margin-left: 300px; padding-right:2em;}
#parade #content p, #parade #content ol{font-size: 16pt;  margin: 1em; padding: 0;}
#parade #content li {margin: 0 1em;}