﻿
html,
body {
    background: #e1e2e5 url('/Content/Images/BodyBgTiler.gif') repeat left top;
    height: 100%;
    font-family:MyriadProRegular, 'Myriad Pro', Arial;
    font-size: 11pt;
    letter-spacing: 0.2px;
    color:#333333;
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular.woff2') format('woff2'),
         url('../fonts/MyriadProRegular.woff') format('woff'),
         url('../fonts/MyriadPro-Regular.otf') format('opentype'),
         url('../fonts/MyriadProRegular.ttf') format('truetype'),
         url('../fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}


a:link, a:visited, a:active {
    color: #9c6b8c;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

a:hover {
    color: #686c9e;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family:MyriadProRegular, 'Myriad Pro', Arial;
    font-weight: 500;
    line-height: 1.1;
}

.table {
    width: 100%;
    background-color: rgba(255,255,255,0.4);
    border: 1px #68689c solid !important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #cccccc;
}

/*--- Table no BG---*/
.tableNbg {
    width: 100%;
    background-color:transparent;
    border:0;
}
  .tableNbg td,
  .tableNbg th {
    background-color:transparent;
    vertical-align: top;
  }
  .tableNbg {
    border-collapse: collapse !important;
  }
.tableNbg thead > tr > th,
.tableNbg tbody > tr > th,
.tableNbg tfoot > tr > th,
.tableNbg thead > tr > td,
.tableNbg tbody > tr > td,
.tableNbg tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.tableNbg thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}


hr {
    border-top: 1px #CCC solid;
    margin: 40px 0;
}

.img-left {
    float: left;
    shape-outside: url('/Content/Images/SPageConnect.png');
    shape-image-threshold: 0.5;
    shape-outside: circle(50% at 50% 50%);
}

.img-right {
    float: right;
    padding: 0 0 10px 10px;
}


/*--- Main Layout ---*/
.MainWrapper {
    min-height: 100%;
    position: relative;
}

header, .Header {
    background-color: #FFF;
    border-bottom: 10px #68689c solid;
    /*height: 124px;*/
}

.Content {
    padding: 0 0 310px 0;
}

    .Content::after {
        clear: both;
        display: block;
        content: "";
    }

footer, .Footer {
    background-color: #FFF;
    border-top: 10px #8b9e67 solid;
    height: 300px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*--- Nav ---*/
.navbar-brand img {
    float: left;
}

.navbar-brand span {
    float: left;
    padding: 20px 0 0 16px;
}

.navbar-brand {
    font-size: 20px;
    font-family: 'Times New Roman';
    /*font-style: italic;*/
}


.navbar-inverse {
    background-color: #FFF;
    border-bottom: 10px !important;
}

    .navbar-inverse .navbar-brand {
        color: #00015e;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #00015e;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #686868;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #686868;
        text-transform: uppercase;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #00015e;
            background-color: transparent;
        }

.navbar-nav {
    margin-top: 40px;
}

.navbar {
    position: relative;
    z-index: 1000;
    min-height: 104px !important;
    margin-bottom: 0;
}

.nav > li {
    margin: 0 15px;
}

    .nav > li > a {
        position: relative;
        display: block;
        padding: 5px 0;
    }

.WhatIS {
    /*background: #8b9e67 url('Images/MonAndDaughter.jpg') no-repeat right top;*/
    min-height: 300px;
    color:#FFF;
}

.WhatIS h2{
    font-family:'Times New Roman';
    font-size:34pt;
    margin:20px 0 5px 0;
    padding-top:20px;
    /*font-style:italic;*/
}
.WhatIS p{
    padding:10px 5px 10px 0;
}

.Rmore{
    color:#FFF !important; 
    display:block;
    padding:5px 0;
    min-height:25px;
}
.Rmore:hover{
    text-decoration:underline;
}

.SPageHeader {
    height: 100px;
    position: relative;
    background: #68689c;
}

    .SPageHeader h1 {
        font-size: 36pt;
        color: #FFF;
        padding-top: 15px;
        margin: 0;
        /*font-style: italic;*/
        font-family: 'Times New Roman', Arial;
    }

    .SPageHeader::after {
        clear: both;
        content: "";
        display: block;
    }

.SPageContent {
    /*color: #5c5c5c;*/
    color:#444444;
    padding: 40px 0 50px 0;
    line-height: 1.6em;
}

    .SPageContent h2 {
        font-weight: bold;
        color: #00015e;
        margin: 0 0 15px 0;
    }

    .SPageContent h3 {
        color: #68689c;
        font-size: 16pt;
        font-weight: normal;
        line-height: 1.4em;
        margin: 0 0 20px 0;
    }
    .SPageContent h4 {
        font-size: 13pt;
        color:#222222;
    }
    .SPageContent h5 {
        font-size: 12pt;
        color:#222222;
    }

        .SPageContent h3.Emp {
            border-left: 5px #68689c solid;
            border-bottom: 0;
            color: #68689c;
            font-size: 16pt;
            font-weight: normal;
            line-height: 1.4em;
            padding: 0 20px;
            margin: 0 0 20px 0;
        }

.ImgGenRight {
    float: right;
}

/*--- Left Menu---*/
.LeftMenu {
    margin: 0 0 30px 0;
    padding: 0;
    border-right: 1px #CCC solid;
}

    .LeftMenu ul {
        margin: 0;
        padding: 0;
    }

        .LeftMenu ul li {
            margin-bottom: 2px;
            padding: 0;
            list-style: none;
            border-bottom: 1px #CCC dotted;
        }

            .LeftMenu ul li:last-child {
                border-bottom: 0;
            }

            .LeftMenu ul li a {
                border-right: 5px #e1e1e3 solid;
                color: #9c688a;
                display: block;
                padding: 10px 15px;
                text-align: left !important;
            }

                .LeftMenu ul li a:hover {
                    border-right: 5px #68689c solid;
                    background: #EFEFEF;
                    color: #68689c;
                    text-decoration: none;
                }


.panel-heading {
  
}
.panel-title > a {
    display:block;
    padding: 10px 15px;
}
    .panel-title{
        font-weight:normal;
    }
    .panel-title i{
        float:right;
    }
.panel-title .Number{
    background-color:#9c688a;
    border-radius:90px;
    color:#FFF;
    display:inline-block;
    height:25px;
    width:25px;
    text-align:center;
    padding-top:5px;
    margin-right:10px;  
}
.panel-title .Number:hover{
    background-color:#7474a1;
}

.FooterSetup{
    color:#656567;
    text-transform:uppercase;
    padding-top:20px;
    font-size:11pt;
}
.FootSocial{
    padding:15px 0 5px 0;
}
.FootSocial::after{
    clear:both;
    display:block;
    content:"";
}
.FootSocial ul{
    margin:0;
    padding:0;
    float:right;
}
.FootSocial ul li{
    float:left;
    margin-left:5px;
}
.FootSocial ul li a{
    background-color:#8b9e67;
    color:#FFF !important;
    display:block;
    width:40px;
    height:40px;
    padding-top:12px;
    border-radius:50%;
    text-align:center;
}



.FooterSetup ul{
    margin:0;
    padding:0;
}
.FooterSetup ul li{
    list-style-type:none;
}
.FooterSetup ul li a{
    color:#8b9e67;
    display:block;
}
.FooterSetup h3{
    font-size:12pt;
}
.FootE2{
    text-align:right;
}

.NextBtnWrapper{
    background-color:#c7c7ca; 
    width:100%; 
    min-height:46px; 
    margin-top:15px; 
    border-radius:8px;
}
.btn-primary,
.nextBtn{
    background-color:#9c688a;
    border:1px #7d4b6c solid;
    color: #ffffff !important;
}
.btn-primary:hover,
.nextBtn:hover{
    background-color:#7d496a;
    border:1px #5d304d solid;
}
.WhatIsRight{
    background: #8b9e67 url('/Content/Images/MonAndDaughter.jpg') no-repeat right top; 
    background-size:100%;  
    min-height: 300px;
}
.italCopy{
    font-style:italic;
    font-family:Georgia;
}    

.organo-col{
    float:left;
    min-height:200px;
    min-width:25px;
}
.organo-indv{
    background-color:#9e8d67;
    /*background-color:rgba(0,0,0,0.2);*/
    color:#FFF;
    padding:10px 15px;
    text-align:center;
    min-height:60px;
    min-width:180px;
    line-height:1.4em;
}
.organo-Lev1{
    margin-top:90px;
}
.organo-Lev1-bod{
    border-bottom:1px #9e8d67 solid;
    margin-top:119px;
}
.organo-Lev2{
    margin-top:45px;
}
.organo-Lev2-bod{
    background:transparent url('/Content/Images/organo-Lev2-Bod.png') no-repeat center center;
    border-bottom:1px #9e8d67 solid;
    height:15px;
}
.organo-Lev3{
    margin-top:15px;
}
.organo-Lev3-bod{
    background:transparent url('/Content/Images/organo-Lev3-Bod.png') no-repeat center 48px;
}

@media only screen and (max-width:1199px) {
    .navbar-right{
        float:left !important;
    }
    .nav > li {
        margin: 0 25px;
    }
    .nav > li > a {
        font-size:15px;
    }
    .navbar-nav {
        margin-top: 5px;
    }
    .carousel-inner a {
        font-size:12pt;
    }
}
@media only screen and (max-width:991px) {
    .nav > li {
        margin: 0 15px;
    }

    .FootE2{
        text-align:left;
    }
    .Content {
        padding: 0 0 440px 0;
    }

    footer, .Footer {
        height: 450px;
    
    }
     .carousel-inner a {
        font-size:12pt;
    }
}
@media (max-width: 768px) {

    .Content {
    padding: 0 0 480px 0;
    }
    footer, .Footer {
        height: 470px;
    }
    .FootE2{
        text-align:left !important;
    }
    .navbar-toggle {
        background-color:#00015e;
    }
}
@media (max-width: 480px) {
    .navbar-brand span{
        display:none;
    }
    .navbar-toggle {
        background-color:#00015e;
    }
    .WhatIsRight{
        background: #8b9e67 url('/Content/Images/MonAndDaughter.jpg') no-repeat right top; 
        background-size:100%;  
        min-height: 180px;
    }
    .marketing .col-lg-4 p::after{
        clear:both;
        display:block;
        content:"";
    }
    .marketing .col-lg-4 p{
        margin-bottom:80px;
    }


.organo-col{
    float:left;
    min-height:unset;
    min-width:100%;
}
.organo-indv{
    background-color:#9e8d67;
    /*background-color:rgba(0,0,0,0.2);*/
    min-width:100%;
}
.organo-Lev1{
    margin-top:unset;
}
.organo-Lev1-bod{
    background:none;
    border-bottom:none;
    margin-top:0;
    height:15px;
}
.organo-Lev2{
    margin-top:unset;
}
.organo-Lev2-bod{
    background:none;
    border-bottom:none;
    height:unset;
}
.organo-Lev3{
    margin-top:15px;
}
.organo-Lev3-bod{
    background:none;
}
}




