body, div, p, td, ul, li, a, form { color: #000000; font-family: "Open Sans",sans-serif; font-size: calc(0.7em + 0.33vw); }
body { background-color: #eeeeee; }

#logo { max-width: 375px; }
#logo span { display: none; }
#logo a:hover { background:transparent; }
#ptitle { position: relative; top: 8px; font: normal bold 24px Verdana,Tahoma,Arial,sans-serif; margin-left: 15px; color: #ffffff; white-space: nowrap; }

.reddna { height: 76px; background: url(/common/images/dnasm.gif) repeat-x 0px 31px; }
a { text-decoration: none; color: blue; }
a:hover { color: maroon; background-color: #ccc; }

#buttons { position: absolute; right: 5%; margin-top: 4px; background-color: white; }
.button { display: inline-block; cursor: pointer; margin-right: 4px; }
.button  img { height: 16px; }

#facility { display: flex; flex-wrap: wrap; flex-direction:row; justify-content: center; align-items: flex-start; flex-shrink: 1; border: 1px solid maroon; border-top: none; max-width: 95vw; background-color: #ffffff; margin: 0 auto; padding-top: 12px; padding-bottom: 20px; }
#facility .column { display: flex; flex-wrap: wrap; flex-basis: 42%; flex-grow: 0; flex-shrink: 1; min-width: 200px; padding-top: 12px; }
#facility .column img { flex-shrink: 1; max-width: 500px; min-width: 0; }
.imageright { justify-content: left; align-items: center; padding-left: 30px; }
.imageleft { justify-content: right; align-items: center; padding-right: 30px; }
.textleft { padding-left: 50px; }
.redhead { font-family: Raleway; font-size: calc(1.3em + 0.33vw); color : maroon; font-weight : 600; margin: 0 0 10px 0; }
.facilitytxt { font-family: "Open Sans",sans-serif; font-size: calc(0.85em + 0.33vw); margin: 0 0 6px 6px; }
.facilitylist { font-family: "Open Sans",sans-serif; list-style-type: square; margin: 0 0 6px 20px; padding: 0; }
.facilitylist  li { font-size: calc(0.9em + 0.33vw); }

p.editor { text-align: center; }