body { background-image: url(WyoLicensePlate_Bkg.jpg); background-repeat: repeat; }

@font-face {
  font-family: 'barbed_wiresregular';
  src: url('barbedwires-webfont.woff2') format('woff2'), url('barbedwires-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

#main { height: 80%; width:85%; margin: auto; }

#maincenter { background-color: #FCFAE6; width: 75%; margin: auto; padding-bottom: 2px; }

#titlearea { background-color: #a87103; width: 75%; margin: auto; box-shadow: 2px 5px 10px #CCCCC9; border-radius: 10px; }
#titlearea h2 { color: #fff; font-family: barbed_wiresregular, sans-serif; }

#subtitlearea { background-color: #a87103; width: 75%; margin: auto; box-shadow: 2px 5px 10px #CCCCC9; border-radius: 10px; }
#subtitlearea h2 { color: #fff; font-family: Gabriola, sans-serif; font-size: 30px; line-height: 30px; padding-top: -10px; }

#copyrightarea { background-color: #a87103; width: 25%; margin: auto; box-shadow: 2px 5px 10px #CCCCC9; border-radius: 10px; }
#copyrightarea h6 { color: #fff; font-family: Courier New; }

#SelectWyomingCenter { padding-bottom: 5px; margin: 0 auto; text-align:center; }

#BackToMainPage { width: 50%; max-width: 500px; margin: auto; padding-bottom: 5px; text-align: center; }
#BackToMainPage a { font-size: 18px; text-decoration: none; }

#wyomapdiv { height: 70%; width: 85%; margin: 0 auto; }
#wyomapdivcenter { height: 40%; width: 65%; max-width: 500px; margin: 0 auto; }

#centerdata { border: 2px solid; width: 75%; margin-top: 20px; padding-bottom: 10px; margin: 0 auto; border-collapse: collapse; background-color: #FFFFFF; }
#centerdata td { border-bottom: 1px solid; font-family: Courier New; font-size: 16px; }
#centerdata .row-data { background-color: DFDFDE; }
#centerdata .col-name { width: 18%; text-align: right; padding-left: 5px; padding-right: 5px; font-weight: bold; border-right: 1px solid; }
#centerdata .col-data { width: 78%; padding-left: 5px; padding-right: 5px; }

#citydata { border: 2px solid; width: 75%; margin-top: 20px; padding-bottom: 10px; margin: 0 auto; border-collapse: collapse; background-color: #FFFFFF; }
#citydata td { border-bottom: 1px solid; font-family: Courier New; font-size: 16px; }
#citydata .row-data { background-color: DFDFDE; }
#citydata .col-year { width: 15%; text-align: right; padding-left: 5px; padding-right: 5px; font-weight: bold; border-right: 1px solid; }
#citydata .col-address { width: 25%; padding-left: 5px; padding-right: 5px; border-right: 1px solid; }
#citydata .col-name { width: 60%; padding-left: 5px; padding-right: 5px; }

.CenterOpen    { color: green; font-weight: bold; }
.CenterWounded { color: pink;  font-weight: bold; }
.CenterDead    { color: red;   font-weight: bold; }

.ImageContainer { width: auto; margin: 5px; nowrap; display: flex; align-items: center; }
.ImageText { vertical-align: middle; float: left; }
.ImageLink { vertical-align: middle; float: left; }