@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0;outline:none}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
table {border-collapse:collapse}
td {vertical-align:top}


/*----- CORE ELEMENTS -----*/
#mainBody {background:#000}
#mainBG{background:url(../images/bg.gif) repeat-x center top}
#wysiwygBody{background:#fff}
#siteWrap {width:100%; position:relative}
.clearFloats {clear:both}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}

/*----- Text Styles -----*/
body, .text{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.7em;color:#666}
body, .text, th{text-align:left}

a{color: #4252a0;text-decoration:none}
a:hover, a:active{color:#000;text-decoration:underline}

p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:10px}
h1, h2, h3, h4, h5, h6, h7, h8, h9{font-weight:600; font-family: "myriad-pro-condensed", sans-serif; font-style: italic;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i{font-style: italic}
b, strong{font-weight:bold}
u { text-decoration:none}
hr, .borderTop, dt{border-top:1px dashed #ccc;margin-top:10px;padding-top:5px}
hr{height:0px;margin-top:10px}
p{font-size:1.2em}
h1{font-size:2em; margin-bottom:15px; color: #1c40a7; }
h2{font-size:1.8em; color: #555; margin-top: 30px; margin-bottom:15px;}
h3{font-size:1.3em;margin-bottom:7px}
h4, th{font-size:1.2em}
.redText {font-size: 2em;color: #cc0000;}
h5, h6, h7, h8, h9{font-size:16px; margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/16x16/bullet-arrow.gif) no-repeat 5px 2px;margin-top:3px; padding-left:26px; font-size: 1.2em;}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.gif) no-repeat -5px 2px;margin-top:3px;padding-left:15px;color:#999;margin-top:2px;font-size:.92em;line-height:1.6em}
#content ul li ul li a, .contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, .contentEditor ul li ul li a:hover{color:#f03c5e}
#content ul li ul li ul li a, .contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, .contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, .contentEditor ul li ul li ul li a:hover{color:#f03c5e}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

.threeCol {
-webkit-columns:3;
   -moz-columns:3;
        columns:3;
-webkit-column-gap:30px;
   -moz-column-gap:30px;
        column-gap:30px;
-webkit-column-rule:none;
   -moz-column-rule:none;
        column-rule:none;
}

#content .threeCol li { background: none; padding-left: 0}


.resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}

.resCol {
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;
}

.resCol li { display: inline-block; width: 100%}

/*----- Forms -----*/
.formBox, .formTextarea, .ValidatorTextClass input{border:1px solid #ccc;line-height:1.15em;color:#666666;background:transparent url(../images/formboxBG.gif) no-repeat 0 0}
.formBox, .ValidatorTextClass input{padding: 2px 3px;background-color:#fff}
.formTextarea{padding: 2px 0px;background-color:#fff}
.formSelect{padding:0;border:1px solid #ccc;line-height:1.15em}
.formSelect option{padding:0 3px}
.formButton, .button{padding:2px 3px;background:#132788;cursor:pointer;color:#fff;line-height:1.15em;border:solid 1px #4252a0;position:relative;bottom:0;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);box-shadow: -2px 2px 8px rgba(0,0,0,0.2);border-radius: .2em;
	-webkit-transition: all 100ms ease-out;transition: all 100ms ease-out;
}
a.formButton, a.button{padding:4px 6px}
.formButton:hover, a.formButton:hover,  a.button:hover,  .button:hover{background-color:#4252a0;text-decoration:none;color:#fff}
.formButton:focus, .formButton:active, .button:focus, .button:active {bottom:-2px;box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}
input.formButton.bulky {padding:4px 6px; font-size:1.2em}
a.formButton.bulky {padding:8px 12px; font-size:1.2em}
.subjClass{visibility:hidden;width:1px;height:1px}
#mainBody #Captcha label{padding-left:0}

/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}

/*----- Fancy Checkbox -----*/
#mainBody label{padding-left:20px}
#mainBody .checked{background:transparent url(../images/chk_on.png) no-repeat 0 0}
#mainBody .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 -2px}
#mainBody .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 -1px}
#mainBody .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 -1px}



/*----- HEADER -----*/
#headerWrap {width: 100%; height: 105px; background: #ffffff url(../images/navigation/bgheader.jpg) repeat-x 0 0;}
#header {margin-left: auto; margin-right: auto; width: 950px; position: relative;}
#brand{width:230px; height:44px; position:absolute; left:0; top:16px; background: url(../images/har-conn-logo.png) no-repeat 0 0; display:block; padding: 15px 75px 15px 0px;}

#t0 {width:500px;height:20px;position:absolute;left:450px;top:20px;color:#ccc;font-size:10px;line-height:10px;text-align:right}
#t0 a {text-decoration:none;color:#999; }
#t0 a:hover, #tier0 a:active {color:#666}
#t0 a.on {text-decoration:none;color:#666;}

#ancillary {position: absolute; top:26px; right:0;}
#ancillary li {display: inline-block}
#ancillary li+li {border-left: 1px solid #666}
#ancillary a {font-family: "myriad-pro-condensed", sans-serif; padding: 0 11px; line-height: 100%; font-style: italic; font-size:16px; display: inline-block; color: #666}
#ancillary a:hover {color: #132788; text-decoration: none}

.icon-employment:before, .icon-contact:before, .icon-calendar:before, .icon-terms:before {content:''; width: .8rem;height: .8rem;background-position: center center;background-repeat: no-repeat;display: inline-block;margin-right:.5rem}

.icon-employment:before {background-image:url("../images/icons/file-edit-regular.svg")}
.icon-contact:before {background-image:url("../images/icons/envelope-regular.svg")}
.icon-calendar:before {background-image:url("../images/icons/calendar-alt-regular.svg")}
.icon-terms:before {background-image:url("../images/icons/terms-and-conditions.svg")}

.t1{ width:auto; position:absolute; left:0; top:68px; height:37px; background: transparent;}
.t1_home{}
.t1 li, .t1_home li{float:left;}
.t1 li:first-child a {background-image: none;}
.t1 a {display:block; font-family: "myriad-pro-condensed", sans-serif; color:#ccc; text-decoration:none; padding:8px 30px; font-size: 18px; font-weight: 600; text-transform:uppercase;  background: transparent url(../images/navigation/pipe.gif) no-repeat 0px 5px;}
.t1 > li:hover > a, .t1 a:active{background-color: #4252a0;  color: #fff;}
.t1 a.on {background:#132788 url(../images/navigation/pipe.gif) no-repeat 0px 5px;  color:#fff;}
.t1 li ul {position:absolute;z-index:9999;width:200px;padding:5px 0;background:transparent url(../images/navigation/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
.t1 li ul li {float:none; display: block}
.t1 li ul li a {background:none; color:#fff;text-decoration:none;padding:5px 10px; display:block}
.t1 li ul li a:hover, .t1 li ul li a:active {color:#26350c;background:#fff}

#header .search {position: absolute; top: 68px; right:0;}
#header .search form {position: relative}
#header .search input[type="text"] {height: 37px; width: 232px; transition: ease all 200ms; color: #fff; font-size: 16px; font-family: "myriad-pro-condensed", sans-serif; box-sizing: border-box; background: #66bc29; padding: 0 40px 0 1em}
#header .search input[type="text"]:hover {background: #499016}
#header .search input[type="text"]:focus {background: rgba(255,255,255,0.25)}
#header .search input[type="submit"] {position: absolute; transition: ease all 200ms; top:0; right:0; width:37px; height: 37px; cursor: pointer; background: url(/images/icons/search.png) no-repeat center}
#header .search input[type="submit"]:hover {opacity: 0.5}
     #header .search ::-webkit-input-placeholder {color: #fff; opacity:1; font-size: 18px; font-family: "myriad-pro-condensed", sans-serif; font-style: italic}
     #header .search ::-moz-placeholder {color: #fff; opacity:1; font-size: 18px; font-family: "myriad-pro-condensed", sans-serif; font-style: italic}
     #header .search :-ms-input-placeholder {color: #fff; opacity:1; font-size: 18px; font-family: "myriad-pro-condensed", sans-serif; font-style: italic}
     #header .search :-moz-placeholder {color: #fff; opacity:1; font-size: 18px; font-family: "myriad-pro-condensed", sans-serif; font-style: italic}

/* Mega Menu */
body {overflow-x: hidden}
#megamenu, #megamenu * {box-sizing: border-box}
#megamenu {position: absolute; left: 0; width: 100vw;margin 0; margin-right: calc(-100vw / 2 + 950px / 2); margin-left:calc(-100vw / 2 + 950px / 2);border-top: 1px solid #e1e1e1; background: #132788; box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.3); z-index:1;}
#megamenu ul {width: 100%; background: #132788; padding: 2em calc(50% - 475px); text-align: center; position: relative;}
#megamenu ul li {display: inline-block; vertical-align: top;}
#megamenu ul li a {text-align: center;font-size: 17px; border-radius: 3px; color: #fff;font-weight: 400;font-family: "myriad-pro-condensed", sans-serif;text-transform: none;padding: 1em 1em;width: 155px;line-height: 120%;}
#megamenu ul li a:hover {background: none; color: #66bc29}
#megamenu ul li a img {display: block; max-width:100%; height: auto; margin: 0 auto 10px}
#megamenu ul li a:hover img {transform: scale(1.05)}


/*----- SITEWRAP2 -----*/
#siteWrap2{width:100%; position: relative; background: #eee; padding-bottom: 70px}
     .home #siteWrap2{padding-bottom: 0; overflow: auto}
/*----- SITEWRAP3 -----*/
#siteWrap3{width:950px; margin-left: auto; margin-right: auto; padding-bottom: 20px;}

#pageHeader {float: left; width: 950px; height:117px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; background: transparent url(../images/pageheader.jpg)}

/*----- Left Column -----*/
#leftCol{float:left;margin-right:30px;width:280px;min-height:1px;overflow:hidden}

.sidenav{width:280px;overflow:hidden;}
.sidenav li{display:inline}
.sidenav li a{width:250px; padding:0px 0px 0px 0px; text-decoration:none; color:#555; display:block; background: #fff; font-size:16px; line-height:14px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600;}

.sidenav li a:hover, .sidenav li a:active{background: #fff;color:#000}
.sidenav li.on a{color:#000;background: #fff url(../images/navigation/nav-t1-repeat-bg.png) repeat-y 0 0 ; width: 220px; border-top: 1px solid #ccc; margin-top: 34px; margin-left:1px; padding:15px 0px 15px 20px; font-size:20px; text-transform: uppercase; line-height:18px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; box-shadow: 0px 2px 5px rgba(0,0,0,.2); overflow:hidden;}

.sidenav li.on a img {margin: 2px 0px 3px 10px;}

.sidenav li.on ul li a{width:205px; padding:14px 5px 14px 10px; margin:0px 10px; border-top: none; border-bottom: 1px solid #ccc; text-decoration:none; text-transform:none; color:#555; display:block; background: transparent; font-size: 20px; line-height: 18px; box-shadow:  none;}
.sidenav li ul li a:hover, .sidenav li ul li a:active{color:#fff; background: #132788;}
.sidenav li ul li.on a{color:#717db8; background: transparent;}

.sidenav li ul li.on ul li a{width:180px; padding:10px 10px 10px 30px; margin: 0px 20px; text-decoration:none; color:#999; border: none; display:block; background: transparent; font-size: 18px; line-height: 18px}
.sidenav li ul li ul li a:hover, .sidenav li ul li ul li a:active{color:#717db8; background: transparent;}
.sidenav li ul li ul li.on a{color:#717db8; background: #d0d4e7;}

.sidenav li ul li.on ul li ul li a{width:170px; padding: 4px 10px 4px 40px; margin: 0px 20px; text-decoration:none; color:#555; border: none; display:block; background: transparent; font-size: 14px; line-height: 18px}
.sidenav li ul li ul li ul li a:hover, .sidenav li ul li ul li ul li a:active{color:#717db8; background: transparent;}
.sidenav li ul li ul li ul li.on a{color:#555; background: #ccc;}

	
#callouts a span {color: #66bc29; font-size:22px; line-height:26px;  font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic; } 
#callouts a:hover {color: #66bc29;  text-decoration: none;} 
#callouts a:hover span {color: #52aa14;  text-decoration: none;} 
#callouts a {color: #666; font-size:15px; line-height:18px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic; cursor: pointer;}

img.inset {position:absolute; top:14px; left:10px; border: 1px solid #ccc; border-radius: 8px;}

a.trackCallout {display: block; position: relative; width: 130px; height:79px; border: 1px solid #ccc; padding: 15px 10px 8px 100px; margin: 30px 0px 0px 0px; 
background: rgb(241,241,241);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(226,226,226,1)));
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 100%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e2e2e2',GradientType=0 )}
a:hover.trackCallout {background: #f1f1f1; }

.contactCallout {display: block; position: relative; width: 135px; border-bottom: 1px solid #ccc; padding: 15px 5px 8px 100px; margin: 10px 0px; }

/*----- Content -----*/
#content{float:left;width:640px;padding-top:50px;overflow:hidden; min-height:500px;word-wrap:break-word}
.photoright{float:right;padding:0px 0px 10px 20px}
.photoleft{float:left;padding:0px 20px 10px 0px}
.phototreatment{}
.dark{background:#efefef}
.light{background:#fff}
.muted {opacity:0.5;filter:alpha(opacity=50)}

.highlight {margin: 20px 10px; padding: 10px 20px; background: #fdfdfd; border: 1px solid #ccc;}
.highlight h2 {color: #4252a0;  margin-top: 10px;}

.contact-list td {padding: 1em; width: 33%;}

.certifications li {margin-bottom: 1em;}
.certifications li img {mix-blend-mode:multiply; height: auto; width: 10em;}

#cert {float: left; margin: 3em 0 0; width: 100%;}
#cert h3 {color: #555; font-size: 1.8rem; font-weight: 600; margin-bottom: 1em;}
#cert li {float: left; text-align: center; padding: 0; width: 33.333%;}
#content #cert ul li:before {display: none;}
#cert li a {color: #66bc29; font-size: 1rem; text-align: center;}
#cert li a div {height: 3.75rem; margin-bottom: .5em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#cert li a img {display: block; height: auto; margin:0 auto; width: 100%; max-width: 10em; mix-blend-mode: multiply;}

/*----- FOOTER -----*/
#footerWrap {
     background: #000 url(../images/bg-footer.jpg) repeat 0 0;
     border-bottom: 1px solid #555;
     display: flex;
     padding: 2em 0;
     position: relative;
     width: 100%;
}
#footerWrap * {
     box-sizing: border-box;
}
#footer2 {width: 950px; margin-left: auto; margin-right: auto; color: #ccc;}
#footer2 p {font-size: 1em; line-height: 1.2em;}
#footer2 strong {color:#fff;}
#footer2 a{color: #66bc29; font-weight: bold;}
#footer2 a:hover, #footer2 a:active {color: #ccc;}
#address {
     display: flex;
     justify-content: space-between;
     margin-bottom: 1em;
     width: 100%;
}

#footer2 #footerRight a {color:#666; font-weight:normal; text-decoration:none;}
#footer2 #footerRight a:hover {color:#66bc29;}
#footerRight {
     background: #fff;
     border-radius: 8px;
     color:#666;
     float:left;
     padding: 10px 20px;
     text-align: center;
     width: 100%;
}
#footerRight ul {
     display: flex;
     justify-content: center;
     align-content: stretch;
     align-items: center;
}
#footerRight li {padding: 0px 10px; width: 20%;}
#footerRight img {max-width: 100%;}
#footerRight p {float:left; clear:both; width:100%; margin-top:10px;}
.nadcap em {display:block; line-height:1.3; margin-top:-0.375rem;}

#footer2 #footerRight a.faa {display: inline-block; text-align: center; font-size:0.75rem; font-weight: bold;}
#footer2 #footerRight a.faa:hover {color:#000;}

#footerWrap li.nadcap em {
     margin-top: 1px;
}
#footerWrap li.nadcap em a {
     display: block;
}

#footer{margin-left: auto; margin-right: auto; width:910px; padding:20px; color:#666; background: #000; font-size:.9em; line-height:1.1em;}
#footer a{color:#666}
#footer a:hover, #footer a:active{color:#ccc}
#footer a.on{text-decoration:none;color:#ccc}
#web-solutions-exposure {float:right;margin-left:11px}
#web-solutions-exposure img {margin-left:9px}



/*----- HOMEPAGE ELEMENTS -----*/
#leftColHome {float:left; margin-right:47px; margin-left:30px; width:340px; min-height:1px; overflow:hidden;}

#calloutsHome a span {line-height:32px; color: #66bc29; font-size:26px;  font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic; } 
#calloutsHome a:hover {color: #66bc29;  text-decoration: none;} 
#calloutsHome a:hover span {color: #52aa14;  text-decoration: none;} 
#calloutsHome a {color: #666; font-size:18px; line-height:18px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic; cursor: pointer; width:213px}

img.inset {position:absolute; top:14px; left:10px; border: 1px solid #ccc; border-radius: 8px;}

a.trackCall {display: block; position: relative; width: 135px; height:79px; border: 1px solid #ccc; padding: 15px 5px 8px 100px; margin: 30px 0px 0px 0px;
background: rgb(241,241,241);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(226,226,226,1)));
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 100%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(226,226,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e2e2e2',GradientType=0 )}
a:hover.trackCall {background: #f1f1f1; }

.contactCall {display: block; position: relative;  width: 135px; height:79px; padding: 15px 5px 8px 100px; margin: 0px; border-bottom: 1px solid #ccc;}

.newsCall {float:left; width: 318px; height:auto; border: 1px solid #ccc;  padding: 0px; margin: 0px; background: #e4e4e4;}

a.news {display: block; width: 300px;}
#calloutsHome h2 {margin:0px;}
#calloutsHome h2 a.news {color: #132788; font-size:26px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic; margin: 15px 0px 10px 0px; padding: 0px 10px 0px 20px; }
#calloutsHome h2 a.news:hover {color: #4252a0;}

#calloutsHome .newsCall span {color: #132788; font-size:26px;  font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic; } 
#calloutsHome .newsCall a:hover span {color: #66bc29;  text-decoration: none;} 
#calloutsHome .newsCall a {color: #666; font-size:18px; line-height:18px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic; }

#calloutsHome a.newsItem {display: block; width: 299px; padding: 5px 0px 15px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; }

#calloutsHome a.newsItem span {color: #66bc29; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; display:block}
#calloutsHome a:hover.newsItem span {color: #52aa14; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal;}
#calloutsHome a.newsItem {color: #555; font-size: 14px;}
#calloutsHome a:hover.newsItem {color: #66bc29; font-size: 14px;}
#calloutsHome .moreCall {float:left; }
#calloutsHome .moreCall a.more {display: block; width: 300px; background: #132788; color: #fff; font-size:18px;  font-family: "myriad-pro-condensed", sans-serif; font-weight: 500; font-style: italic; text-transform: uppercase; padding: 5px 0px 5px 20px; }
#calloutsHome .moreCall a:hover.more {background: #4252a0;}

#main-callouts,
#welcome, #welcome *,
#search, #search *,
#featured, #featured *{box-sizing: border-box}


#main-callouts {background: #fff; width:100%; float: left; clear: both; font-family: "myriad-pro-condensed", sans-serif; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 30px 1em}
#main-callouts .callout {text-align: left; text-decoration: none; width: 305px; display: inline-block;}
#main-callouts .callout + .callout {margin-left:58px; padding-left: 58px; border-left: 1px solid rgba(0,0,0,0.18)}
#main-callouts .callout img {margin-right: 22px; display: block; float: left}
#main-callouts .callout .title {margin: 10px 0 8px; font-size: 25px; font-style: italic; font-weight: 700; display: block; color: #66bc29}
#main-callouts .callout .title:after {content: " \25B8"; font-style: normal; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 0.25em}
#main-callouts .callout:hover .title {color: #132788}
#main-callouts .callout .brief {font-weight: 600; display: block; margin: 0; font-style: italic; color: #666666; font-size: 19px}
#main-callouts .callout:hover .brief {color:#333}

#welcome {float: left; clear: both; width: 100%; background: url(/images/home/welcome-left.jpg) no-repeat top left,url(/images/home/welcome-right.jpg) no-repeat top right; padding: 75px 1em; height: auto; text-align: center; border-top: 1px solid #eee; background-size: contain}
#welcome .wrap {width: 645px; margin: 0 auto}
#welcome h1 {color: #132788; font-size:38px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: normal; line-height: 20px;}
#welcome .subhead {color: #666; display: block; margin-bottom: 1em; font-size:28px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: italic;}
#welcome p {font-size: 16px; line-height: 24px; color: #666; margin-bottom: 1.5em}
#welcome p a {color: #66bc29}
#welcome strong {color: #000;}

#search {width:100%; box-sizing: border-box; padding: 62px 1em 70px; border-top: 1px solid #fff; float: left; clear: both; text-align: center; background: url(/images/home/search-bg.jpg) no-repeat center; background-size: cover}
#search h2 {color: #fff; margin-top: 0; font-size:38px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: normal; line-height: 100%;}
#search p {font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 1.5em}
#search form {position: relative; width: 370px; display: inline-block; height: 60px;}
#search [type="text"] {height: 60px; font-size: 18px; padding: 0 70px 0 1em; color:#fff; background: none; width: 370px; position: absolute; right:0; top:0}
#search [type="text"]+div {width: 100%; transition: ease all 200ms; position: absolute; bottom: 0; left;0; height: 2px; background: #66bc29}
#search [type="text"]+div:before {content: ""; transition: ease all 1s; display: block; position: absolute; height: 2px; width:0; left:0; bottom:0; background: #666;}
#search [type="text"]:hover+div {background: #499016}
#search [type="text"]:focus+div {background: none}
#search [type="text"]:focus+div:before {width: 100%}
#search [type="submit"] {height: 100%; transition: ease all 200ms; width: 60px; background: url(/images/icons/search-large.png) no-repeat center; background-size: 31px 31px; cursor: pointer; position: absolute; right:0; top:0}
#search [type="submit"]:hover {opacity: 0.5}

#featured {background: #eee; overflow: auto; text-align: center; clear: both; padding: 60px 1em}
#featured .wrap {max-width: 950px; margin: 0 auto}
#featured h2 {color: #132788; margin: 0 0 1em; font-size:34px; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: normal; line-height: 100%;}
#featured a {display: block; transition: ease all 200ms; float: left; font-size: 22px; color: #66bc29; font-family: "myriad-pro-condensed", sans-serif; font-weight: 600; font-style: normal;}
#featured a+a {margin-left: 44px}
#featured a:hover {text-decoration: none; color: #333}
#featured a img {display: block; border-radius: 10px; border: solid 1px #ccc; display: block; margin-bottom: 18px;}
#featured a:hover img {border-color: #666}

/*----- APPS AND COMPONENTS -----*/

/*----- Share Links -----*/
#linkBar{font-size:.9em;color:#ccc;margin-top:50px}
#linkBar a{text-decoration:none;color:#999}
#linkBar a:hover, #linkBar a:active{text-decoration:underline;color:#31659b}

/*----- Driving Directions -----*/
.ddGo { padding: 2px 3px; background: #f03c5e; cursor:pointer; color:#fff; font-size:11px; line-height:13px; border: solid 1px #e20e23; height:20px; font-size:12px; margin-left:5px}
#map h2{margin:0 0 5px 0}

/*----- Font Resizer AAA -----*/
.resizeSmall{font-size:9px}
.resizeMedium{font-size:12px}
.resizeLarge{font-size:15px}

/*----- Ad Rotator -----*/
.adRotator{}
.adRotator img{}

/*----- JS Rotator -----*/

	.wsRotatorMain{width:950px; height:375px; margin: 0 auto; position:relative; overflow:hidden;}
	.slideShow div{width:950px; height:375px; background: #fff; position:absolute; left:0; top:0; }
	.desc{width:300px; height:147px; position:absolute; right:15px; top:73px; overflow:hidden; font-size:26px; line-height:1.2em; color:#666; padding: 15px 35px 0px 35px; background: transparent url(../images/home/desc_bg.png) repeat-x 0 0; font-family: "myriad-pro-condensed", sans-serif; word-spacing: .08em; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0px 4px 5px rgba(0,0,0,.2);}
	.desc b {color: #66bc29; font-size:32px; font-weight: 600; font-style: italic;}
	a.rotatorButton{width: 120px; height: 25px; background: transparent url(../images/home/btn-learn-more.gif) no-repeat 0 0; color:#fff; padding:2px 6px; position:absolute; left:35px; bottom:20px; text-decoration:none; }
	a.rotatorButton:hover{background:transparent url(../images/home/btn-learn-more.gif) no-repeat 0 0;}
	.photo{width:950px; height:375px; background-color: transparent; background-repeat:no-repeat; background-position:center center; background-size: cover !important; position:absolute;left:0;top:0}
	.sliderButtons{position:absolute;right:10px;bottom:10px}
	.sliderButtons img{width:12px; height:12px; margin-right:3px; cursor:pointer;}
	.slideShow div span{display:block}
	.slideShowPhotos {display:none} /* Pre-loaded images (must always be set to display none) */
	.wsRotatorMain .jsMask {display:block;height:294px;position:absolute;width:531px;z-index:500} /* For a png image mask */

/*----- Alert App -----*/
#alertApp{width:910px;background:#900000;padding:15px 0;color:#fff;font-size:14px;line-height:16px;color:#fff;text-align:center}
#alertApp p{color:#fff}
#alertApp a:link, #alertApp a:visited{color:#ffffff;text-decoration:underline}

/*----- Callouts App -----*/
.callouts img{margin-bottom:10px;width:160px}
.callouts span{display:block}


/*----- MANAGEMENT -----*/
#Alert{position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding-top: 6px;background-color:#ADC1D7;color:#1D467C;font-size:12px;line-height:14px;opacity:0.8;filter:alpha(opacity=80)}

/*----- Manage -----*/
.manage th{padding:5px 0;border-bottom:1px solid #ccc}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage td{padding:1px}
.manage img.preload{display: none;position: absolute;z-index: 9900;top: 0px; border: solid 1px #FFFFFF}
.manage td.icons{padding-left:5px;width:45px}
.manage td.icons img{float:left;margin:3px 5px 0 0}
.manage .hidden{font-style:italic;color:red}
.button{text-align:right;padding:10px 0}


/*----- CUSTOM -----*/
.jobTracking {display:block; width:200px; padding:5px 10px; border:1px solid #ccc; color:#ccc; background:#141414}
.jobTracking:hover {background:#4252a0; color:#fff; text-decoration:none}

/*----- SERVICES -----*/
.processes a, #content .primeList a {font-family: "myriad-pro-condensed", sans-serif; font-weight: 500; color: #666; }

#content .primeList { margin-bottom: 4em; display: block}
#content .primeList li{margin-bottom: 1em}
#content .primeList a{font-size: 1.4em; display: block; padding: 2px}
#content .primeList a:hover { background: #000; color: #fff; border-radius: 4px; text-decoration: none}
.solidLine { border-top: solid 1px #ccc; margin-bottom: 2em}
.processes a { display: inline-block; font-size: 1.65em; margin-bottom: 2em; margin-left: .65em; vertical-align: top;}
.processes a:nth-child(3n+3) { margin-left: 0}
.processes a:hover img { opacity: .5}
.processes a img, .specs {width: 200px; height: 200px; border-radius: 10px; border:solid 1px #ccc; display: block; margin-bottom: 1em; padding: 0}
.specs { margin: 0 0 2em 4em}


#content .fancyTable, #content_sm .fancyTable{width:100%; font-size:1.2em; background:#f7f7f7; margin: 2em 0;}
#content .fancyTable th, #content_sm .fancyTable th  { background:#11228a; color:#fff;padding:.5em;font-size:1em; font-weight: 700;}
#content .fancyTable td, #content_sm .fancyTable td {padding:.5em}
#content .fancyTable tr:nth-child(odd), #content_sm .fancyTable tr:nth-child(odd) { background:#dddddd}

.tableWrap { width:100%; overflow:auto;-webkit-overflow-scrolling: touch;}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc{-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out}




@media screen and (max-width: 1300px) {
     #welcome {background-size: 50% 100%}
}