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 { display: none; }
.mheader { text-align: center; text-decoration: underline; }
.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; width: 20% }
.footer-right { display: none; }

.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: 3px 0px; font: italic 24px/32px playball, arial, sans-serif; }

.banner img { display: none; }
.mbanner img { float: left; }

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

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

.left { float: left; }
.news { float: left; }
.right { float: left; }
.picright { display: none}

div .calendar { overflow: auto; }

.eventslist { padding: 3px; border: 2px solid gray; }

.obitlist tr:nth-child(even) { background-color: #f2f2f2 }

p .ev { margin: 2px; }

html { font-size: 100%; }

/* keep this lot in order */
.active { background-color: royalblue; }
.navbar { margin: 0; padding: 0; border: 1px; background-color: steelblue; position: relative; }
.navbar a { color: white; text-align: left; padding: 7px 10px; text-decoration: none; display: block; }
.navbar a:hover { background-color: slateblue; }
[id^=drop]:checked + ul { display: block; }
.navbar ul { list-style: none; margin: 0; padding: 0; position: relative; }
.navbar ul li { display: block; background-color: steelblue; width: 100%; }
.navbar ul ul { display: none; float: none; position: static; }
.navbar ul ul .toggle, .navbar ul ul a { padding-left: 40px; }
.navbar ul ul li { width: 100%; display: block; padding-left: 10px; }
.navbar ul li ul li .toggle, .navbar ul ul a {background-color: steelblue; padding: 14px 16px; }
.toggle, [id^=drop] { display: none; }
.toggle { display: block; color: white; text-align: left; padding: 14px 16px; text-decoration: none; }
.toggle:hover { background-color: slateblue; }
.toggle + a, .menu { display: none; }

.bold { font-weight: bold; }

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

.tlentry { clear: left; }

.towermap { width: 90%; margin: 5px; float: left; position: relative; }
.twrimg { display: none; }
.mdiv { width: 100%; float: left; }
.sdiv { display: none; }

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

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

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

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

.bblist { border: 1px solid black; }

.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;}