body { }

html, form { height: 100%; }

a[href^="tel:"] { text-decoration: none; color: inherit; }

body { margin: 0px; height: 100%; background-color: #faf4e5; font-family: sans-serif, Arial; }

div.borderL { position: absolute; top: 0px; bottom: 0px; left: -20px; width: 20px; background-image: url(../../images/site/page-shadowL.png); background-repeat: repeat-y; }

div.borderR { position: absolute; top: 0px; bottom: 0px; right: -20px; width: 20px; background-image: url(../../images/site/page-shadowR.png); background-repeat: repeat-y; }

#header { height: 102px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; }

#header .left { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 50%; background-color: #002c73; }

#header .right { position: absolute; top: 0px; left: 50%; bottom: 0px; right: 0px; background-color: #cd9700; }

#banner { position: relative; height: 102px; width: 1140px; margin-left: auto; margin-right: auto; /*border-left:230px solid #003546;
    border-right:230px solid #cd9700;*/ }

#banner div.bannerL { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 870px; background-color: #002c73; }

#banner div.bannerR { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 270px; background-color: #cd9700; }

#banner div.searchBox { position: absolute; right: 5px; bottom: 12px; color: white; }

#banner div.phone { position: absolute; color: white; text-align: right; right: 300px; bottom: 18px; }

#banner div.phone a { color: #cd9700; }

#banner a.portal { position: absolute; right: 5px; font-size: large; top: 5px; color: #002c73; background-color: #d4d3d3; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; text-decoration: none; border-radius: 3px; border: thin outset #d4d3d3; text-shadow: 2px 2px 0px gray; }

#banner a.portal img { height: 20px; vertical-align: text-top; border-style: none; }

#banner div.phone img { margin-top: 8px; vertical-align: middle; }

#navbar { position: fixed; top: 102px; left: 0px; right: 0px; height: 31px; border-bottom: 2px solid #a5a5a5; background-color: #d4d3d3; z-index: 20; }

#pageBottom1 { position: relative; height: 181px; background-color: #9e9e9e; border-top: 5px solid #828282; }

#footer1 { height: 178px; width: 1140px; margin-left: auto; margin-right: auto; background-color: #9e9e9e; position: relative; color: #e0e0e0; font-size: small; }

#footer1 img:first-child { position: absolute; left: 0px; top: 0px; bottom: 0px; }

#footer1 .footNav { position: absolute; left: 300px; top: 35px; }

#footer1 .footNav nav { display: table; margin-top: 16px; }

#footer1 .footNav nav ul { display: table-cell; width: 200px; list-style-type: none; margin: 0px; padding: 0px; }

#footer1 ul li { margin-bottom: 3px; }

#footer1 .footNav nav ul li a { text-decoration: none; color: inherit; }

#pageBottom2 { position: relative; height: 24px; background-color: #002c73; }

#footer2 { background-color: #002c73; color: white; padding-top: 8px; padding-bottom: 8px; font-size: x-small; text-align: center; }

#contact { position: absolute; right: 220px; top: 35px; border-left: 1px solid white; border-right: 1px solid white; padding-left: 32px; padding-right: 32px; }

#contact div { margin-top: 16px; }

#social { position: absolute; top: 35px; right: 0px; width: 190px; }

#social div { margin-top: 10px; overflow: auto; }

#social a { }

#social div img { display: inline-block; margin-right: 8px; vertical-align: middle; position: relative !important; left: auto !important; width: 48px; height: 48px; border-style: none; }

#page { position: relative; width: 1140px; margin-left: auto; margin-right: auto; background-color: white; color: #4e4e4e; min-height: 100%; }

#pdf { position: absolute; top: 137px; bottom: 0px; width: 1140px; left: 50%; margin-left: -571px; z-index: 10; }

#pdf embed { width: 100%; height: 100%; margin-left: 0px; padding: 0px; z-index: 0 !important; }

#content { position: relative; padding-top: 635px; padding-bottom: 10px; padding-left: 28px; padding-right: 28px; z-index: 6; }

#content2 { position: relative; padding-top: 135px; padding-bottom: 10px; padding-left: 28px; padding-right: 28px; z-index: 6; }

#content2 div.dividerR { border-left: 2px dotted #cd9700; }

#content2 div.dividerL { border-right: 2px dotted #cd9700; }

#contentTop { margin-bottom: 32px; }

#contentTop img { width: 1084px; vertical-align: middle; border: 1px solid #cd9700; }

#content #contentLeft { display: inline-block; position: relative; width: 75.5%; box-sizing: border-box; vertical-align: top; }

#content2 #contentLeft { display: inline-block; position: relative; width: 75.5%; box-sizing: border-box; vertical-align: top; padding-right: 28px; }

#contentRight { display: inline-block; position: relative; width: 24%; vertical-align: top; box-sizing: border-box; padding-left: 28px; }

.disable { display: none !important; }

div.index { }

div.index div { display: inline-block; vertical-align: top; box-sizing: border-box; width: 350px; margin-left: 20px; }

div.index nav { position: relative; display: block; margin-bottom: 32px; }

div.index nav span { display: block; position: absolute; top: 0px; left: 0px; text-transform: capitalize; color: #0971EE; font-weight: bold; }

div.index nav a { display: block; margin-left: 32px; text-decoration: none; color: inherit; margin-bottom: 4px; }

div.index nav a:hover { color: royalblue; }

img.floatL { float: left; margin-right: 16px; vertical-align: top; }

div.boxcar { margin-bottom: 32px; position: relative; }

div.boxcar span { display: inline-block; vertical-align: top; border-left: 1px solid #cd9700; padding-left: 32px; padding-right: 32px; box-sizing: border-box; }

div.boxcar span img { width: 100%; height: auto; vertical-align: middle; }

div.boxcar span:first-of-type { padding-left: 0px; border-left-style: none; }

div.boxcar span a { text-decoration: none; }

div.faq { }

div.faq section { margin-bottom: 16px; }

div.faq section span:first-of-type { display: block; font-weight: bold; }

div.faq section span:last-of-type { display: block; font-style: italic; }

cite { background-color: yellow; color: red; display: none; }

section.photoWall { }

section.photoWall div { display: inline-block; width: 24.5%; height: 400px; box-sizing: border-box; padding-left: 5px; padding-right: 5px; font-size: small; vertical-align: bottom; }

section.photoWall div strong { display: block; }

section.photoWall div span { display: block; color: #0971EE; }

section.photoWall div em { display: block; }

section.photoWall div img { width: 100%; vertical-align: middle; }

section.photoWall div img.none { width: 100%; vertical-align: middle; margin-top: 132px; }

section.search { }

section.search > div { margin-bottom: 20px; border-bottom: 1px #dcdcdc solid; }

section.search img { width: 200px; }

section.register { background-color: aliceblue; display: inline-block; border-radius: 10px; border: 1px solid #cd9700; float: right; }

section.register > div { margin-bottom: 3px; margin-left: 10px; margin-right: 10px; }

section.register > div:last-of-type { text-align: right; margin-bottom: 10px; }

section.register > div:last-of-type input[type=button] { display: none; }

section.register > div:last-of-type input[type=checkbox]:checked ~ input[type=button] { display: inline; }

section.register > p { text-align: center; font-size: small; }

section.register h4 { background-color: #0971EE; color: white; margin: 0px; border-bottom: 3px solid #cd9700; padding: 3px; margin-bottom: 10px; border-radius: 10px 10px 0px 0px; text-align: center; }

section.register ul { list-style: none; }

section.register span { font-weight: bold; display: inline-block; margin-right: 5px; }

section.register span:first-of-type { width: 100px; text-align: right; }

section.register input[type=text] { width: 250px; }

section.register input[type=number] { width: 100px }

section.register input[type=email] { width: 250px; }

section.register input.required { background-color: yellow; }

div.slideshow { float: left; display: inline-block; box-sizing: border-box; width: 40%; height: auto; margin-right: 10px; margin-bottom: 10px; }
div.slideshow img { width: 100%; height: 100%; vertical-align: middle; }

div.expander > input[type=checkbox] {display:none;}
div.expander > header {background-color:gainsboro; border-radius:3px; padding:3px;
color:#0971EE; font-size:large; position:relative;
}
div.expander > header > label {position:absolute; right:3px; border:1px solid black; border-radius:10px;
height:20px; width:20px; text-align:center; color:black; box-sizing:border-box; font-size:15px; cursor:pointer;
}
div.expander > div {display:none; background-color:whitesmoke; padding:20px; border-top:1px solid silver;
border-radius:0 0 3px 3px;
}
div.expander > input[type=checkbox]:not(:checked) ~ header label:before { content: "\2190"; }
div.expander > input[type=checkbox]:checked ~ header label:before { content: "\2193"; }
div.expander > input[type=checkbox]:checked ~ div { display:block; }

ul.flow {
    display:flex;
    width:100%;
    padding:0;
    margin:0;
    flex-wrap:wrap;
}
ul.flow > li {
    display:block;
    width:350px;
    margin:20px;
    position:relative;
    flex-basis:350px;
    text-align:center;
}
ul.flow > li > img {width:100%; height:auto;}