body { font-family: arial, sans-serif; font-size: 100%; color: black; margin: 0; }

.body-dec { background-image: url("images/blueback.png"); background-repeat: repeat-x; background-size: contain; }

.header { text-align: center; text-decoration: underline; font: bold 120% arial, sans-serif; margin-bottom: 10px; }
.mheader { display: none; }

.header-menu {display: none; }

.footer { text-decoration: none; font-family: arial, sans-serif; clear: left; }
.footer-menu { text-align: center; font-size: 75%; }
.footer-left { float: left; margin-left: 5px; }
.footer-right { float: right; margin-right: 5px; }

.fpmenus { text-align: left; width: 18%; height: 270px; float: left; vertical-align: top; padding: 5px;
border: 1px solid black; background-image: url('images/blueblend.png'); background-repeat: repeat-x; background-size: contain; }

.banner { background: steelblue; color: gold; margin: 10px 0px; font: italic 72px/92px playball, arial, sans-serif; }
.mbanner img { display: none; }

h2 { font: bold 100% arial, sans-serif; color: darkred; margin-top: 10px; }

.content { font-family: arial, sans-serif; margin: 10px; clear: left; }
.contentimg { float: left; margin: 5px; }

.left { width: 69%; float: left; }

.news { width: 69%; float: left; background-image: url("images/blueblend.png"); background-repeat: repeat-x;
background-size: contain; }

.right { margin-left: 70%; width: 30%; float: none; }

.picright { max-height: 100%; max-width: 100%; height: auto; width: auto; }

div .calendar { overflow: auto; height: 60em; font-size: small;
background-image: url("images/blueblend.png"); background-repeat: repeat-x;
background-size: contain; }

#eventslist table { border-collapse: collapse; background-image: url("images/blueblend.png"); background-repeat: repeat-x; }
#eventslist th, #eventslist td { border: 1px solid gray; }

.obitlist {background-image: url("images/blueblend.png"); background-repeat: repeat-x; }
.obitlist tr:nth-child(even) { background-color: #f2f2f2 }

p .ev { margin: 2px; }

.toggle, [id^=drop] { display: none; }
.active { background-color: royalblue; }

.navbar { margin: 0; padding: 0; background-color: steelblue; position: relative; }
.navbar:after { content: ""; display: table; clear: both; }
.navbar ul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 5;}
.navbar ul li { float: left; display: inline-block; background-color: steelblue; margin: 0px; }
.navbar a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }
.navbar a:hover { background-color: slateblue; }
.navbar ul ul { display: none; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); top: 45px; }
.navbar ul li:hover > ul { display: inherit; }
.navbar ul ul li { width: 180px; position: relative; display: list-item; float: none; }
.navbar ul li ul li:hover {background-color: slateblue; }

.bold { font-weight: bold; }

.smallnote { font-size: 60%; text-align: center; }

.tlentry { clear: left; }

.towermap { width: 70%; margin: 5px; float: left; position: relative; }

.twrimg { height: 300px; float: left; margin-bottom: 30px}

.mdiv { width: 500px; height: 300px; float: left; display: none; }

.sdiv { width: 250px; height: 250px; float: left; display: none; }

.ah { position: relative; left: 20px; display: none; }

.td { clear: left; padding-top: 10px; }

.tlist { float: left; padding-left: 15px; }

.bblist { border: 1px solid black; padding: 10px; }

.cuitem { display: none; }
.cvitem { }

.strikeresdiv8 { font-size: 80%; text-align: left; vertical-align: top; padding: 5px; float: left;
	width: 200px; height: 200px;}
.strikeresdiv6 { font-size: 80%; text-align: left; vertical-align: top; padding: 5px; float: left;
	width: 250px; height: 250px;}