/*****************************************************************************/
/* Pen Argyl American Legion Post 502 CSS File                               */
/* Created 08/12/2024 by Christian Jackson                                   */
/* File Name: bvmpl.css                                                      */
/* Use with LegionPost502.org Website Files                                  */
/*****************************************************************************/
/*****************************************************************************/
/* HTML tag styles                                                           */
/*****************************************************************************/
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
/* end css reset code */

body {
  font-family: Arial,sans-serif,serif;
  background-color: #000033;
  width: 1200px;
  display: block;
  margin: 0 auto;
}

a:link, a:visited, a:hover {
  color: #00ffff;
  text-decoration: none;
}

a:hover {
  background-color: #330000;
  color: #f6f5d4;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial,sans-serif;
}

h1 {
 font-family: Verdana,Arial,sans-serif;
 font-size: 30px;
 color: #ffff66;
}

h2 {
 font-size: 20px;
 color: #ffffff;
}

h3 {
 font-size: 100%;
 color: #f6f5d4;
}

h4 {
 font-size: 100%;
 font-weight: normal;
 color: #00ccff;
}

h5 {
 font-size: 100%;
 color: #00ffff;
}

li {
  text-align: left;
  color: #99ebff;
}

ol>li {
  margin-top: 8px;
}

header {
  background-color: #99ccff;
  width: 1200px;
  align-content: center;
}

footer {
  background-color: #142952;
  width: 1200px;
  color: #ffffff;
  padding: 5px;
  align-content: center;
}

nav {
  background-color: #666699;
  width: 1200px;
  height: 80px;
}

#menublock {
  background-color: #666699;
}

main {
  background-color: #330000;
  width: 83.3%;
  float: left;
  margin-top: 0px;
  padding: 5px 0 0 10px;
}

.mainindex {
  height: 1820px;
}

.mainofficers {
  height: 1400px;
}

.mainlegofficers {
  height: 1050px;
}

.mainsalofficers {
  height: 1060px;
}

.mainauxofficers {
  height: 1650px;
}

.mainabout {
  height: 1040px;
}

.mainevents {
  height: 1710px;
}

.mainnews {
  height: 1744px;
}

.mainhist {
  height: 2576px;
}

.maincontacts {
  height: 1350px;
}

.mainsitemap {
  height: 1170px;
}

.mainpastevents {
  height: 1060px;
}

.mainpastnews {
  height: 1060px;
}

.mainspecevents {
  height: 1920px;
}

aside {
  background-color: #660000;
  width: 200px;
  float: left;
  padding: 15Px 0px 0px 20px;
}

aside a {
  display: block;
  padding: 0;
}

aside a:hover {
  color: #985d6a;
  background-color: #330000;
}

#indexaside {
  height: 1820px;
}

#aboutaside {
  height: 1040px;
}

#officeaside {
  height: 1400px;
}

#legoffaside {
  height: 1050px;
}

#saloffaside {
  height: 1060px;
}

#auxoffaside {
  height: 1650px;
}

#eventsaside {
  height: 1710px;
}

#pastevtsaside {
  height: 1060px;
}

#specevtsaside {
  height: 1920px;
}

#newsaside {
  height: 1744px;
}

#pastnewsaside {
  height: 1060px;
}

#histaside {
  height: 2576px;
}

#contactaside {
  height: 1350px;
}


article {
  background-color: #330000;
  clear: both;
  overflow: auto;
  margin-top: 5px;
  padding: 10px;
}

.feature {
  padding: 10px;
  margin-left: 0;
}

div {
  margin-left: 0;
  padding: 10px;
}

.notice {
  color: brown;
}

#rulesdiv {
  text-align: left;
  margin-left: 100px;
  margin-right: 100px;
}

#rulesect {
  text-align: left;
  color: #0000ff;
}

.dlpara {
  text-align: center;
  font-family: serif;
  font-size: 24px;
  color: #00ff00;
}

.rtpara {
  text-align: left;
  margin-left: 100px;
  margin-right: 100px;
}
.linkpara {
  text-align: center;
  font-family: serif;
  font-size: 24px;
  color: #00ff00;
}

#cptmt {
  font-family: "Cooper Black";
  color: #000099;
}

table {
  width: 80%;
  background-color: #330000;
  border: 1px solid #660000;
  font-size: 14px;
}

thead, tbody, tr, th, td {
  text-align: center;
  background-color: #330000;
  border: 1px solid #660000;
  padding: 4px;
}

.pgtitle {
  background-color: #99ccff;
  text-align: center;
  font-family: Air Millhouse  Italic;
  font-size: 32pt;
  color: #000099;
  margin: 6px;
}

#maindiv {
  background-color: #330000;
  color: #000099;
}

/***********************************************/
/*          Buttons and Dropdown Menu          */
/***********************************************/
.menubtn {
  background-color: #000099;
  color: #00ffff;
  margin: 5px;
  font-size: 16px;
  border: none;
  width: 154px;
  height: fit-content;
}

.menubtn:hover {
  background-color: #006080;
}

.dropbtn {
  background-color: #000099;
  color: #00ffff;
  font-size: 16px;
  border: none;
  height: fit-content;
}

.dropdown {
  position: inherit;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  font-size: 16px;
  background-color: #000099;
  width: 173px;
  box-shadow: 8px 16px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #ccffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #006080;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #006080;
}

.taboly {
  width: 400px;
}

.baroly {
  text-align: left;
  width: 160px;
}

/*****************************************************************************/
/* Display Media Screen Settings                                             */
/*****************************************************************************/

/* Extra small devices (phones, 320px and down) */
@media only screen and (max-width: 320px) {
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
}

/* Small devices (phones, 576px and up) */
@media only screen and (max-width: 320px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}