:root {--ColorSiteBG: #f5f5f5;--ColorNavigationBG: #4f4f4f;--ColorContentBG: #ffffff;--ColorOverlay1: #ecebe9;--ColorOverlay2: #aeaeae;--ColorNavigationBorder: #0e0e0e;--ColorSiteText: #575757;--ColorLinkText: #4fb7e3;--ColorNavigationText: #ffffff;--ColorSectionHeaders: #001d29;--ColorCopyright: #5f5f5f;--ColorSiteBorder: #0e0e0e;}html, body { position:relative; height:100%; }
BODY  { font-size:10pt; font-family:Arial,Helvetica,Verdanda; color:#575757;}
TD  { font-size:10pt; font-family:Arial,Helvetica,Verdanda; color:#575757;}
TH  { font-size:10pt; font-family:Arial,Helvetica,Verdanda; color:#575757; font-weight:bold;}
A,A:Visited,A:Active,A:Hover  { color:#4fb7e3; /*text-decoration:underline;*/}
A.navlinks3,A.navlinks3:Visited,A.navlinks3:Active { text-decoration:none;}
A.navlinks3:Hover { text-decoration:underline;}
A.navlinks4,A.navlinks4:Visited,A.navlinks4:Active { text-decoration:none;}
A.navlinks4:Hover { text-decoration:underline;}
.sectiontitle  { font-weight:bold; color:#001d29;}
.sectiontitle2  { font-weight:bold; font-size:14pt; color:#001d29;}
.greyout  { /*color:#999999;*/    opacity:0.5;}
.navlinks  { font-weight:bold; color:#ffffff;}
.navlinks2  { font-weight:bold; color:ffffff; font-size:10pt;}
.navlinks3  { font-weight:bold; color:ffffff; font-size:10pt; text-decoration:none;}
.navlinks4  { font-weight:bold; color:#ffffff; font-size:10pt; text-decoration:none;}
A.navlinks  { font-weight:bold; color:#ffffff;}
A.navlinks:visited  { font-weight:bold; color:#ffffff;}
A.navlinks:active  { font-weight:bold; color:#ffffff;}
A.navlinks:hover  { font-weight:bold; color:#ffffff;}
A.navlinks2:visited  { font-weight:bold; color:#ffffff;}
A.navlinks2:active  { font-weight:bold; color:#ffffff;}
A.navlinks2:hover  { font-weight:bold; color:#ffffff;}
A.navlinks3:visited  { font-weight:bold; color:#ffffff;}
A.navlinks3:active  { font-weight:bold; color:#ffffff;}
A.navlinks3:hover  { font-weight:bold; color:#ffffff;}
A.navlinks4:visited  { font-weight:bold; color:#ffffff;}
A.navlinks4:active  { font-weight:bold; color:#ffffff;}
A.navlinks4:hover  { font-weight:bold; color:#ffffff;}
.title  { font-size:14pt; font-weight:bold; color:#4fb7e3;}
 h1, h2, h3, h4, h5, h6, h7 { color:#001d29; }
.bigboldblack  { font-size:12pt; font-weight:bold; color:#575757;}
.bigbold2  { font-size:12pt; font-weight:bold; color:#001d29;}
.bigbold  { font-size:10pt; font-weight:bold; color:#001d29;}
.revbigbold  { font-size:10pt; font-weight:bold; color:#ffffff;}
.smalltext  { font-size:10pt;}
.footertext  { font-weight:bold; font-size:8pt; color:#5f5f5f; margin-top:2em; text-align:center;}
A.footertext  { font-weight:bold; color:#5f5f5f;}
A.footertext:visited  { font-weight:bold; color:#5f5f5f;}
A.footertext:active  { font-weight:bold; color:#5f5f5f;}
A.footertext:hover  { font-weight:bold; color:#5f5f5f;}
.pages  { font-weight:bold; font-size:7pt; color:#ecebe9;}
.sectionbullet  { font-weight:bold; color:#ecebe9;}
.navcolorbuttons { font-size:8pt; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#001d29; color:#ffffff;}
.xml-icon {     padding:0px 3px 1px 3px;    margin:0;    text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background-color:#ff6600;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
.button-icon {     padding:0px 3px 1px 3px;    margin:0;    text-decoration:none; text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;    font-weight:bold;    color:#fff;    background-color:#cccccc;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
/* ----------- Version Upgrade Styles ----------------------- */
/* TEXT STYLES */
.EmphasisText {    color:#4fb7e3;    font-weight:bold;}
.CaptionText {    color:#001d29;    font-weight:bold;}
.ReverseText {    color:#ffffff;}
/* BOXES */
.ContainerBox {    border:1px solid #575757;     background-color:#ecebe9;     overflow:auto;}
.ContainerBoxClear {    border:1px solid #575757;     overflow:auto;}
.ContainerContentBG {    border:1px solid #ffffff;     overflow:auto;}
.ContainerBoxReverse,A.ControlBoxReverse:Link,A.ControlBoxReverse:Visited,A.ControlBoxReverse:Active,A.ControlBoxReverse:Hover {    border:1px solid #0e0e0e;     background-color:#{#ColorColorSiteText};     color:#ecebe9;    /*overflow:auto;*/}
.DataContainerBox {    border-top:1px solid #001d29;}
/* SYSTEM BUTTONS */
.StoreButton,A.StoreButton,A.StoreButton:Active,A.StoreButton:Visited {    padding:5px;    color:#ffffff;    border:1px solid #ffffff;    background-color:#ffffff;     font-size:9pt;    font-family:Arial,Helvetica,verdana;    font-weight:bold;    text-decoration:none;}
.A.StoreButton:Hover {    background-color:#ffffff;    color:#ffffff;}
.RSSBUTTON,A.RSSBUTTON,A.RSSBUTTON:Link,A.RSSBUTTON:Active,A.RSSBUTTON:Visited {    display:inline-block;    color:#ffffff;    text-decoration:none;    font-size:8pt;    border:1px solid #ae6103;    padding:2px 3px;    font-weight:bold;    background-color:#ffa02d;    padding:3px 5px 3px 5px;    }
A.RSSBUTTON:Hover{    color:#ffffff;    background-color:#ae6103;}
.SystemButtonLink,A.SystemButtonLink:Link,A.SystemButtonLink:Active,A.SystemButtonLink:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;    border:1px solid #0e0e0e;    background-color:#001d29;    color:#ecebe9;    width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLink:Hover {    background-color:#ecebe9;    color:#001d29;}
.SystemButtonLinkColor,A.SystemButtonLinkColor:Link,A.SystemButtonLinkColor:Active,A.SystemButtonLinkColor:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;      border:1px solid #0e0e0e;    background-color:#4fb7e3;    color:#ecebe9;     width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLinkColor:Hover {    background-color:#ecebe9;    color:#4fb7e3;}
A.PageNumberBlock,A.PageNumberBlock:Link,A.PageNumberBlock:Active,A.PageNumberBlock:Visited {    border:1px solid #0e0e0e;    background-color:#ecebe9;    color:#575757;    font-weight:bold;    text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
A.PageNumberBlock:Hover {    background-color:#ecebe9;    color:#575757;}
A.PageNumberBlockSelected,A.PageNumberBlockSelected:Link,A.PageNumberBlockSelected:Active,A.PageNumberBlockSelected:Visited,A.PageNumberBlockSelected:Hover {    border:1px solid #0e0e0e;    background-color:#575757;    color:#ecebe9;    font-weight:bold;   text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
/* CELLS AND BACKGROUNDS */
.CellColor1 {    background-color:#4f4f4f;}
.CellColor2 {    background-color:#ffffff;}
.CellColor3 {    background-color:#ecebe9;}
.CellColor4 {    background-color:#aeaeae;}
.CellColor7 {    background-color:#4fb7e3;}
.CellColor9 {    background-color:#001d29;}
/* FORM ELEMENTS */
input.SmallForm {    font-size:.8em;}
select.SmallForm {     font-size:.8em;}
textarea.SmallForm {     font-size:1em;}
input.SmallFormYellow {    font-size:.8em;    background-color:#feffcc;}
select.SmallFormYellow {     font-size:.8em;    background-color:#feffcc;}
input.LargeForm {    font-size:1.5em;}
select.LargeForm {    font-size:1.5em;}
textarea.LargeForm {    font-size:1.5em;}
.floatclear { display:block; height:0px; clear:both;}
.PNGFix {    behavior:url(/lib/css/iepngfix.htc);}
/* Version 5 Styles */
.divSiteLoader {    position:absolute;    top:0px;    bottom:0px;    left:0px;    right:0px;    z-index:9999;    font-size:48pt;    text-align:center;    color:#ffffff;    background-color:#000000;    opacity:0.5;}
a img {    border:0px;}
img {    /*max-width:100%;*/}
.divContentListBlock {    margin-bottom:1em;}
.divContentListBlock .title {    font-size:1em;    font-weight:bold;}
.textEmphasis {    color:#4fb7e3;}
.textSmaller {    font-size:0.9em;}
.textSmallest {    font-size:0.8em;}
.divSearchBar {    background-color:#ecebe9;    color:#575757;    font-weight:bold;    padding:1.5em 2em 1em;}
.divClearLine {    clear:both;}
.divFloatLine {    float:left;    margin-right:2em;}
.aButton {    display:inline-block;    padding:5px 10px;    font-size:1.2em;    background-color:#001d29;    color:#ecebe9;    cursor:pointer;}
.formApp {    margin:0px;    padding:0px;}
.formApp .caption {    font-size:0.8em; opacity:0.75;}
.formApp .caption, .formApp .field {    margin-bottom:0.5em;}
.formApp .field input[type=text], .formApp .field input[type=password], .formApp .field select, .formApp .field textarea {    padding:5px;    }
.formApp .field input[type=submit], .formApp .field input[type=button] {    padding:5px 10px;}
.formApp .textarea textarea {    width:90%;    min-height:75px;}
.formApp .controls {    margin-top:1em;}
.formApp .controls input[type=submit], .formApp .controls input[type=button], .formAppButton {    padding:9px 18px;    border:0px;    background-color:#4fb7e3;    color:#ffffff;}
.formApp .controls input[type=submit]:hover, .formApp .controls input[type=button]:hover, .formAppButton:hover {    color:#ffffff;    background-color:#001d29;}
.divBlogAuthorBox {    padding:15px;    margin:1em 0px;    background-color:#ecebe9;}
.appButton, a.appButton, a.appButtonLarge {   background-image:none; text-shadow:none; border:0px; padding:0.5em 1em;    border:0px;    background-color:#4fb7e3;    color:#ffffff;    font-size:0.8em;    text-decoration:none;    display:inline-block;    cursor:pointer;    text-align:center;}
.appButton:hover, a.appButton:hover, a.appButtonLarge:hover,.appButton:active, a.appButton:active, a.appButtonLarge:active,.appButton:focus, a.appButton:focus, a.appButtonLarge:focus .btn.appButton:hover {    color:#ffffff;    background-color:#001d29;}
a.appButtonLarge {    display:block;    padding:25px;    font-size:1.8em;    margin-bottom:0.5em;}
.btn.appButton, a.btn.appButton { padding:6px 12px; font-size:14px; }
a.appControl {    cursor:pointer;    text-decoration:none;}
.tableApp {    width:100%;    border:0px;    border-collapse: collapse;    border-collapse:separate;    border-spacing:1px;}
.tableApp th {    padding:8px;    text-align:left;    background-color:#001d29;    color:#ffffff;    font-size:0.9em;    margin:1px;}
.tableApp td {    padding:8px;    background-color:#ecebe9;    margin:1px;}
.divPrayerCounter {    display:inline-block;    font-size:10pt;}
.divShadeBox {    padding:15px;    background-color:#ecebe9;}
.divDropdown ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.divDropdown ul li {    display:inline-block;    *display:inline;    position:relative;}
.divDropdown ul li a {    display:inline-block;    text-decoration:none;}
.divDropdown ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.divDropdown ul li:hover ul {    display:block;    color:#ffffff;}
.divDropdown ul li ul li {    position:relative;    width:100%;}
.divDropdown ul li ul li a {    width:100%;white-space:nowrap;}
.divDropdown ul li ul li ul, .divDropdown ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li:hover ul {    display:block;}
.divDropdown ul li ul li ul li ul, .divDropdown ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li ul li:hover ul {    display:block;}
#TempTemplate .divDropdown ul li ul li a {    background-color:rgba(0,0,0,1);color:#ffffff; text-align:left;}
#TempTemplate .divDropdown ul li ul li a:hover {    background-color:rgba(50,50,50,1);color:#ffffff; text-align:left;}
.system-dropdown-menu ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.system-dropdown-menu ul li {    display:inline-block;    *display:inline;    position:relative;}
.system-dropdown-menu ul li a {    display:inline-block;    text-decoration:none;}
.system-dropdown-menu ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.system-dropdown-menu ul li:hover ul {    display:block;    color:#ffffff;}
.system-dropdown-menu ul li ul li {    position:relative;    width:100%;}
.system-dropdown-menu ul li ul li a {    width:100%;}
.system-dropdown-menu ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li a { white-space:nowrap; text-align:left; padding:0.5em 1em; background-color:rgba(0,0,0,.75); color:#ffffff; }
.tableCalendar {    width:100%;    border-collapse:collapse;}
.tableCalendar th {    width:14.28%;    font-size:0.8em;    background-color:#001d29;    color:#ffffff;    padding:5px;}
.tableCalendar td {    font-size:0.8em;    background-color:#ffffff;    margin:1px;    border:1px solid #ecebe9;    min-height:90px;}
.tableCalendar td.past {    background-color:#ecebe9;    color:#999999;}
.tableCalendar td.past a{    color:#999999;}
.tableCalendar td .monthDay {    text-align:right;    padding:5px;    background-color:#ecebe9;    color:#001d29;}
.tableCalendar .divCalendarMonthEntry {    padding:5px;}
.divCalendarOptionLinks {    font-size:0.9em;}
.divAppDirectorySummaryProfile { font-size:0.8em; }
.divAppDirectorySummaryProfile .profilePhoto {    float:left;    margin-right:25px;   margin-bottom:25px;}
.divAppDirectorySummaryProfile .profilePhoto a img {    border:0px;}
.divAppDirectorySummaryProfile .name{    font-weight:bold;    font-size:1.2em;}
.divAppDirectorySummaryProfile .name a {    text-decoration:none;}
.divAppDirectorySummaryProfile .name a:hover {    text-decoration:underline;}
.divAppDirectorySummaryProfile .jobTitle{    font-weight:bold;}
.divAppDirectorySummaryProfile .website{    font-weight:bold;}
.divAppDirectorySummaryProfile .email{   font-weight:bold;}
.divAppDirectorySummaryProfile .bioShort{    padding-right:25px;    margin-top:1em;    margin-bottom:1em;    font-size:0.9em;    overflow:hidden;}
.divAppDirectoryProfile {}
.divAppDirectoryProfile .profilePhoto{    float:right;    margin-left:25px;    margin-bottom:25px;}
.divAppDirectoryProfile h2.name {    margin:0px;}
.divAppDirectoryProfile .jobTitle {    font-weight:bold;    margin-bottom:1em;}
.divAppStorePages {    text-align:right;    font-size:14pt;}
.divAppStorePages .page {    display:inline-block;    padding:5px;}
.divAppStorePages .page:hover {}
.divAppStorePages .page a {    display:inline-block;}
.divBlogRollEntry {    margin-bottom:4em;}
.divBlogRollEntry h2 {    margin-bottom:0px;}
.divAppSubscriptions {    margin-bottom:1em;}
.divAppSubscriptions .name {    font-weight:bold;}
#divCollectionMessage {    position:absolute;    position:fixed;    top:0px;    bottom:0px;    left:0px;    right:0px;    background-image:url('/lib/common/images/collectionDivBG.png');    z-index:9998;}
#divCollectionMessageInner {    position:absolute;    top:0px;    left:0px;    width:800px;    height:600px;    background-color:#000000;    z-index:9999;    color:#ffffff;    padding:50px;    text-align:left;    font-size:12pt;    font-family:Arial,Helvetica,sans-serif;    line-height:normal;    overflow:auto;}
#divCollectionMessageInner h2 {    font-family:Arial,Helvetica,sans-serif;    color:#ff9999;    line-height:normal;}
#divCollectionMessageInner .buttonsProceed a {    display:inline-block;    padding:10px 20px;    background-color:#660000;    color:#ffffff;    text-decoration:none;}
#divCollectionMessageInner .buttonsProceed a:hover {    background-color:#330000;}
.divPost {    margin-bottom:1em;}
.divPost .image {    float:left;    margin:0px 10px 10px 0px;}
.divPost .image img {}
.divPost .postBody {    width:100%;}
.divPost .postTitle {    font-size:1.1em;    font-weight:bold;}
.divPost .post {    margin:0.25em 0px;}
.divPost .postDate {    color:#999999;    font-size:0.8em;}
.divSocialNetworkMessageBox {    margin-bottom:1em;    background-color:#ecebe9;    padding:15px 30px 15px 15px;}
.divSocialNetworkToolbar {    background-color:#ecebe9;    color:#ffffff;    margin-bottom:1em;    padding:15px;    position:relative;    white-space:nowrap;}
#divSocialNetworkSearchResults {    position:absolute;    height:250px;    bottom:-250px;    width:100%;    background-color:#001d29;    left:0px;    z-index:999;    overflow:auto;    display:none;}
#divSocialNetworkSearchResultsClose {    position:absolute;    left:0px;right:0px;    bottom:-275px;    z-index:9999;    text-align:right;    display:none;}
.divSocialNetworkToolbar .profileButton, .divSocialNetworkToolbar .signInButton {    float:left;}
.divSocialNetworkToolbar .signOutButton {    float:right;}
.divSocialNetworkToolbar .searchArea {    padding:0px 115px 0px 200px;}
.divSocialNetworkToolbar .signInArea {    float:left;}
.divSocialNetworkToolbar .searchArea input[type=text] {}
.divSocialNetworkToolbar .signInArea input[type=text], .divSocialNetworkToolbar .signInArea input[type=password] {    border:1px solid color:#999999;    padding:5px;    margin-right:5px;    vertical-align:middle;}
.divSocialNetworkMessageBox .photoArea {    float:left;}
.divSocialNetworkMessageBox .messageArea {    padding-left:65px;}
.divSocialNetworkMessageBox .caption {    margin-bottom:0.25em;    font-size:0.8em;}
.divSocialNetworkMessageBox form input[type=text] {    margin-bottom:0.5em;}
.divSocialNetworkMessageBox form input[type=text], .divSocialNetworkMessageBox form input[type=password], .divSocialNetworkMessageBox form textarea {    border:1px solid #999999;    font-family:Arial,Helvetica,sans-serif;    padding:5px;}
.divAppRacesSponsorshipLevel {}
.divAppRacesSponsorshipLevel .title {    font-size:1.2em;}
.divAppRacesSponsorshipLevel .instructions {    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose {    font-weight:bold;    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose input[type=radio] {    vertical-align:middle;}
.divFormCaption {    font-size:0.8em;    margin-bottom:0.5em;}
.divFormField {    margin-bottom:0.5em;}
.divFormField input[type=text], .divFormField input[type=password], .divFormField select, .divFormField textarea {    padding:5px;}
.divFormField textarea {    width:90%;}
.divFormField input[type=submit], .divFormField input[type=button] {    padding:10px 20px;}
.appLaunchButton {    padding:10px 20px;}
fieldset {    padding:25px;    margin-bottom:1em;}
fieldset legend {    font-weight:bold;    color:#999999;}
.requiredField:after {    content: ' *';    color:#4fb7e3;}
.divParallax {  background-attachment: fixed;  background-position: center center;  background-size: cover;}
.divTopBottomDivider {    padding:1em 0px;    margin:1em 0px;    border-top:1px solid #ecebe9;    border-bottom:1px solid #ecebe9;}
.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.fb_iframe_widget iframe {  width:100%;}
@media print {    .noprint {        display:none;    }}
@media screen and (max-width:420px) { .img-responsive { max-width:100% !important;} }
@media only screen and (max-width: 767px) { .divBlogAuthorBox h3 { text-align:center; } .divBlogAuthorBox img { margin:0px auto; } }
.flex-row {    display: flex;    flex-wrap: wrap;}
.flex-row > [class*='col-'] {    display: flex;    flex-direction: column;}
.flex-row.row:after, .flex-row.row:before {    display: flex;}
#divSiteModal {    position:fixed;     z-index:999;     top:0px;     bottom:0px;     left:0px;     right: 0px;     background-color:rgba(255,255,255,.95);     padding:2em;     display:none;    overflow:auto;}
#divSiteModalClose {    position:absolute;    right:15px;    top:15px;}
.wireframe-preview {    padding:2em 0px;    background-color:rgba(0,0,0,.10);    text-align:center;    color:rgba(0,0,0,.25);    font-size:0.8em;}
form.system-niceform  { padding:2em;border:1px solid rgba(0,0,0,.10);background-color:rgba(0,0,0,.05); } form.system-niceform label { opacity:0.75; font-size:0.8em; } form.system-niceform .btn { background-image:none; text-shadow:none; border:0px; } 
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger { color:#ffffff; }
.system-content-box { padding:2em;background-color:rgba(0,0,0,.05);margin-bottom:1em; }.system-content-box h3 { margin-top:0px; font-weight:bold; }img.system-spot-image, .system-spot-image img { border:1px solid rgba(0,0,0,.15); padding:2px; }.center-popup-content { height: 100%; width: 100%; max-width: 600px; max-height: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color:#ffffff; padding:2em; overflow:auto; }.center-popup-content .close-button { position:fixed; right:1em; top:1em; cursor:pointer;font-size:1.5em; }.center-popup-content .content {  }.center-popup-wrapper { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 99999; background: rgba(0, 0, 0, 0.9); display: flex; overflow: auto; flex-direction: column; opacity: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); visibility:hidden; }figure.auto-caption { margin-bottom:2em !important; width:100% !important; }figure.auto-caption figcaption { display:block;font-size:0.6em; text-align:center; padding:0.5em; color: rgba(150,150,150, 1); background-color:rgba(0,0,0,.05); }figure.auto-caption figcaption a { color: rgba(150,150,150, 1) !important; text-decoration:none; }.btn, .btn-primary, btn-success, .btn-danger, .btn-warning, .btn-info { background-image:none;text-shadow:none;border:0; }.btn-site, a.btn-site  { background-color:var(--ColorSectionHeaders);color:var(--ColorContentBG); }.btn-site:hover, a.btn-site:hover  { background-color:var(--ColorLinkText);color:var(--ColorContentBG); }.growEffect {  transition: all 0.25s ease; }.growEffect:hover {  -webkit-transform:scale(1.05); transform:scale(1.05); transition: all 0.25s ease; }.placeholder-16-9 { --w: 16; --h: 9; width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25); } .placeholder-9-16 { --w: 9; --h: 16;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-1-1 { --w: 1; --h: 1;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-crop { --fx: 50%; --fy: 50%; width: 100%; aspect-ratio: var(--w) / var(--h); position: relative; overflow: hidden; display: block; } .placeholder-crop > img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: var(--fx) var(--fy); display: block; }


/* Inherited Custom CSS from Template ID #13083 */

@charset "utf-8";
/* CSS Document */

/******** GALLERY STYLES ********/
.photoalbum { width:100%;margin:0 auto;text-align:center; }
.photopic {
width:150px;
height:100px;
margin:1px;
float:left;
display:block;
overflow:hidden;
}

/******** LAYOUT STYLES ********/

h3 {
font-size:56px;
font-stretch:narrower;
color:#71b900;
line-height:1.1em;
margin:0 0 25px;
text-transform:uppercase;
text-align:center;
}
h2 {
font-size:26px;
font-stretch:narrower;
color:#001d29;
margin:5px 0;
text-transform:uppercase;
line-height:1.1em;
}
a.greenbutton {
display:block;
background-color:#71b900;
color:#fff;
font-size:16px;
font-stretch:narrower;
letter-spacing:1px;
text-align:center;
padding:10px;
text-transform:uppercase;
width:180px;
float:right;
margin-top:25px;
}
a.greenbutton:hover {
background-color:#304809;
color:#71b900;
}
.articleEntry-green { margin:0 0 25px; }
.articleEntry-blue { margin:0 0 25px; }
.bluebutton2 {
display:block;
background-color:#4fb7e3;
color:#fff;
font-size:16px;
font-stretch:narrower;
letter-spacing:1px;
text-align:center;
padding:10px;
text-transform:uppercase;
width:120px;
color:#004765;
float:right;
}
.bluebutton2:hover {
background-color:#004765;
color:#4fb7e3;
}

/******** MAIN TEMPLATE STYLES ********/

body {
background-color:#f5f5f5;
margin:0;
padding:0;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.4em;
color:#575757;
}
img { border:none; }
.clear { clear:both; }
a { color:#4fb7e3;text-decoration:none; }
a:hover { color:#004765;text-decoration:none; }

/* ----- TOP BAR STYLES ----- */
#topBarDiv {
width:100%;
background-color:#138cbf;
padding:3px 0;
color:#fff;
text-transform:uppercase;
position:fixed;
z-index:999;
border-bottom:1px solid #fff;
}
#topBarDiv2 {
width:100%;
background-color:#71b900;
padding:3px 0;
color:#fff;
text-transform:uppercase;
position:fixed;
z-index:999;
border-bottom:1px solid #fff;
}
#sepBar { height:27px; }
#topBar { width:960px;margin:0 auto; }
#topBar-left { width:480px;float:left; }
#topBar-right { width:480px;float:left; }
#topLinks, #topLinks2 {
list-style:none;
margin:0;
padding:0;
position:relative;
color:#fff;
text-align:right;
}
#topLinks li, #topLinks2 li {
display:inline-block;
*display:inline;
margin:0;
padding:0;
position:relative;
border-left:1px solid #fff;
}
#topLinks li:first-child, #topLinks2 li:first-child { border:none; }
#topLinks li a, #topLinks2 li a {
display:inline-block;
color:#fff;
padding:0 5px;
}
#topLinks li a:hover { color:#b6ddee; }
#topLinks2 li a:hover { color:#cdf490; }

/* ----- MAIN BODY STYLES ----- */
#mainBodyDiv { width:996px;margin:0 auto; }

/* ----- LEFT COLUMN STYLES ----- */
#mainBodyDiv-left {
width:384px;
float:left;
}
.sitelogo { width:384px;height:auto; }
#leftNavBox-Blue {
width:302px;
padding:41px;
background-color:#138cbf;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNav, #leftNav2 {
list-style:none;
margin:0;
padding:0;
position:relative;
}
#leftNav li {
display:block;
margin:0;
padding:0;
position:relative;
border-top:1px solid #7ac8ef;
}
#leftNav li:first-child, #leftNav2 li:first-child { border:none; }
#leftNav li a, #leftNav2 li a {
display:block;
color:#fff;
padding:8px 0;
}
#leftNav li a:hover { color:#7ac8ef; }
#leftNavBox-Green {
width:302px;
padding:41px;
background-color:#71b900;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNav2 li {
display:block;
margin:0;
padding:0;
position:relative;
border-top:1px solid #c9ff74;
}
#leftNav2 li a:hover { color:#c9ff74; }
#contactDiv { width:384px;background-color:#036a96;margin:1px 0; }
#contactDivForm {
width:302px;
padding:0 41px 41px;
font-size:15px;
font-stretch:narrower;
text-transform:uppercase;
color:#fff;
}
#contactDivForm div { margin:2px 0; }
.contactInputText {
padding:5px;
width:292px;
}
.contactInputTextArea {
padding:5px;
width:292px;
}
.contactInputSubmit {
padding:10px 25px;
text-transform:uppercase;
font-stretch:narrower;
float:right;
margin:15px 0 0;
background-color:#003354;
color:#fff;
font-size:12px;
border:none;
}
.contactInputSubmit:hover { background-color:#fff;color:#003354; }
#socialDiv {
width:302px;
padding:41px;
background-color:#004765;
color:#fff;
font-size:20px;
text-transform:uppercase;
font-stretch:narrower;
font-weight:bold;
}
#socialDiv img { margin-right:4px; }
#quoteDiv2 { display:none; }
#contactDiv2 { display:none; }
#socialDiv2 { display:none; }

/* ----- RIGHT COLUMN STYLES ----- */
#mainBodyDiv-right {
width:540px;
padding:36px;
float:left;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
}
#contentDiv-Blue {
width:540px;
margin:0 auto;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Green {
width:540px;
margin:0 auto;
padding:1px 0 0;
border-top:8px solid #71b900;
background-color:#fff;
}
.rightsideTextBlock {
width:460px;
padding:40px;
}
.rightsideTextBlock2 {
width:460px;
padding:0 40px;
}
.rightsideTextBlock h1 {
font-stretch:narrower;
font-size:56px;
color:#138cbf;
text-transform:uppercase;
line-height:0.5em;
margin:0 0 0;
}
.rightsideTextBlock h1 span.smalldarkblue {
font-size:26px;
color:#001d29;
}
a.bluebutton {
display:block;
background-color:#4fb7e3;
color:#fff;
font-size:16px;
font-stretch:narrower;
letter-spacing:1px;
text-align:center;
padding:10px;
text-transform:uppercase;
width:120px;
}
a.bluebutton:hover {
background-color:#004765;
color:#4fb7e3;
}

/* ----- LIST ITEM STYLES ----- */
#list-green {
list-style-image:url(/images/arrow-green.png);
list-style-position:outside;
padding:0;
}
#list-green li {
color:#575757;
border-top:1px solid #575757;
vertical-align:top;
padding:15px 0;
}
#list-green li:first-child { border-top:none; }
#list-green li a { color:#9acc00; }
#list-green li a:hover { color:#000; }

#list-blue {
list-style-image:url(/images/arrow-blue.png);
list-style-position:outside;
padding:0;
}
#list-blue li {
color:#575757;
vertical-align:top;
padding:5px 0;
}
#list-blue li a { color:#0096d6; }
#list-blue li a:hover { color:#000; }

/* ----- FOOTER STYLES ----- */
.footertext {
text-align:center;
font-size:11px;
line-height:1.3em;
color:#5f5f5f;
padding:0 0 25px;
width:100%;
}
.footertext a { color:#5f5f5f;padding:0; }
.footertext a:hover { color:#000; }

/*********************************************/
/*********************************************/
/*********************************************/

/* Smaller than standard 1000 (devices and browsers) */
@media only screen and (max-width: 1006px) {
#topBar { width:100%;margin:0; }
#topBar-left {
width:49%;
padding-left:1%;
float:left;
}
#topBar-right {
width:49%;
padding-right:1%;
float:left;
}
#mainBodyDiv { width:100%;margin:0; }
#mainBodyDiv-right {
width:53%;
padding:3%;
float:left;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
}
#contentDiv-Blue {
width:100%;
margin:0 auto;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Blue {
width:100%;
margin:0 auto;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#71b900;
}
.rightsideTextBlock {
width:85%;
padding:7%;
}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
#topBar { width:100%;margin:0 auto; }
#topBar-left {
width:49%;
padding-left:1%;
float:left;
}
#topBar-right {
width:49%;
padding-right:1%;
float:left;
}
#mainBodyDiv { width:100%;margin:0 auto; }
#mainBodyDiv-right {
width:50%;
padding:3%;
float:left;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
}
#contentDiv-Blue {
width:100%;
margin:0 auto;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Blue {
width:100%;
margin:0 auto;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#71b900;
}
.rightsideTextBlock {
width:85%;
padding:7%;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#mainBodyDiv-left {
width:100%;
float:none;
}
.sitelogo { width:100%;height:auto; }
#leftNavBox-Blue {
width:96%;
padding:2%;
background-color:#138cbf;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNavBox-Green {
width:96%;
padding:2%;
background-color:#71b900;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#mainBodyDiv-right {
width:97%;
padding:1%;
margin:0 auto;
float:none;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
}
#contentDiv-Blue {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Green {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #71b900;
background-color:#fff;
}
.rightsideTextBlock {
width:85%;
padding:7%;
}
.rightsideTextBlock2 {
width:85%;
padding:0 7%;
}
#quoteDiv { display:none; }
#contactDiv { display:none; }
#socialDiv { display:none; }
#quoteDiv2 {
display:block;
width:100%;
}
#contactDiv2 { display:block;width:100%;background-color:#036a96;margin:1px 0; }
#contactDivForm2 {
display:block;
padding:0 5% 5%;
font-size:15px;
font-stretch:narrower;
text-transform:uppercase;
color:#fff;
}
#contactDivForm2 div { margin:2px 0; }
.contactInputText2 {
padding:5px;
width:90%
}
.contactInputTextArea2 {
padding:5%;
width:90%;
}
#socialDiv2 {
display:block;
width:100%;
background-color:#004765;
color:#fff;
font-size:20px;
text-transform:uppercase;
font-stretch:narrower;
font-weight:bold;
}
#socialDiv2 div { padding:5%; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
#mainBodyDiv-left {
width:100%;
float:none;
}
.sitelogo { width:100%;height:auto; }
#leftNavBox-Blue {
width:96%;
padding:2%;
background-color:#138cbf;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNavBox-Green {
width:96%;
padding:2%;
background-color:#71b900;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#mainBodyDiv-right {
width:97%;
padding:1%;
margin:0 auto;
float:none;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
}
#contentDiv-Blue {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Green {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #71b900;
background-color:#fff;
}
.rightsideTextBlock {
width:85%;
padding:7%;
}
.rightsideTextBlock2 {
width:85%;
padding:0 7%;
}
#quoteDiv { display:none; }
#contactDiv { display:none; }
#socialDiv { display:none; }
#quoteDiv2 {
display:block;
width:100%;
}
#contactDiv2 { display:block;width:100%;background-color:#036a96;margin:1px 0; }
#contactDivForm2 {
display:block;
padding:0 5% 5%;
font-size:15px;
font-stretch:narrower;
text-transform:uppercase;
color:#fff;
}
#contactDivForm2 div { margin:2px 0; }
.contactInputText2 {
padding:5px;
width:90%
}
.contactInputTextArea2 {
padding:5%;
width:90%;
}
#socialDiv2 {
display:block;
width:100%;
background-color:#004765;
color:#fff;
font-size:20px;
text-transform:uppercase;
font-stretch:narrower;
font-weight:bold;
}
#socialDiv2 div { padding:5%; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#mainBodyDiv-left {
width:100%;
float:none;
}
.sitelogo { width:100%;height:auto; }
#leftNavBox-Blue {
width:96%;
padding:2%;
background-color:#138cbf;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNavBox-Green {
width:96%;
padding:2%;
background-color:#71b900;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:28px;
line-height:1.4em;
text-transform:uppercase;
}
#mainBodyDiv-right {
width:100%;
padding:1% 0 0;
margin:0 auto;
float:none;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
}
#contentDiv-Blue {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Green {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #71b900;
background-color:#fff;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
h3 { font-size:40px; }
#topBar-left {
width:100%;
padding:1% 0 0;
text-align:center;
float:none;
font-weight:bold;
font-size:1.5em;
}
#topBar-right {
width:100%;
padding:5px 0;
text-align:center;
float:none;
}
#topLinks, #topLinks2 { text-align:center; }
#mainBodyDiv-left {
width:100%;
float:none;
}
.sitelogo { width:100%;height:auto; }
#leftNavBox-Blue {
width:100%;
padding:0;
background-color:#138cbf;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:20px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNavBox-Green {
width:100%;
padding:0;
background-color:#71b900;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:20px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNav li, #leftNav2 li { padding:0 5%; }
#mainBodyDiv-right {
width:100%;
padding:0;
float:none;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
margin:0;
}
#contentDiv-Blue {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Green {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #71b900;
background-color:#fff;
}
.rightsideTextBlock {
width:85%;
padding:7%;
}
.rightsideTextBlock2 {
width:85%;
padding:0 7%;
}
}
@media only screen and (max-width: 340px) {
h3 { font-size:40px; }
#topBar { width:99%;margin:0;padding:0; }
#topBar-left {
width:100%;
padding:0;
text-align:center;
float:none;
font-weight:bold;
font-size:1.5em;
}
#topBar-right {
width:100%;
padding:5px 0;
text-align:center;
float:none;
}
#topLinks { text-align:center; }
#mainBodyDiv { width:100%;margin:0;padding:0; }
#mainBodyDiv-left {
width:100%;
margin:0;
padding:0;
float:none;
}
.sitelogo { width:100%;height:auto; }
#leftNavBox-Blue {
width:100%;
padding:0;
background-color:#138cbf;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:20px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNavBox-Green {
width:100%;
padding:0;
background-color:#71b900;
color:#fff;
font-stretch:narrower;
font-weight:bold;
font-size:20px;
line-height:1.4em;
text-transform:uppercase;
}
#leftNav li, #leftNav2 li { padding:0 5%; }
#mainBodyDiv-right {
width:100%;
padding:0;
float:none;
background-image:url(/images/MainBodyBG.jpg);
background-position:left top;
background-repeat:repeat;
background-attachment:fixed;
margin:0;
}
.rightsideTextBlock h1 {
font-stretch:narrower;
font-size:35px;
color:#138cbf;
text-transform:uppercase;
line-height:0.5em;
margin:0 0 0;
}
.rightsideTextBlock h1 span.smalldarkblue {
font-size:15px;
color:#001d29;
}
#contentDiv-Blue {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #138cbf;
background-color:#fff;
}
#contentDiv-Green {
width:100%;
margin:2px 0;
padding:1px 0 0;
border-top:8px solid #71b900;
background-color:#fff;
}
.rightsideTextBlock {
width:85%;
padding:7%;
}
.rightsideTextBlock2 {
width:85%;
padding:0 7%;
}
}


/* Custom CSS from Template ID #13084 */