html { position: fixed; position: absolute!important; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; /* }

.statelyGold { */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8dd52+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f8dd52 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f8dd52)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* IE10 preview */
	background: linear-gradient(135deg, #ffffff 0%,#f8dd52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8dd52',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; box-sizing: content-box; font-family: 'Rufina', serif; font-size: 10px; /* overflow: hidden; }

.statelyGold { */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8dd52+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f8dd52 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f8dd52)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* IE10 preview */
	background: linear-gradient(135deg, #ffffff 0%,#f8dd52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8dd52',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.statelyGold {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8dd52+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f8dd52 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f8dd52)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#f8dd52 100%); /* IE10 preview */
	background: linear-gradient(135deg, #ffffff 0%,#f8dd52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8dd52',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gold3D { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.redGloss { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e9+0,dedede+17,c7c7c7+50,c13a3a+51,d34141+59,ef4c4c+71,c13a3a+84,892626+100 */
	background: rgb(233,233,233); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(233,233,233,1) 0%, rgba(222,222,222,1) 17%, rgba(199,199,199,1) 50%, rgba(193,58,58,1) 51%, rgba(211,65,65,1) 59%, rgba(239,76,76,1) 71%, rgba(193,58,58,1) 84%, rgba(137,38,38,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(233,233,233,1) 0%,rgba(222,222,222,1) 17%,rgba(199,199,199,1) 50%,rgba(193,58,58,1) 51%,rgba(211,65,65,1) 59%,rgba(239,76,76,1) 71%,rgba(193,58,58,1) 84%,rgba(137,38,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(233,233,233,1) 0%,rgba(222,222,222,1) 17%,rgba(199,199,199,1) 50%,rgba(193,58,58,1) 51%,rgba(211,65,65,1) 59%,rgba(239,76,76,1) 71%,rgba(193,58,58,1) 84%,rgba(137,38,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#892626',GradientType=0 ); /* IE6-9 */
}

header { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 200px; background: url(../images/new-header.jpg) #000 center right no-repeat; background-size: cover; }
header p { position: absolute; display: inline-block; z-index: 5; text-align: center; margin: 0; padding: 0.25em; top: 0.5em; right: calc(50vw - 500px + 1em); background-color: #ce050b; border: 1pt outset #531; font-size: 1.5em; font-weight: bold; color: #eee; text-transform: uppercase; 
	-o-box-shadow: -5px 5px 5px rgb(0 0 0 / 75%);
	-ms-box-shadow: -5px 5px 5px rgb(0 0 0 / 75%);
	-moz-box-shadow: -5px 5px 5px rgb(0 0 0 / 75%);
	-webkit-box-shadow: -5px 5px 5px rgb(0 0 0 / 75%);
	box-shadow: -5px 5px 5px rgb(0 0 0 / 75%);
}
header p span { position: relative; display: block; margin: 0; padding: 0 1em; width: 12.5em; }
header p button { margin-top: 0.25em; background-color: #ee0; font-size: 1em; color: #444; text-transform: uppercase; }
header div { width: auto; height: auto; overflow: hidden; }

/* Ticker */

$duration: 30s;

@-webkit-keyframes ticker {
  0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); }
}

@keyframes ticker {
  0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); }
}

.ticker-wrapper { position: absolute; z-index: 1; left: calc(50% - 310px); right: 20px; top: 0; width: calc(50% + 300px); height: 38px; margin: 10px; overflow: hidden; border-radius: 20px; padding-left: 100%; background-color: rgba(160,0,0,0.75); border: 1px outset #c00; }

.ticker { position: absolute; display: inline-block; width: calc(100% - 210px); height: 38px; line-height: 38px; white-space: nowrap; padding-right: 100%;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear; animation-timing-function: linear;
	-webkit-animation-name: ticker; animation-name: ticker;
	-webkit-animation-duration: 30s; animation-duration: 30s;
}
  
.ticker__item { position: absolute; display: inline-block; z-index: 2; width: auto; padding: 0 2rem; font-family: Arial,Helvetica,Sans,sans-serif; font-size: 18px; font-weight: bold; color: white; }
/* End Ticker */

/* header div div.ticker { position: absolute; display: block; top: 0; right: 0; width: calc(100% - 200px); height: 3rem; line-height: 3rem; margin: 1rem 0; padding: 0.5rem 1rem; font-family: Arial, Helvetica, Sans, sans-serif; font-size: 20px; font-weight:bold; color: white; list-style-type: none; background-color: rgba(160,0,0,0.33); border: 1px outset #c00; border-radius: 10px; text-shadow: 0 1px 1px #222; overflow: hidden; white-space: nowrap; } */
header div div div.ticker__item a { text-decoration: none; color: #f80; }
header img { position: absolute; display: block; top: 0; left: calc(50% - 500px); width: 200px; height: 200px; background: url(../images/clientLogo.png) transparent center center no-repeat; background-size: contain; }
header h1 { position: absolute; display: block; z-index: 1; top: 28%; left: calc(50% - 300px); width: 800px; height: auto; font-size: 40px; color: white; font-weight: bold; text-shadow: 0 4px 4px #000; }
header hr { position: absolute; display: block; z-index: 0; top: 47.5%; left: calc(50% - 300px); width: 800px; height: 8px; border: 0; border-bottom: 8px solid #ce050b; color: #e7b76e; box-shadow: 0 2px 4px 0 #222; }

a:hover { color:red; text-decoration: none; }

nav { position: absolute; display: block; top: 200px; left: 0; width: 100%; height: 29px; padding: 0 calc((100% - 1000px)/2);background-color: #ce050b; text-align: center; border-top: 1px outset #000; border-bottom: 2px outset #800; }
nav a { position: relative; display: inline-block; width: auto; height: 100%; padding: 2px 8px; font-size: 14px; font-weight: bold; font-variant: small-caps; text-decoration: none; color: white; border: 2px solid transparent; text-shadow: 0 1px 0 #222, 0 1px 2px #422; }
nav a:hover { background-color: #f8dd52; color: #000; border: 2px solid #e7b76e; text-decoration: none; text-shadow: none; }
nav a.active, nav a:hover { background-color: #f00; }
nav select { display: none; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); padding-left: 32px; background: url(../images/menu-icon.png) transparent center left no-repeat; background-size: contain; border: 1px solid #700; font-size: 20px; font-weight: bold; color: white; }
nav select option { background-color: #700; color: #ccc; font-size: 17px; }
/* nav select option:selected { background-color: rgb(248,221,82); color: #222; } */
nav select option:checked, nav select:hover { position: absolute; content: attr(title); left: 0; width: 100%; background: rgb(248,221,82); color: #222; outline-color: rgb(248,221,82); box-shadow: inset 20px 20px rgb(248,221,82); border: none; }
nav select option:active { background-color: transparent; }

nav.subNav { position: relative; display: inline-block; top: auto; left: auto; height: auto; padding: 0; text-align: left; border: none; background-color: transparent; }
nav.subNav label { display: inline-block; float: left; color: white; font-size: 18px; line-height: 32px; color: #222; }
nav.subNav select.jumpToCat { display: inline-block; position: relative; top: auto; left: auto; width: auto; height: auto; float: left; color: #222; padding: 0; margin-left: 10px; background: none; }


aside { position: absolute; display: block; top: 242px; bottom: 110px; width: calc(50% - 520px); border: 2px outset #ce050b; background-color: #000; min-width: 120px; max-width: 300px; }

.skyscraperNull { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ce050b+100 */
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(206,5,11,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(206,5,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(206,5,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ce050b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
aside:first-of-type { left: 10px; }
aside:last-of-type { right: 10px; }

article { position: absolute; display: block; top: 242px; bottom: 110px; left: calc(50% - 500px); right: calc(50% - 500px); padding: 0; margin: 0; width: 1000px; height: calc(100% - 352px); border: none; font-family: 'Marcellus SC', serif; overflow: hidden; }
article section ul { height: 100%; margin: 0; padding: 0; overflow-y: auto; }
article.multi { overflow-y:auto; }
article.multi section { height: auto; }
article.multi section ul { height: auto; overflow: unset; }
section { height: calc(100% - 5px); padding: 22px; margin-bottom: 16px; border: 2px outset #ccc; background-color: rgba(192,192,192,0.33); 
	-webkit-box-shadow: 0px 8px 4px -4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 8px 4px -4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 8px 4px -4px rgba(50, 50, 50, 0.75);
}
section:last-of-type { margin: 0 0 8px; }
section img.picture { display: inline-block; margin-left: 4px; margin-right: 24px; float: left; width: 224px; height: auto; background: url(../images/roger-herin.jpg) black center center no-repeat; background-size: contain; border: 2px outset #cb050b; box-shadow: 2px 2px 2px #222; }
section img.picture.blank { width: 220px; height: 220px; background: none; background-color: rgba(192,192,192,0.15); border: 1px inset transparent; box-shadow: none; }
section h1 { display: inline-block; width: auto; padding: 2px 20px; margin: 0 0 10px; background-color: #840505; color: white; font-weight: bold; border: 1px outset #700; box-shadow: 4px 4px 4px #222; }
section h1 small { color: #eee; }
section h2 { display: inline-block; width: auto; padding: 2px 20px; margin: 0 0 10px; background-color: #840505; color: white; font-weight: bold; border: 1px outset #700; box-shadow: 4px 4px 4px #222; }
section p { padding: 10px 20px; margin: 0 /* 0 10px */;  font-size: 24px; font-weight: bold; }
/* section p:last-of-type { margin: 0; } */
section p a { color: #222; text-transform: uppercase; text-decoration: none; }
section p a:hover { color: red; text-shadow: 0 0 4px gold; }
section p a.agency { color: #222; text-transform: none; text-decoration: none; display: block; }
section p a.agency:hover { color: #555; }

section dl { margin-bottom: 0; }
section dt { position: relative; display: inline-block; float: left; width: 224px; height: 100%; margin-left: 4px; margin-right: 24px; }
section dt img { display: block; float: none; height: 296px; margin: 0; }
section dt img.picture { 
	transform: matrix3d(0.98,0,0.17,0.0005,0.00,1,0.00,0,-0.17,0,0.98,0,0,0,0,1);
	-webkit-transform: matrix3d(0.98,0,0.17,0.0005,0.00,1,0.00,0,-0.17,0,0.98,0,0,0,0,1);
	transform-origin: center center 0px; 
	transition: all 0.2s ease 0s;
	-webkit-transform-origin: center center 0px; 
	-webkit-transition: all 0.2s ease 0s;
}
section dd { position: relative; display: inline-block; width: calc(100% - 256px); height: 100%; }
section dd p { text-shadow: 0 0 5px #fff; }

section.officers { background: url(../images/officer-background.png) center center no-repeat; background-size: cover; }
section.officers.blank { background-image: url(../images/noshadow-background.png); }
section.officers dl dd p a.phone { padding-left: 36px; background: url(../images/call-phone.png) transparent center left no-repeat; background-size: 30px 30px; }
section.officers dl dd p a.email { padding-left: 36px; background: url(../images/email.png) transparent center left no-repeat; background-size: 30px 30px; }

section.linkCombo { display: none; height: calc(100% - 56px); background: url(../images/noshadow-background.png) center center no-repeat; background-size: cover; }
section.linkCombo.active { display: block; }
section.linkCombo dl { height: 100%; }
section.linkCombo dt { width: 100%; margin-right: 0; height: auto; }
section.linkCombo dt.shadow h2 { position: absolute; bottom: -20px; height: 0; padding: 0 20px; overflow: hidden; border: 1px solid rgba(112,112,112,0.5); background-color: transparent; }
section.linkCombo dd { width: 100%; height: calc(100% - 56px); }
section.linkCombo dd p { height: 100%; overflow-y: auto; }
section.linkCombo dd p a:hover { display: inline-block; width: 100%; color: red; text-shadow: 0 0 4px sandybrown; text-decoration: none; background-color: #c00; }

section.minutes { display: inline-block; width: 100%; }
section.minutes label { position: relative; display: inline-block; float: left; margin: 2px 20px; padding: 5px 20px; font-size: 26px; }
section.minutes select { position: relative; display: inline-block; float: left; margin: 2px 20px; padding: 7px 20px; font-size: 26px; }
section.minutes button { position: relative; display: inline-block; float: left; margin: 2px 20px; padding: 5px 20px; font-size: 26px; }

FORM { position: relative; display: inline-block; z-index: 999; }
FORM DIV { position: relative; display: inline-block; float: left; }
FORM DIV.agencyHeader { width: 100%; margin: 10px 0; }
.agencyHeader h3 { display: inline-block; width: calc(100% - 80px); padding: 0; margin: 3px 0; font-size: 32px; font-weight: bold; border: none; line-height: 64px; vertical-align: middle; }
.agencyHeader img { position: relative; display: inline-block; float: left; width: 64px; height: auto; border: none; margin-right: 10px; }
FORM DIV.text { width: 49.5%; }
FORM DIV.text25 { width: 24.5%; }
FORM DIV.text66 { width: 66.1%; }
FORM DIV.text75 { width: 74.5%; }
FORM DIV.phone { width: 49.5%; }
FORM DIV.url { width: 100%; }
FORM DIV.email { width: 49.5%; }
FORM DIV.choiceyn { width: 21.5%; }
FORM DIV.fee { width: 77.5%; }
FORM DIV.textbox { width: 100%; }
FORM DIV LABEL { width: calc(100% - 8px); padding: 0 4px; background-color: #800; color: white; font-weight: bold; font-size: 12px; border: 1px outset #500; }
FORM DIV P { padding: 0; margin-bottom: 6px; }

FORM.contact { position: relative; display: inline-block; width: 100%; padding: 5px; }
FORM.contact label { position: relative; display: inline-block; float: left; width: 40%; margin-bottom: 10px; }
FORM.contact input[type="TEXT"] { position: relative; display: inline-block; float: left; width: 59%; margin-bottom: 5px; }
FORM.contact textarea { width: 100%; height: 6rem; margin-bottom: 10px; }

.itm {
    display: block;
    padding: 1vw;
    margin: 0;
    width: 100%;
    background-color: #f8d520;
    border: 1px solid #333;
}

.itm ul.heading {
    display: block;
    padding: 0;
    margin: 0 0 1vw 0;
    color: white;
    font-weight: bold;
    border: 1px outset #700;
    list-style-type: none;
}

.itm ul.eos { background-color: #e8c510; }

.itm li {
    position: relative;
    display: inline-block;
    width: calc(81.5% / 2);
    text-align: left;
    font-size: 2rem;
    margin: 0 1% 0.25vw 1%;
    padding: 0;
    font-weight: bold;
}

.itm li.p3 { marin-left: 0; max-width: 12%; }

.itm ul.heading li {
    background-color: #840505;
    margin: 0;
    padding: 0 0 0 1vw;
    width: calc(88% / 2);
}

.itm ul.heading li.p3 { marin-left: 0; max-width: 12%; }

.itm li small {
    color: #555;
}

.itm li a {
    font-weight: bold;
    font-size: 2rem;
    color: #f30;
}

A.pdf { display: inline-block; padding-left: 40px; min-height: 32px; margin-bottom: 10px; line-height: 32px; background: url(../images/pdficon.png) transparent left center no-repeat; background-size: auto 100%; }
A.ppt { display: inline-block; padding-left: 40px; min-height: 32px; margin-bottom: 10px; line-height: 32px; background: url(../images/ppt.gif) transparent left center no-repeat; background-size: auto 100%; }
A.docx { display: inline-block; padding-left: 40px; min-height: 32px; margin-bottom: 10px; line-height: 32px; background: url(../images/docx.png) transparent left center no-repeat; background-size: auto 100%; }
A.firetruck { position: relative; display: inline-block; width: 42px; height: 42px; margin: 10px; border: 1px outset darkgoldenrod; border-radius: 5px; background-color: #a98; background-size: contain; background-size: 80% auto; background-repeat: no-repeat; background-position: center center; }
A.firetruck.active { border: 1px inset yellow; background-color: white; }

.fireMarshalCaptcha { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+10,ce050b+90 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(206,5,11,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(206,5,11,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(206,5,11,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ce050b',GradientType=0 ); /* IE6-9 */
}

footer { position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 97px; background-color: #ce050b; color: white; border-top: 2px inset #800; border-bottom: 1px inset #000; /* }

.marshalFooter { */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce050b+0,000000+100 */
	background: rgb(206,5,11); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(206,5,11,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(206,5,11,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(206,5,11,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce050b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* Inserting Calendar 2 Stylesheet From mFPD */

main.calendar2 {
    position: absolute;
    display: block;
    top: 248px;
    bottom: 112px;
    padding: 0 calc(50% - 500px);
    overflow-y: auto;
}

main.calendar2 article {
    position: relative;
    display: block;
    z-index: 0;
    margin: 0;

/*  padding: 0; */
    left: 0;
    padding: 0 calc(50% - 500px);

    width: calc(100% - 2px);
    height: auto;
    border: 1px solid transparent;
}

.calendar2 ul { 
    position: relative; 
    display: block; 
/*  margin: 1.25vw 15%;     */
    margin: 1.25vw 0;
    padding: 0; 
/*  width: 70%;             */
    width: 100%;
    list-style-type: none; 
}
.calendar2 li { 
    position: relative; 
    display: inline-block; 
    text-align: center; 
    vertical-align: top; 
    margin: 0;
    padding: 0.667vw 0.5vw; 
    width: calc((100% / 5.5) - 3vw); 
    min-height: 12.5vw; 
    background-color: #edd; 
}

#filter {
    border: 1px dashed #333;
    color: #333;
    padding: 0 1vw;
}

.calendar2 button {
    font-size: 1.625vw;
    font-weight: bold;
}

/* .calendar2 li:hover { background-color: #ffd; } */

.calendar2 li:nth-child(7n) {
	-o-box-shadow: 0.1875vw 0.1875vw 0.5vw rgba(0,0,0,0.5);
	-ms-box-shadow: 0.1875vw 0.1875vw 0.5vw rgba(0,0,0,0.5);
	-moz-box-shadow: 0.1875vw 0.1875vw 0.5vw rgba(0,0,0,0.5);
	-webkit-box-shadow: 0.1875vw 0.1875vw 0.5vw rgba(0,0,0,0.5);
	box-shadow: 0.1875vw 0.1875vw 0.5vw rgba(0,0,0,0.5);
}
.calendar2 li:nth-child(7n + 1),
.calendar2 li:nth-child(7n + 2),
.calendar2 li:nth-child(7n + 3),
.calendar2 li:nth-child(7n + 4),
.calendar2 li:nth-child(7n + 5),
.calendar2 li:nth-child(7n + 6) {
    -o-box-shadow: 0 0.75vw 0.75vw -0.75vw #000;
    -ms-box-shadow: 0 0.75vw 0.75vw -0.75vw #000;
    -moz-box-shadow: 0 0.75vw 0.75vw -0.75vw #000;
    -webkit-box-shadow: 0 0.75vw 0.75vw -0.75vw #000;
    box-shadow: 0 0.75vw 0.75vw -0.75vw #000;
}
.calendar2 li.dowHead { min-height: 1vw; background-color: #6c1315; font-weight: bold; color: white; font-size: 1.0625vw; }
/* .calendar2 li.dowHead:hover { background-color: #6c1315; } */

.calendar2 select { 
    position: relative; 
    display: inline-block; 
    vertical-align: top; 
    margin: 0 1vw 1.5vw 0; 
    padding-left: 3vw;
    min-width: 0; 
    max-width: none; 
    width: calc(50% - 3vw); 
    font-size: 4vh; 
    background-color: transparent; 
    border: none; 
    box-shadow: none; 
}

.calendar2 p { position: absolute; display: block; top: 0; left: 1vw; font-size: 1.5vw; font-weight: bold; }

.calendar2 ul ul { position: absolute; display: none; margin: 2.6vw 0 0 0; padding: 0; width: 70%; }
.calendar2 ul ul:first-of-type { display: block; }

.calendar2 li span {
    position: relative;
    display: block;
    text-align: left;
    font-family: 'Neuton',Times,serif;
    font-size: 1.5vh;
}

.calendar2 li span:first-of-type { color: #6c1315; }
.calendar2 li span:nth-child(2) { text-align: right; font-weight: bold; }
.calendar2 li span.calMore { margin: 0.25vw 0 0 0; padding: 0.1875vw 1vw; background-color: #500; border: 2px outset #500; font-weight: bold; color: white; }
.calendar2 li span.ctf { display: block; font-size: 0.85vw; color: #333; }
.calendar2 li button { position: relative; display: block;  margin: 0.25vw auto 0 auto; padding: 0.1875vw 1vw; background-color: #500; border: 2px outset #500; font-size: 0.85vw; font-weight: bold; color: white; }
.calendar2 > ul > button { margin-top: 2.15vw; margin-bottom: 1.5vw; width: calc(50% - 3vw); }
.calendar2 li button.minutes { z-index: 2; }
.calendar2 li button:hover { background-color: #ffd; border-color: #ffd; color: #531; }

ul.calList {
    position: relative;
    display: block;
    text-align: left;
    margin: 0;
    padding: 0.5vw;
    width: auto;
    max-width: calc(100% - 1vw);
    list-style-type: none;
    background-color: #eee;
    border: 2px solid #a00;
    box-shadow: 0 2.5vw 2.5vw -2vw #555;
    -o-box-shadow: 0 2.5vw 2.5vw -2vw #555;
    -webkit-box-shadow: 0 2.5vw 2.5vw -2vw #555;
    -ms-box-shadow: 0 2.5vw 2.5vw -2vw #555;
    -moz-box-shadow: 0 2.5vw 2.5vw -2vw #555;
    line-height: normal;
    min-height: 0;
}

ul.calList dd {
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 0;
    background-color: #a00;
    color: white;
}

.calendar2 ul.calList dd {
    position: relative;
    display: block;
}

ul.calList dd p { position: relative; display: block; margin: 0 0.5vw 0 0; padding: 0; width: 100%; max-width: calc(100% - 1vw); left: auto; }
ul.calList dd p span { position: relative; display: block; float: left; padding: 0 1vw 0 0; background-color: transparent; color: white; font-size: 1.333vw; }

.calList dd p button {
    float: right;
    font-size: 1.25vw;
    padding: 0.0625vw 0.5vw;
    color: #444;
    border-radius: 0.5vw;
    background-color: lightgoldenrodyellow;
}

.calendar2 ul.calList dl {
    position: relative;
    display: block;
    font-weight: normal;
}

.calendar2 ul.calList dl p {
    position: relative;
    display: block;
    padding: 0 1vw 0 15vw;
    font-weight: normal;
    width: 100%;
    font-size: 1.25vw;
}


ul.calList dl button:first-of-type { margin-left: 19.5vw; }


/* Media Calls */

@media screen and (max-width: 1368px) {
	aside { display: none; }
}

@media screen and (max-width: 1024px) and (max-height: 768px) {
	.ticker-wrapper { left: 200px; width: calc(100% - 220px); }
	header h1 { width: 800px; }
}

@media screen and (max-width: 999px) {
	aside { display: none; }
	header { width: 100%; height: 23.5%; }
	header div { left: 0; right: 0; }
	header div.ticker-wrapper { left: 0; right: 0; width: 100%; margin: 0; }
	header div ul { left: 10px; right: 10px; width: calc(100% - 20px); }
	header img { background-size: contain; left: 0; width: 20%; height: 100%; }
	header h1 { /* top: 25%; width: 80%; */ top: 15%; left: 20%; width: 50%; }
	header hr { /* top: 45%; top: 36%; */ top: 59%; left: 20%; /* width: 77%; */ width: 63%; height: 6px; }
	nav { width: 100%; }
	nav a { font-size: 12px; font-variant: none; text-transform: uppercase; letter-spacing: -1.2px; text-shadow: 0 1px 0 #222, 0 1px 1px #422; }
	article { width: calc(100% - 20px); left: 10px; right: 10px; padding: 0; }
	section { width: 100%; }
	section h1 { font-size: 32px; }
	section p { font-size: 20px; line-height: 120%; }
	footer { width: 100%; }
}

@media screen and (max-width: 855px) {
	header h1 { width: 63%; }
	header hr { }
	nav a { font-size: 11px; font-variant: none; text-transform: none; letter-spacing: -0.5px; text-shadow: 0 1px 0 #222, 0 1px 1px #422; }
	section { padding: 11px; }
	section h1 { font-size: 28px; }
	section p { font-size: 16px; }
}

@media screen and (max-width: 750px) {
	nav select{ display: block; font-size: 18px; }
	nav a { display: none; }
}

@media screen and (max-width: 740px) and (orientation: landscape) {
	header p { display: none; }
	header h1 { top: 10%; margin: 0; font-size: 36px; width: 60%; }
/*	header h1 { top: 0; margin: 0; font-size: 36px; } */
	header hr { border-bottom: 4px solid #ce050b; top: auto; bottom: 4px; margin: 0; }
	nav { top: 23.5%; }
	nav select{ display: block; font-size: 18px; }
	nav a { display: none; }
	article { top: calc(23.5% + 35px); left: 5px; right: 5px; width: calc(100% - 10px); height: calc(71.5% - 60px); }
	section { padding: 5px; margin-bottom: 10px; }
	section h1 { font-size: 24px; padding: 1px 10px; box-shadow: 2px 2px 2px #222; margin: 0 0 5px; }
	section p { font-size: 14px; padding: 5px 10px; }
	footer { height: 10%; background-color: #000; }
}

@media screen and (max-width: 680px) {
	header p { display: none; }
	header h1 { top: 23%; width: 47%; font-size: 26px; }
	header hr { top: 50%; width: 50%; border-bottom: 5px solid #ce050b; }
}

@media screen and (max-width: 650px) {
	section img.picture { margin-top: 16px; margin-right: 16px; width: 80px; height: 100px; }
	.agencyHeader h3 { font-size: 16px; line-height: 100%; margin: 10px 0; }
	FORM DIV.text, FORM DIV.text25, FORM DIV.phone, FORM DIV.url, FORM DIV.email, FORM DIV.choiceyn, FORM DIV.fee, FORM DIV.textbox { width: 100%; }
	FORM DIV.agencyHeader h3 { line-height: 64px; margin: 0; }
	section.officers { background-image: url(../images/noshadow-background.png); }
	section.officers dl dd h2 { font-size: 17px; width: 100%; box-shadow: 0 8px 4px -4px #222; border: 1px solid #400; }
	section.officers dl dd p a.phone { background-size: 15px 15px; padding-left: 20px; }
	section.officers dl dd p a.email { background-size: 15px 15px; padding-left: 20px; }
	a.pdf { margin: 0; }
	section p img { width: 100px; float: none; margin-left: calc(50% - 60px); }
	section.minutes label { width: calc(100% - 40px); text-align: center; font-size: 24px; }
	section.minutes select { width: calc(100% - 40px); text-align: center; font-size: 24px; }
	section.minutes button { width: calc(100% - 40px); text-align: center; font-size: 24px; }
	section.linkCombo dl dt h2 { font-size: 17px; width: 100%; box-shadow: 0 8px 4px -4px #222; border: 1px solid #400; }

}

@media screen and (max-width: 650px) and (orientation: landscape) {
	header h1 { font-size: 34px; }
}

@media screen and (max-width: 540px) and (orientation: portrait) {
	header h1 { width: 60%; }
	header hr { width: 60%; border-bottom: 4px solid #ce050b; }
}

@media screen and (max-width: 420px) and (orientation: portrait) {
	header div.ticker-wrapper { height: 24px; }
	header div.ticker { height: 24px; line-height: 24px; width: calc(100% + 210px); }
	header div.ticker__item { font-size: 14px; padding: 0 0.5rem; }
	header div.ticker__item a { font-size: 14px; }
	header img { width: 40%; left: 3%; }
	header li { font-size: 13px; }
	header h1 { left: 45%; font-size: 30px; top: 10%; width: 45%; }
	header hr { top: auto; bottom: -3%; border-bottom: 2px solid #ce050b; left: 45%; width: 52%; }
	nav { top: 23.5%; height: 40px; }
	nav a { display: none; }
	nav select { display: block; }
	nav.subNav label { padding: 0 10px; }
	nav.subNav select.jumpToCat { width: 100%; margin: 0; margin-bottom: 10px; }
	article { top: calc(23.5% + 45px); height: calc(76.5% - 110px); left: 5px; right: 5px; width: calc(100% - 10px); }
	section { padding: 5px; }
	section h1 { width: 100%; text-align: center; font-size: 16px; box-shadow: 0px 6px 3px -3px rgba(50, 50, 50, 0.75); }
	section p { padding: 5px 10px; font-size: 13px; line-height: 120%; }
	section dl dt { width: 100%; height: auto; margin: 0; }
	section dl dt img.picture { width: 60%; height: auto; margin-left: 20%; margin-right: 20%; margin-bottom: 20px; -webkit-transform: unset; }
	section dl dt img.picture.blank { display: none; }
	section dl dd { width: 100%; }
	section dl dd p { padding-left: 17.5%; }
	section.linkCombo { height: calc(100% - 90px); }
	section.linkCombo dl dd p { padding: 0; }
	section.linkCombo dl dd p a { padding: 5px 10px; display: inline-block; }
	footer { height: 60px; }
}

@media screen and (max-height: 420px) and (orientation: landscape) {
	header h1 { top: 5%; }
}

@media screen and (max-width: 412px) and (orientation: portrait) {
	header h1 { left: 45%; font-size: 30px; top: 5%; width: 52%; }
}

@media screen and (max-width: 360px) and (orientation: portrait) {
	header h1 { font-size: 26px; }
}
@media screen and (max-width: 320px) and (orientation: portrait) {
	header h1 { margin: 0; font-size: 24px; top: 15%; }
}
@media screen and (max-height: 320px) and (orientation: landscape) {
	header h1 { top: 5%; width: 60%; font-size: 28px; }
}

@media screen and (max-width: 650px)and (max-height: 420px) {
	header h1 { top: 25%; font-size: 26px; width: 77%; }
	header hr { top: 52%; width: 77%; }
}

@media screen and (max-width: 570px)and (max-height: 320px) {
	header h1 { top: 25%; font-size: 24px; width: 77%; }
	header hr { top: 52%; width: 77%; }
}