html {height: 100%; font-size: 16px !important;}
body {margin:0; color: black; background-color: white; font-size: 16px; height: 100%;}
img {border-style:none;}
a {color: #ed1c24; text-decoration: underline;}
a:hover {color: #ed1c24; text-decoration: none;}
a.WhiteLink,
a.WhiteLink:hover {color: white;}
h1 {font-family: 'Open Sans', sans-serif; font-size: 24px; color: #223645; text-transform: uppercase; font-weight: bold;}
h2 {font-family: 'Open Sans', sans-serif; font-size: 20px; color: #ed1c24; text-transform: uppercase; font-weight: bold;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 18px; color: black; font-weight: bold; font-style: italic;}
h4 {font-family: 'Open Sans', sans-serif; font-size: 18px; color: white; font-weight: bold; font-style: italic;}

.color-white, 
.color-white:hover,
.color-white:active {color: white;}
.color-red, 
.color-red:hover,
.color-red:active {color: #ed1c24;}
.color-blue, 
.color-blue:hover,
.color-blue:active {color: #223645;}
.color-gray, 
.color-gray:hover,
.color-gray:active {color: #e3e3e3;}
.color-black, 
.color-black:hover,
.color-black:active {color: black;}

.font-OpenSans {font-family:'Open Sans', sans-serif;}

/*.ViewArea {padding: 0; height: 100%;}
@media (min-width: 768px) and (max-width: 991px) {
  .ViewArea {padding: 0; height: 100%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ViewArea {width: 992px; padding: 0; height: 100%;}
}
@media (min-width: 1200px) {
  .ViewArea {width: 1100px; padding: 0; height: 100%;}
}*/
.PrintArea {width: 720px;}

.LogoBar {min-height: 160px; max-height: 160px; background-color: #e3e3e3;}
.LogoBar .Logo {margin-top: 20px;}
.LogoBar .Contact {
    color: black;
    text-align: right;
    font-weight: bold;
    font-style: italic;
}

.NavigationBar {background-color: black;}
.NavigationBar .Pnav .NavItem div {color: white; display: inline-block; min-height: 55px; line-height: 55px; padding: 0 8px; font-family:'Open Sans', serif; font-size: 18px;}
.NavigationBar .Pnav .NavItem:hover div,
.NavigationBar .Pnav .NavItem.active div {color: #ed1c24;}
.NavigationBar .Pnav .Spacer {display: inline-block; width: 32px;}
@media (min-width: 768px) and (max-width: 991px) {
    .NavigationBar .Pnav .NavItem div {font-size: 16px;}
    .NavigationBar .Pnav .Spacer {width: 4px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .NavigationBar .Pnav .Spacer {width: 24px;}
}
@media (min-width: 1200px) {
    .NavigationBar .Pnav .Spacer {width: 32px;}
}
.OffsetBar {
    text-align: right;
}
.OffsetBar .Onav .NavItem div {
    color: #ed1c24;
    display: inline-block;
    min-height: 55px;
    line-height: 55px;
    padding: 0 8px;
    font-family: 'Open Sans', serif;
    font-size: 18px;
    font-weight: bold;
}
.OffsetBar .Onav .NavItem.nav-button div {
    background-color: #ed1c24;
    color: white;
    border-radius: 10px;
    display: inline-block;
    min-height: 18px;
    line-height: 18px;
    padding: 10px 14px;
    font-family: 'Open Sans', serif;
    font-size: 18px;
    font-weight: bold;
}
.OffsetBar .Onav .NavItem:hover div,
.OffsetBar .Onav .NavItem.active div {
    color: #ed1c24;
    font-style: italic;
}
.OffsetBar .Onav .NavItem.nav-button:hover div {
    color: white;
    font-style: italic;
}
.OffsetBar .Onav .Spacer {
    display: inline-block;
    width: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .OffsetBar .Onav .NavItem div {
        font-size: 16px;
    }
    .OffsetBar .Onav .Spacer {
        width: 4px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .OffsetBar .Onav .Spacer {
        width: 24px;
    }
}
@media (min-width: 1200px) {
    .OffsetBar .Onav .Spacer {
        width: 24px;
    }
}

.XSnav .NavItem div,
.XSnav .NavItem:visited div {padding: 10px 26px; color: #002646; border-bottom: 1px solid #002646; text-align: left;}
.XSnav .NavItem:active div,
.XSnav .NavItem:focus div,
.XSnav .NavItem:hover div,
.XSnav .NavItem.active div {background-color: #223645; color: white;}

.FooterBar {background: #e3e3e3 url('/images/FooterBG.png') top center repeat; padding-top: 30px;}
.FooterBar a {color: white;}
.FooterBar .fnav {font-style: italic;}

.LoginFrame {position: absolute; top: 170px; left: 20px;}
@media (min-width: 768px) {
    .LoginFrame {top: 210px; left: 100px;}
}
.Login {
    color: white;
    background-color: rgba(34,54,69, 0.9);
    margin: 39px 0 0 0;
    padding: 20px;
}


.BodyHeader .Hmpg {
    height: 390px;
    background: #e3e3e3 url('/images/HmpgMainImg.png') top center;
    width: 100%;
}
.BodyHeader .Content {
    padding: 0;
    width: 100%;
}
.BodyHeader .PageHeaderBar {height: 200px; max-height: 200px; background-color: #e3e3e3; position: relative; overflow: hidden;}
.BodyHeader .PageHeaderBar .Image {margin: 0 auto;}

.BodyContent {background-color: #e3e3e3;}
.BodyContent .QuickLinks {background-color: white; padding: 20px;}
.BodyContent .QuickLinks a {text-decoration: none; font-weight: bold; font-size: 105%;}
.BodyContent .QuickLinks a:hover {text-decoration: underline;}
.BodyContent .QuickLinks .NavItem {padding: 12px 0 12px 0;}
.BodyContent .QuickLinks .NavItem:first-child {padding-top: 0;}
.BodyContent .QuickLinks .NavItem:last-child {padding-bottom: 0;}
.BodyContent .QuickLinks .Divider {border: 1px solid #e3e3e3; margin: 0;}

.BodyContent .Tagline {
    color: #ed1c24;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.BodyContent .Content {padding: 0; width: 100%;}
.BodyContent .ContentNotFound {border: 3px solid #002646; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; padding:2px; text-align: center; margin: 20px 0;}
.BodyContent .ContentNotFound div {border: 1px solid #002646; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:40px;}

    .BodyContent .breadcrumb-nav {
        background-color: #c3c3c3;
        padding: 6px 0;
        font-size: smaller;
        font-weight: bold;
        width: 100%;
    }

.BodyContent .Content .card-header .title {
    font-size: 130%;
    font-weight: bold;
}

.data-form .data-form-label {
    font-weight: bold;
    margin-bottom: 6px;
    text-align: left;
}

@media (min-width: 768px) {
    .data-form .data-form-label {
        text-align: right;
    }
}

.data-form .data-form-label label {
    margin-bottom: 0;
}

.data-form .data-form-value {
    font-weight: normal;
    margin: 2px 0 16px 0;
    text-align: left;
}

.data-form .data-form-control {
    margin-bottom: 6px;
}

.data-form .data-checklist input + label {
    padding-left: 8px;
}

.data-form .error-div {
    text-align: right;
}

    .data-form .error-div div {
        border: 1px solid red;
        border-radius: 5px;
        background-color: rgba(216, 2, 12, 0.05);
        padding: 4px;
        color: red;
        display: inline-block;
        margin: 6px 0;
    }

.Snav {width: 100%; height: 100%; background: url('/images/SnavRpt.png') top left repeat-y; background-size: contain; padding: 40px 0 80px 0;}
.Snav .Title {font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; color: #ed1c24; background-color: white; text-transform: uppercase; text-align: left; padding: 6px 20px;}
.Snav .Text {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; color: #ed1c24; background-color: white; text-align: left; padding: 6px 20px;}
.Snav .Item .ClickArea {padding: 10px 20px; color: #ed1c24; background-color: white; font-weight: bold; font-size: 18px; border-bottom: 2px solid #e3e3e3;}
.Snav .Item.indent .ClickArea .Text {padding-left: 30px;}
.Snav .Item.indent .ClickArea {}
.Snav .Item.active .ClickArea,
.Snav .Item:hover .ClickArea {color: #223645; font-weight: bold; font-style: italic;}

.ContactForm {background-color: #223645; color: #223645; padding: 30px; margin-bottom: 40px;}
.ContactForm .FieldHeader {color: white; font-size: 20px; font-weight: bold; font-family:'Open Sans', sans-serif; text-transform: uppercase; text-align: left;}
.ContactForm .FieldHeader.Small {color: white; font-size: 14px; font-weight: bold; font-family:'Open Sans', sans-serif; text-transform: uppercase;}
@media (min-width: 768px) {
    .ContactForm .FieldHeader {text-align: right;}
}

.redBtn {background-color:#ed1c24; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; display:inline-block; cursor:pointer; color:#ffffff; font-family: 'Open Sans', serif; font-size:14px; padding:12px 24px; text-decoration:none; border: none;}
.redBtn:hover {background-color: white; color: #ed1c24;}
.redBtn:active {position:relative; top:1px;}
.redBtn.btn-small {-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:8px 16px;}


.Restrictions {border-top: 2px solid black; border-bottom: 2px solid black; border-left: 1px solid black; border-right: 1px solid black;}
.Restrictions th {color:#b7050c; background-color: #a5a5a5; height:23px; text-align:left; border-bottom: 1px solid black;}
.Restrictions th,
.Restrictions td {padding: 4px;}
.Restrictions td.Fields {background-color: #cccccc; border-bottom: 1px solid black; font-weight: bold;}
.Restrictions td.Restriction {background-color: White; padding-bottom: 20px;}
.Restrictions td.Removal {background-color: #e4f6ea; color: Black; padding-bottom: 20px;}