div.banner { width:811px; height:306px; margin-left:4px; margin-top:17px; background-image:url('images/TopBannerBG.png'); background-repeat:no-repeat; padding-top:12px; padding-left:11px;}
div.bannerInner { position:relative; width:786px; height:281px; } 

div.carou { position:absolute; left:0px; top:0px; display:none; }
div.carousBtns { position:absolute; left:30px; top:250px; z-index:50000; }
div.carousBtns div { display:block; float:left; z-index:50000; margin-right:8px;}


div.carousBtns div.ccbtn_1a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_2a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_3a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_4a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_5a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_6a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_7a { background:url("images/Pause_Icon_Homepage.png") no-repeat; margin-top:11px; margin-left:4px; cursor:pointer; width:14px; height:14px; }
div.carousBtns div.ccbtn_7c { background:url("images/Play_Icon_Homepage.png") no-repeat; margin-top:11px; margin-left:4px; cursor:pointer; width:14px; height:14px; }

div.carousBtns div.ccbtn_1c, div.carousBtns div.ccbtn_1a:hover { color:#003a69; }
div.carousBtns div.ccbtn_2c, div.carousBtns div.ccbtn_2a:hover { color:#003a69; }
div.carousBtns div.ccbtn_3c, div.carousBtns div.ccbtn_3a:hover { color:#003a69; }
div.carousBtns div.ccbtn_4c, div.carousBtns div.ccbtn_4a:hover { color:#003a69; }
div.carousBtns div.ccbtn_5c, div.carousBtns div.ccbtn_5a:hover { color:#003a69; }
div.carousBtns div.ccbtn_6c, div.carousBtns div.ccbtn_6a:hover { color:#003a69; }
div.carousBtns div.ccbtn_7b, div.carousBtns div.ccbtn_7a:hover { background:url("images/Pause_Icon_Homepage_Mouse_Over.png") no-repeat; line-height: 32px; cursor:pointer; width:14px; height:14px; }
div.carousBtns div.ccbtn_7d, div.carousBtns div.ccbtn_7c:hover { background:url("images/Play_Icon_Homepage_Mouse_Over.png") no-repeat; line-height: 32px; cursor:pointer; width:14px; height:14px; }



div.carousBtns div.ccbtn_1b, div.carousBtns div.ccbtn_2b, div.carousBtns div.ccbtn_3b, div.carousBtns div.ccbtn_4b, div.carousBtns div.ccbtn_5b, div.carousBtns div.ccbtn_6b { cursor:default;}

div.trail {height:15px;}

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: 850px;
    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;
    width:850px;
}
div.articles-body div {
    /*float: right;*/
}
  

    div.articles-body div.article-left{
        width: 180px;
        float:left;
       
    }
    div.articles-body div.article-middle {
        width: 490px;
        text-align: center;
        padding-left: 65px;
        padding-right: 25px;
        float:left;
    }
    div.articles-body div.article-right {
        width: 180px;
        float:right;
    }


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 {
    text-align: justify;
    color: #184d8f;
    font-size: 13px;
}

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


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 45px;
    width:150px
}
ul.classname {
    width: 430px;
    padding-bottom: 20px;
}
    ul.classname li {
        text-align: justify;
        color: #184d8f;
    }

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