﻿.body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    color: #000000;
}

.container-fluid {
    max-width: 1170px;
    margin: 0 auto;
}

a {
    color: #BE1E2D;
    text-decoration: none;
}
<!-- Added by A Lendon Nov 8th 2018 -->
    #ParsecLink { 
    background-color: yellow;
    }
    a:hover {
        color: #716558;
    }

p {
    font-size: 15px;
}

li {
    font-size: 15px;
}

hr {
    margin-top: 5px;
    margin-bottom: 15px;
    border: 0;
    border-top: 2px solid #283587;
}

.footerLabel {
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #ffffff;
}

.footer {
    width: 100%;
    margin-top: 0px;
    color: #000000;
    font-size: 14px;
    padding-top: 20px;
}

    .footer P {
        font-size: 14px;
    }

    .footer a {
        color: #000000;
        text-decoration: none;
    }

        .footer a:hover {
            color: #921A1C;
            text-decoration: none;
        }

    .footer label {
        display: block;
        font-size: 17px;
        font-weight: bold;
    }

.FooterBlue {
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #283587;
}

    .FooterBlue p {
        font-size: 25px;
        margin: 0;
    }

h1 {
    font-size: 30px;
    color: #000000;
    margin-top: 20px;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
}

h2 {
    font-size: 20px;
    color: #000000;
    margin-top: 10px;
    line-height: 1.2em;
}

h3 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #283587;
}

h4 {
    font-size: 17px;
    color: #A8001A;
    font-weight: bold;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.nav a {
    font-size: 20px;
    margin-top: 20px;
    color: #000000;
    text-decoration: none;
    letter-spacing: 1px;
}

    .nav a:hover {
        color: #921A1C;
    }

.nav-justified {
    display: table;
    text-align: right;
}

    .nav-justified > li {
        width: auto;
    }

.MES {
    padding: 10px;
    color: #ffffff;
    min-height: 470px;
}

    .MES p {
        color: #ffffff;
    }

    .MES h4 {
        font-size: 20px;
        color: #ffffff;
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0F9054;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
    background-color: #283587;
}

.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: right;
    margin-left: 0px;
}

.sub {
    background-color: #535658;
    padding: 10px;
    margin: 20px 0px 10px 0px;
    color: #FFFFFF;
    letter-spacing: 2px;
}

.address {
    font-size: 20px;
}

    .address a {
        text-decoration: none;
    }

    .address td {
        padding: 10px;
    }

.Top {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.TopBlue {
    background-color: #283587;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: #0F9054 2px solid;
}

    .TopBlue a {
        color: #ffffff;
        letter-spacing: 1px;
        font-size: 20px;
    }

.heading {
    font-size: 25px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #283587;
    padding-top: 80px;
    padding-left: 10px;
}

.heading2 {
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #283587;
}

.footerContact {
    text-align: center;
}

.footerLinks {
    text-align: right;
    float: right;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-repeat: repeat-x;
    background-image: none;
}

.carousel-control.left {
    background-repeat: repeat-x;
    background-image: none;
}

.navbar .nav-include-submenu li > div {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 350px;
    text-align: left;
    z-index: 3000;
    background: rgba(255, 255, 255, 0.80);
}

.navbar .sub-menu-div .menu-item a {
    padding-left: 20px;
    color: #921A1C;
}

    .navbar .sub-menu-div .menu-item a:hover {
        text-decoration: none;
        color: #000000;
    }

.navbar .nav-include-submenu li:hover > div {
    display: inline-block;
}

.navbar .nav-include-submenu li > div:hover {
    display: inline-block;
}

.blog h2 {
}

.artical-mobile {
    width: 100%;
}

.artical {
    margin-bottom: 20px;
}

.articalsHeader {
    font-size: 30px;
}

.articalContent {
    overflow-y: scroll;
    /* Original height
    height: 600px;*/
    height:1000px;
}

/*iPhone*/
@media (max-width: 767px) {
    .nav-justified > li > a {
        text-align: left;
    }

    .footerContact {
        text-align: left;
        margin-top: 20px;
    }

    .footerLinks {
        text-align: left;
        float: none;
        margin-top: 20px;
        border-top: solid 1px #716558;
    }

    .caption {
		display: none !important;
	}
}

/*iPad protrait*/
@media (min-width: 768px) and (max-width: 991px) {
    .nav-justified {
        width: 94%;
    }

    .caption {
		display: none !important;
	}
}
/*iPad landscape*/
@media (min-width: 992px) and (max-width: 1199px) {
}
/*iPad desktop*/
@media (min-width: 1200px) {
}

/* Added JP 23 July 2016  */
.JPtable {
	float: left;
	margin: 0px 20px;
	text-align: left;
	border-collapse: collapse;
	border: 2px solid black;
	table-layout: auto;
}
.JPtable th, td {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid black;
	padding: 0 10px 0 10px;
}

/* AddedJP 2 Jan 2020  For timesheet app */
.indexHover{
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}   
   .help {
    color: #ffffff;
    background-color: #feb22a;
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.25);
}
    
.MesconPage{
    overflow-y: hidden; 
    padding:  0; 
    width:  100%; 
    margin: 2;
    margin-top: 2px;
    margin-bottom: 2px;
}
.entry-content ul.wp-block-gallery {
  margin-bottom:0px;
}