html { font-size: 0.625em; height: 100%; margin: 0; padding: 0; }

body { font-size: 1.6rem; color: #444444; font-weight: 400; font-family: "Nunito Sans", sans-serif; -moz-osx-font-smoothing: grayscale; }
body.page { background-color: #eae9e6; background-repeat: repeat; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.mpContent ol, .mpContent ul, .reference-guide ol, .reference-guide ul { line-height: 1.88; }

.clickToEditDiv { font-size: 0; }

a { color: #444444; }
a:hover, a:focus { color: #444444; }

a:focus, button:focus, input:focus { outline-width: 2px; outline-style: solid; outline-color: Highlight; }
@media (-webkit-min-device-pixel-ratio: 0) { a:focus, button:focus, input:focus { outline-color: -webkit-focus-ring-color; outline-style: auto; } }

body.dynamicpageedit table { border-collapse: separate; }

html._Telerik_IE9, html._Telerik_IE9 body { width: 100% !important; height: 100% !important; }

h1 { font-family: "Playfair Display", serif; color: #33465d; font-size: 4rem; font-weight: 400; line-height: 1.325; margin-bottom: 0.3em; letter-spacing: 0; text-transform: none; }
@media (max-width: 767px) { h1 { line-height: 1.1; } }
.content .mpContent h1 { margin-bottom: 0.8em; text-align: center; }

h2 { font-family: "Playfair Display", serif; color: #33465d; font-size: 3rem; font-weight: 400; line-height: 1.333; margin-bottom: 1.3em; letter-spacing: 0; text-transform: none; }
.content .mpContent h2 { margin-bottom: 1.2em; }

h3 { font-family: "Playfair Display", serif; color: #33465d; font-size: 2.4rem; font-weight: 400; line-height: 1.666; margin-bottom: 2rem; letter-spacing: 0; text-transform: none; }

h4 { font-family: "Playfair Display", serif; color: #33465d; font-size: 2.1rem; font-weight: 700; line-height: 1.333333; margin-bottom: 0.6em; letter-spacing: 0; text-transform: none; }

h5 { font-family: "Playfair Display", serif; color: #33465d; font-size: 1.8rem; font-weight: 400; line-height: 1.333333; margin-bottom: 0.6em; letter-spacing: 0; text-transform: none; }

h6 { font-family: "Nunito Sans", sans-serif; color: #33465d; font-size: 1.4rem; font-weight: 600; line-height: 1.357; margin-bottom: 0.6em; letter-spacing: 0.2rem; text-transform: uppercase; }

p { margin: 0; font-family: "Nunito Sans", sans-serif; font-size: 1.6rem; color: #444444; letter-spacing: 0; line-height: 1.88; font-weight: 400; }
.mpContent p, .reference_guide p { margin: 0 0 1.88em; }
.mpContent h1 + p { margin-top: 2rem; }

.mpContent h1:last-child, .mpContent h2:last-child, .mpContent h3:last-child, .mpContent h4:last-child, .mpContent h5:last-child, .mpContent h6:last-child, .mpContent p:last-child { margin-bottom: 0; }

.abut, .table-button td a { font-family: "Nunito Sans", sans-serif; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; line-height: 1em; text-align: center; text-decoration: none; color: #415d7d; background-color: #fff; background-image: none; border: 2px solid #fff; border-radius: 0; padding: 21px 30px; margin: 0; display: inline-block; width: auto; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.abut:hover, .table-button td a:hover, .abut:focus, .table-button td a:focus, .abut:active, .table-button td a:active { text-decoration: none; background-color: #8e793d; border-color: #8e793d; color: #fff; }
.abut-secondary, .table-button-secondary td a { font-family: "Nunito Sans", sans-serif; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; line-height: 1em; text-align: center; text-decoration: none; color: #8e793d; background-color: transparent; border: 2px solid #8e793d; border-radius: 0; padding: 21px 30px; margin: 0; display: inline-block; width: auto; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.abut-secondary:hover, .table-button-secondary td a:hover, .abut-secondary:focus, .table-button-secondary td a:focus, .abut-secondary:active, .table-button-secondary td a:active { text-decoration: none; background-color: #8e793d; border-color: #8e793d; color: #fff; }
form[action*="ArticleEdit"] .abut, form[action*="ArticleEdit"] .table-button td a, .table-button td form[action*="ArticleEdit"] a { padding: .75rem 1.25rem; border: inherit; }

.sitewrap header .log-link.abut, .sitewrap header .table-button td a.log-link, .table-button td .sitewrap header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .table-button-secondary td .sitewrap header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .table-button td a.log-link, .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .table-button-secondary td a.log-link, .table-button-secondary td .modulewrap header a.log-link { min-width: 130px !important; }
@media screen and (max-width: 476px) { .sitewrap header .log-link.abut, .sitewrap header .table-button td a.log-link, .table-button td .sitewrap header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .table-button-secondary td .sitewrap header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .table-button td a.log-link, .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .table-button-secondary td a.log-link, .table-button-secondary td .modulewrap header a.log-link { width: 100% !important; min-width: 0 !important; } }

.modulesWrap .abut, .modulesWrap .table-button td a, .table-button td .modulesWrap a { margin: 2px; padding: 18px 39px 17px 39px; width: auto !important; letter-spacing: .1em; }
.modulesWrap .qFilterButton input.abut { padding: 11px 25px 10px !important; margin: 0; }

@media screen and (max-width: 425px) { .abut, .table-button td a { width: 100%; }
  .modulesWrap .abut, .modulesWrap .table-button td a, .table-button td .modulesWrap a { margin: 2px; padding: 5px 10px; width: auto !important; } }
.mobileButton { background-color: #fff; color: #415d7d; border-color: #e6e6e6; }
@media screen and (max-width: 367px) { .mobileButton { padding: 5px; }
  .mobileButton.searchButton { padding: 0 5px; } }

.table-button td a { margin: 15px; }

.table-button-secondary td a { margin: 15px; }