body {color: #808080; margin: 0; background-color: White; border-top: 26px solid #193441; font-size: 12pt; font-family: Arial, Sans-Serif;}
h1 {color: #193441;}
h2 {color: #3e606f;}
h3 {color: #91aa9d;}
a {color: #193441; text-decoration: underline;}
a:hover {color: #193441; text-decoration: none;}

.color-DarkBlue {color: #193441;}
.color-Teal {color: #3e606f;}
.color-Green {color: #91aa9d;}
.color-Gray {color: #808080;}

.font-vibes {font-family: 'Great Vibes', cursive;}
.font-crimson {font-family: 'Crimson Text', 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: 995px; padding: 0; height: 100%;}
}
@media (min-width: 1200px) {
  .ViewArea {width: 995px; padding: 0; height: 100%;}
  .ViewArea.Large {min-width: 1200px; max-width: 1500px; width: 100%;}
}
.PrintArea {width: 720px;}

.LogoBar {color: white; background: #3e606f url("/images/TealBGRpt.png") top left repeat; border-top: 1px solid white; border-bottom: 1px solid #b5c6bd;}
.LogoBar .TagLine {font-family: 'Great Vibes', cursive; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); font-size: 170%; padding-left: 0;}
.LogoBar .Icon {color: white; padding: 16px 10px;}
.LogoBar .Icon a {color: white;}
@media (min-width: 768px) and (max-width: 991px) {
    .LogoBar .TagLine {font-size: 200%;}
    .LogoBar .Icon {padding: 6px 10px;}
    .LogoBar img {height: 100px;}
}
@media (min-width: 992px) {
    .LogoBar .TagLine {font-size: 300%;}
    .LogoBar .Icon {padding: 6px 10px;}
}

.NavBar {background-color: #91aa9d;}
.NavBar .Pnav {border-left: 1px solid #b5c6bd;}
.NavBar .Pnav .Item {display: inline-block;}
.NavBar .Pnav .Item:hover {background-color: #798c82;}
.NavBar .Pnav .Item.active {background-color: #798c82;}
.NavBar .Pnav .Item .Text {color: #fcfff5; font-family: 'Crimson Text', serif; font-style: italic; font-size: 140%; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); display: inline-block; padding: 12px 18px; border-right: 1px solid #b5c6bd;}
.NavBar .Pnav .Item:hover .Text {color: #d1dbbd;}
.NavBar .Pnav .Item.active .Text {color: #d1dbbd;}
@media (min-width: 768px) and (max-width: 991px) {
    .NavBar .Pnav .Item .Text {font-size: 120%;}
}

.carousel.Feature img {height: 100px;}
@media (min-width: 768px) {
    .carousel.Feature img {height: 100%;}
}

#obitsXS.visible-xs,
#obitsXS2.visible-xs {display: none !important}
@media (min-width: 1px) and (max-width: 500px) {
    #obitsXS.visible-xs {display: block !important;}
}
@media (min-width: 501px) and (max-width: 768px) {
    #obitsXS2.visible-xs {display: block !important;}
}

.ObituariesBar {background: #f2f1e5 url("/images/TanBGRpt.png") top left repeat;}
.ObituariesBar .ObituaryTitle {text-align: center;}
.ObituariesBar .ObituaryTitle span {color: #193441; font-size: 160%; font-style: italic; font-family: 'Crimson Text', serif;}
.ObituariesBar .Obituary {background-color: white; padding: 20px; max-width: 200px; text-align: center;}
.ObituariesBar .Obituary .Image {overflow: hidden; height: 192px; max-width: 160px; width: 100%;}
.ObituariesBar .Obituary .Name {color: #193441; font-weight: bold; height: 64px; margin-top: 10px;}
.ObituariesBar .Obituary .Dates {color: #3e606f; font-style: italic; margin: 0 -10px;}
.ObituariesBar .Obituary .Resided {color: #193441; height: 48px; margin-top: 6px;}
.ObituariesBar .indicatorBar a {cursor: pointer;}
.ObituariesBar .indicators {position: initial; display: inline-block; width: initial;}
.ObituariesBar .indicators li {border: 1px solid #193441;}
.ObituariesBar .indicators li.active {border: 1px solid #193441; background-color: #193441;}
.ObituariesBar .SearchBox {background-color: white; border-radius: 20px; max-width: 250px; border: none; padding: 4px 30px 2px 20px; font-size: 120%; font-family: 'Crimson Text', serif;}
.ObituariesBar .SearchGlass {position: relative; left: -24px; top: 4px; color: #808080;}
.ObituariesBar .Divider {border-top: 1px solid #d6d6d6; text-align: center; margin: 0;}
.ObituariesBar .Divider div {color: #193441; padding: 0 10px; background: #f2f1e5 url("/images/TanBGRpt.png") top left repeat; position: relative; top: -16px; display: inline-block;}
.ObituariesBar .Divider div.small {top: -12px;}
@media (min-width: 768px) {
    .ObituariesBar .Divider {margin: 0 12%;}
}

.ContentBar {background: url("/images/BodyBGRpt.png") top left repeat;}
.ContentBar .WelcomeTitle {border-top: 1px solid #d6d6d6; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); text-align: center; margin: 0;}
.ContentBar .WelcomeTitle span {color: #193441; padding: 0 10px; background: url('/images/BodyBGRpt.png') top left repeat; position: relative; top: -16px; font-size: 160%; font-style: italic; font-family: 'Crimson Text', serif;}
.ContentBar .WelcomeText {padding: 0 20px;}
@media (min-width: 768px) and (max-width: 991px) {
    .ContentBar .WelcomeTitle {margin: 0 12%;}
    .ContentBar .WelcomeText {padding: 0 60px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ContentBar .WelcomeTitle {margin: 0 12%;}
    .ContentBar .WelcomeText {padding: 0 120px;}
}
@media (min-width: 1200px) {
    .ContentBar .WelcomeTitle {margin: 0 12%;}
    .ContentBar .WelcomeText {padding: 0 120px;}
}

.ContentBar .LocationsBar {color: #fcfff5; background-color: #91aa9d; padding: 20px 0 20px 0; border-bottom: 1px solid white;}
.ContentBar .LocationsBar .TitleLine {border-top: 1px solid #d6d6d6; text-align: center; margin: 0 12%;}
.ContentBar .LocationsBar .TitleLine span {padding: 0 10px; background-color: #91aa9d; position: relative; top: -16px; font-size: 140%; font-style: italic; font-family: 'Crimson Text', serif;}
.ContentBar .LocationsBar .Location {color: #fcfff5; font-size: 140%; font-style: italic; font-family: 'Crimson Text', serif;}


.PageHeaderBar {padding: 0; position: relative; min-height: 157px; overflow: hidden;}
.PageHeaderBar .HeaderImage {position: absolute; z-index: -1; top: 0; left: 0; right: 0;}
.PageHeaderBar .HeaderImage img {display: block; margin: 0 auto;}
.PageHeaderBar .HeaderText {padding-top: 40px; z-index: 9; text-align: center; width: 100%; line-height: 1;}
.PageHeaderBar .HeaderText .Title {font-size: 320%; color: white; font-style: italic; font-family: 'Crimson Text', serif;}

.Content {padding: 30px 0 50px 0;}
.Content .PageTitle {color: #193441; font-size: 190%; font-family: 'Crimson Text', serif; margin-top: -5px;}

.Content .Pager {margin-top: 6px;}
.Content .Pager .Left {padding-left: 0;}
.Content .Pager .Right {padding-right: 0;}
.Content .Pager .Active {color: black; padding: 4px 6px; -webkit-border-radius: 14; -moz-border-radius: 14; border-radius: 14px; border: 1px solid #193441;}
.Content .Pager .Click {color: white; background-color: #193441; padding: 2px 6px; -webkit-border-radius: 14; -moz-border-radius: 14; border-radius: 14px; border: 1px solid #91aa9d;}

.Content .Snav {background-color: #f2f1e5; font-size: 120%; font-family: 'Crimson Text', serif;}
.Content .Snav .Item .ClickArea {padding: 8px 16px; color: #193441; font-weight: bold;}
.Content .Snav .Item.indent .ClickArea {padding-left: 50px;}
.Content .Snav .Item.active .ClickArea {color: white; background-color: #3e606f; border-bottom: none;}
.Content .Snav .Item:hover .ClickArea {color: white; background-color: #3e606f;}

.Content .InsetRight {width: 100%; margin: 0 0 20px 20px; padding: 10px; border: 3px solid #91aa9d; background-color: #f3f3f3;}
@media (min-width: 768px) {
    .Content .InsetRight {width: 50%; float: right;}
}
.Content .extraSpace {line-height: 1.75;}

.Content .Staff {clear: both; padding: 20px 0;}
.Content .Staff .Name {color: white; background-color: #3e606f; font-weight: bold; padding: 2px 6px;}
.Content .Staff .Image {float: left; margin: 10px 20px 10px 0;}
.Content .Staff .Text {margin: 10px 0 10px 0;}

.Content .testimonials li {margin-bottom: 20px; list-style-image: url('/images/Bullet.png');}

.Content .ObitSearch {background-color: #f2f1e5; padding: 20px;}
.Content .ObitSearch .Title {color: #193441; font-family: 'Crimson Text', serif; font-size: 170%; font-weight: bold; font-style: italic;}
.Content .ObitSearch .Button {color: white; background-color: #193441; padding: 4px 18px; -webkit-border-radius: 24; -moz-border-radius: 24; border-radius: 24px; border: 1px solid #91aa9d; font-family: 'Crimson Text', serif;}
.Content .ObitSearch .SearchBox {background-color: white; border-radius: 20px; width: 80%; border: none; padding: 6px 30px 4px 20px; font-size: 120%; font-family: 'Crimson Text', serif;}

.Content .ObituaryList .Listing .Image {background-color: white; padding: 16px; border: 1px solid #e4e4e4;}
.Content .ObituaryList .Listing .Name {color: #193441; font-family: 'Crimson Text', serif; font-size: 170%; font-weight: bold;}
.Content .ObituaryList .Listing .Dates {color: #3e606f; font-family: 'Crimson Text', serif; font-size: 120%; font-weight: bold; font-style: italic;}

.Content .Obituary .Info {background-color: #f2f1e5; padding: 20px;}
.Content .Obituary .Info .Name {color: #193441; font-family: 'Crimson Text', serif; font-size: 170%; font-weight: bold;}
.Content .Obituary .Info .Dates {color: #3e606f; font-family: 'Crimson Text', serif; font-size: 100%; font-weight: bold; font-style: italic;}
.Content .Obituary .Info .Data {color: #808080; font-family: 'Crimson Text', serif; font-size: 100%;}

.Content .Obituary .Text { }
.Content .Obituary .Text .tab-content {padding: 20px; border: 1px solid #d6d6d6; border-top: none;}
.Content .Obituary .Text .Heading {color: #193441; font-family: 'Crimson Text', serif; font-size: 170%; font-weight: bold;}

.Content .Obituary .Text .showObit .Caption {font-family: 'Great Vibes', cursive; font-size: 130%; text-align: center;}

.Content .Obituary .Text .showGuest .Dates {font-size: smaller; font-style: italic; margin-left: 20px;}
.Content .Obituary .Text .showGuest .Comments {margin: 0 0 40px 20px;}

.Content .Obituary .Text .showPhoto .DisplayArea {position: relative; min-height: 600px;}
.Content .Obituary .Text .showPhoto .Photo {border: 1px solid #808080; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.25); padding: 20px 20px 10px 20px; display: none; background: linear-gradient(to bottom, #fafafa, #f0f0f0); width: 351px;}
.Content .Obituary .Text .showPhoto .Caption {font-family: 'Great Vibes', cursive; font-size: 130%; text-align: center;}

.Content .Obituary .Text .showPhoto .Photo.Display1 {position: absolute; top: 30px; left: 140px; z-index: 999; display: inline-block;}
.Content .Obituary .Text .showPhoto .Photo.Display2 {position: absolute; top: 30px; left: 160px; z-index: 998; display: inline-block; -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg);}
.Content .Obituary .Text .showPhoto .Photo.Display3 {position: absolute; top: 30px; left: 110px; z-index: 997; display: inline-block; -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg);}
.Content .Obituary .Text .showPhoto .Photo.Display4 {position: absolute; top: 50px; left: 150px; z-index: 996; display: inline-block; -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg);}
.Content .Obituary .Text .showPhoto .Navigation {cursor: pointer;}

.Content .Obituary .Text .nav > li:last-of-type > a {margin-right: 0;}
.Content .Obituary .Text .nav > li > a {margin-right: 6px; outline: none; color: White !important; text-decoration: none; background-color: #91aa9d !important;}
.Content .Obituary .Text .nav > li > a:hover {color: #193441 !important; background-color: white !important;border: 1px solid #d6d6d6; border-bottom: none;}
.Content .Obituary .Text .nav-tabs > li.active > a,
.Content .Obituary .Text .nav-tabs > li.active > a:hover,
.Content .Obituary .Text .nav-tabs > li.active > a:focus {color: #193441 !important; background-color: white !important; border: 1px solid #d6d6d6; border-bottom: none;}
.Content .Obituary .Text .nav-tabs.nav-justified > .active > a,
.Content .Obituary .Text .nav-tabs.nav-justified > .active > a:hover,
.Content .Obituary .Text .nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #e5e5e5;}

.Content .Obituary .Sidebar .Photo {border: 1px solid #808080; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.25); padding: 16px; background: linear-gradient(to bottom, #fafafa, #f0f0f0);}
.Content .Obituary .Sidebar .Photo img {max-height: 250px; max-width: 285px;}
.Content .Obituary .Sidebar .Memorial {color: white; padding: 8px; background: #193441; border-radius: 30px; text-align: center; margin-top: 8px;}
.Content .Obituary .Sidebar .Flowers {color: white; padding: 8px; background: #3e606f; border-radius: 30px; text-align: center; margin-top: 8px;}
.Content .Obituary .Sidebar .Subscribe {color: white; padding: 8px; background: #91aa9d; border-radius: 30px; text-align: center; margin-top: 8px;}
.Content .Obituary .Sidebar .Subscribe a {color: white;}
.Content .Obituary .Sidebar .Subscribe input[type='text'] {color: #808080;}
.Content .Obituary .Sidebar .Subscribe input[type='submit'] {color: white; padding: 6px; background: #193441; border-radius: 30px; font-size: smaller; text-align: center; border: none;}
.Content .Obituary .Sidebar .Schedule .Heading {color: #193441; font-size: 240%; font-weight: bold; font-style: italic; font-family: 'Crimson Text', serif; }
.Content .Obituary .Sidebar .Schedule .Subheading {color: #3e606f; font-size: 180%; font-style: italic; font-family: 'Crimson Text', serif; }
.Content .Obituary .Info .Return {color: white; padding: 8px; background: #193441; border-radius: 30px; text-align: center; margin-top: 8px;}

.Content .ContactForm { }
.Content .ContactForm .FieldHeader {color: #193441; text-align: left; font-size: 130%; font-weight: bold; text-transform: uppercase;}
.Content .ContactForm .Field {border: 1px solid #808080; text-align: left;}
.Content .ContactForm .FieldLeft {border-left: none;}
.Content .ContactForm .FieldRight {border-right: none;}
@media (min-width: 768px) {
    .Content .ContactForm .FieldHeader {text-align: right;}
}

.FooterBar .NavigationBar {color: white; background: #3e606f url("/images/TealBGRpt.png") top left repeat;}
.FooterBar .NavigationBar a {color: white;}
.FooterBar .NavigationBar .FooterNav {padding-top: 30px; padding-bottom: 30px; font-style: italic; font-size: 120%; font-family: 'Crimson Text', serif;}

.FooterBar .UnderFooterBar {color: #808080; background-color: white; padding: 10px 0; font-size: smaller;}

.btn-pnav {
  color: white;
  background-color: #193441;
  border: 1px solid #f3d8a0;
}
.btn-pnav:hover,
.btn-pnav:focus,
.btn-pnav.focus,
.btn-pnav:active,
.btn-pnav.active,
.open > .dropdown-toggle.btn-pnav {
  color: #fff;
  background-color: #3e606f;
  border: 1px solid #193441;
}
.btn-pnav:active,
.btn-pnav.active,
.open > .dropdown-toggle.btn-pnav {
  background-image: none;
}
.btn-pnav.disabled,
.btn-pnav[disabled],
fieldset[disabled] .btn-pnav,
.btn-pnav.disabled:hover,
.btn-pnav[disabled]:hover,
fieldset[disabled] .btn-pnav:hover,
.btn-pnav.disabled:focus,
.btn-pnav[disabled]:focus,
fieldset[disabled] .btn-pnav:focus,
.btn-pnav.disabled.focus,
.btn-pnav[disabled].focus,
fieldset[disabled] .btn-pnav.focus,
.btn-pnav.disabled:active,
.btn-pnav[disabled]:active,
fieldset[disabled] .btn-pnav:active,
.btn-pnav.disabled.active,
.btn-pnav[disabled].active,
fieldset[disabled] .btn-pnav.active {
  background-color: #e7a614;
  border: 1px solid #f3d8a0;
}