p.small, li.small {
    color: #244f85;
    margin-bottom: 10px;
    font-size:12px;
    text-align:center;
    font-weight:bold;
}

li.small{text-align:left;}
p.content-title {
    font-size: 16px;
    color: #244f85;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    font-weight: bold;
    display: block;
}
p.content-about {
    font-size: 16px;
    color: #244f85;
    padding-bottom: 15px;
    text-align: left;
}
ul.newsArticle {
    display: block;
    list-style-type: disc;
    margin-left: 10px;
    margin-bottom: 15px;
}
    ul.newsArticle li {
        font-size: 16px;
        color: #244f85;
        margin-left: 17px;
        margin-right: 25px;
        text-align: justify;
    }

div.left-content {
    width: 50%;
    padding-bottom: 5px;
    float: left;
    display: block;
}
div.right-content {
    width: 50%;
    text-align: center;
    padding-bottom: 5px;
    float: right;
    display: block;
}
.content-box {
    display: block; height:310px;
}
p.left-align {
    text-align: justify;
    padding-right: 20px;
    display: block;
}

div.articles-body p.figure-content {
    color: #426c9f;
    font-size: 12px;
    padding: 15px 20px;
    display:block;
}

#content-ref {
    display: none;
    padding-top:50px;
}

input[type="button"] {
    width: 140px;
    float: left;
    margin-right: 2px;
    padding: 10px 5px;
    text-align: center;
    background-color: #4f81bd;
    border: 1px solid #a3a3a3;
    color: #ffffff;
    cursor: pointer;
}

    input[type="text"]:focus {
        outline: none;
    }

input:focus + div#content-ref {
    display: block;
}


ol {
    display: block;
    margin-left: 10px;
    margin-bottom: 15px;
}

    ol  li {
        color: #244f85;
        margin-left: 17px;
        margin-right: 25px;
        text-align: justify;
    }


a.download2 {
    margin: 0px;
    padding: 10px;
    text-align: center;
    background-color: #003764;
    color: #ffffff;
    font-size: 16px;
}


div.text-center{ text-align:center; padding-bottom:20px;}

div.content-ref p.left-align {padding-top:20px;
}



a.page-link {
    font-size: 16px;
    color: #4f81bd;
    text-decoration: underline;
    font-weight: bold;
}
    a.page-link:hover {
        text-decoration: underline;
    }



    div.vseparator {
        float: left;
        width: 5px;
        height: 150px;
        border-left: dotted 1px #9a9a9a;
    }
div.categories {margin-left:15px; }
div.category { float:left; width:154px; }
div.category a.cat { display:block; height:68px; width:149px; margin-bottom:5px; }
div.category a.catHum { background-image:url("images/MenuHum.jpg"); }
div.category a.catHum:hover, .catHum_over { background-image:url("images/MenuHum_over.jpg"); }
div.category a.catAct { background-image:url("images/MenuActuators.jpg"); }
div.category a.catAct:hover, .catAct_over { background-image:url("images/MenuActuators_over.jpg"); }
div.category a.catValves { background-image:url("images/MenuValves.jpg"); }
div.category a.catValves:hover, a.catValves_over { background-image:url("images/MenuValves_over.jpg"); }
div.category a.catHeaters { background-image:url("images/MenuHeaters.jpg"); background-repeat:no-repeat;}
div.category a.catHeaters:hover, .catHeaters_over { background-image:url("images/MenuHeaters_over.jpg"); }
div.category a.catControls { background-image:url("images/MenuControls.jpg"); }
div.category a.catControls:hover, .catControls_over { background-image:url("images/MenuControls_over.jpg"); }

div.o { float:left; color:#1b5196; font-weight:700; font-size:14px; margin:0px 7px 2px 5px; }
.oText { float:left; color:#747474; font-size:12px;  margin-top:2px; }

img.bannerImage {
    height: 281px;
    width: 786px;
}

/*COVID-19*/
.LNdt {
    /*width: 100%;
    height: 5px;
    background-image: url(images/colorflow.png);
    background-repeat: repeat-x;
    font-weight: bold;
    margin-top: 10px;*/
    width: 785px;
    height: 4px;
    background-image: url(images/line-blue-top.png);
    background-repeat: repeat-x;
}
h3.hdocTitle {
    color: #184d8f;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 26px;
    text-align:center;
    font-weight:normal;
}
.articles-body {
    position: relative;
    height: auto;
    margin-left: 16px;
}

  

    div.articles-body div.article-left{
        width: 150px;
       
    }
    div.articles-body div.article-middle {
        width: 420px;
        text-align: center;
        padding-left: 33px;
        padding-right: 33px;
    }
    div.articles-body div.article-right {
        width: 150px;
    }


div.articles-body .img-article-left {
    padding-bottom: 10px;
   
}
div.articles-body .img-article-right {
    padding-bottom: 10px;
    float: right;
  
}
div.articles-body p.article-title {
    color: #0477bf;
    margin-top: 0;
    font-weight:bold;
    margin-bottom: 13px;
    font-size: 16px;
    text-align:justify;
}

div.articles-body p.article-title-image {
    background-image: url(images/line-grey-title.png);
    background-repeat: no-repeat;
    display: block;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 16px;
    color: #154885;
    text-align: left;
}
div.article-body div.article-right {
    float: right;
}
div.textParLong {
    margin-top: 25px;
}

div.article-middle p.article-content {
    padding-bottom: 20px;
    text-align: justify;
}

/*text content thead images*/
figure {
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 155px;
    margin-bottom:0;
}
figcaption {
    background-color: #222;
    color: #fff;
    padding: 10px;
    text-align: center;
}


div.article-middle p.figure-content {
    color: #426c9f;
    font-size: 10px;
    padding: 15px 0;
}
div.articles-body p.figure-content a:link, div.articles-body p.figure-content a:hover, div.articles-body p.figure-content a:visited {
    color: #426c9f;
    font-size: 10px;
    padding-top: 0;
    padding-bottom: 10px;
    text-align: center;
    padding:0 5px;
}
div.article-left p.figure-content, div.article-right p.figure-content {
    padding: 2px 5px 10px 5px;
}
ul.classname {
    width: 430px;
    padding-bottom: 20px;
}
ul.classname li {
    text-align: justify;
}

div.articles-body a:hover {text-decoration:none;
}