@charset "utf-8";
/* CSS Document */

 

/* Capabilities */
ul.sideRibbon li .listMedLarge li a {
    background: url(/Images/Buttons/AboutUs/Nav_icon_trans.png) no-repeat 3px;
    padding: 13px 0 13px 18px;
    display: block;
    outline: none;
}
.AboutLeftCol li {
    list-style: none;
    line-height: 15px;
}
.sRight {margin-right:10px; padding:0;}	
#top-menu {width:190px; height:640px;}
#contactMenu {width:190px;}
/* .section.main {width: 90%; min-width: 320px; max-width:1000px; margin-bottom:20px;} */
ul.sLeft {padding-left:0;}	
#boxes {max-width: 970px;}
#BannerBacking {max-width: 1000px;}
#bannerImg {min-width:400px; width:95%; margin-bottom:10px;}
#text {max-width: 1000px;}
#grayBox {padding: 10px; background: #eee; border: 1px solid #ccc}
#photo {width:90%; height: auto; min-width: 160px; margin-bottom:20px; margin-top:20px;}
#graph {width:90%; max-width:600px; height: auto; box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);}
#btn-view {margin-top:15px; margin-bottom:15px;}
.jobcol img {padding-bottom:5px;}
.jobcol {font-size:18px; margin-top:15px;}
.joblist {min-width:300px; display:inline-block; margin-bottom:10px;}
 
@media only screen and (max-width: 769px) {
	#top-menu {display:none;}
	#bt-menu {display:visible;}
	.sRight {margin-left:0;}
	#BannerBacking {display:none;}
	#title {display:visible;}
	#btnMenuCol {width:100%;}
	ul.sideRibbon {margin:0; padding:0;}
	}
	
@media only screen and (min-width: 770px) {
	#top-menu {display:visible;}
	#bt-menu {display:none;}
	.sRight {margin-left: 190px;}
	#title {display:none;}
	#btnMenuCol {width:250px;}
	.joblist {font-size:18px;}
	

	}
	
@media only screen and (max-width: 576px) {
	#nextBtn {display:none;}
	}

/* About Us */

.abtbox {min-width:300px; display:inline-block; margin-bottom:15px;}
.contact p {line-height: 1.2em;}
.towerimg {width:60%; height: auto; max-width: 400px;min-width:160px;}	
	
@media only screen and (max-width:576px){
	#videoBox {display:none;}
	}
	#map {width:90%; height:auto; min-width:220px; box-shadow: 0 2px 6px rgba(0,0,0,0.7);}
	#chart {width:90%; height:auto; min-width:220px; box-shadow: 0 2px 6px rgba(0,0,0,0.7);}
	#grayBox {padding: 10px; background: #eee; border: 1px solid #ccc;}
	#video {width: 400px; height:225px;}

/* Resources */

#contactCol {width:220px;}
.mainRight {padding:1px 0 0 8px;}

@media only screen and (max-width: 769px) {
	#contactCol {display:none}
	.mainRight {margin-left:15px;}
}

@media only screen and (min-width: 770px) {
	.mainRight {margin-left: 220px;}
}

/* Documents */

.signature {max-width: 500px;}
.signature img {width:90%; height:auto; max-width:380px;}
.logoBox {max-width:380px;}
.reflex {max-width: 400px; min-width: 200px; width:90%;}
.lineSheet {min-width:180px;}
.denotes {color:#0054A4;}

/* Support */

.minphoto {width:60%; height: auto; min-width: 160px; margin-bottom:20px; margin-top:20px;}

/* Site Map */

.sitelist {min-width:180px;}
.sublist {margin-left:10px; margin-bottom: 5px;}


/* Mobile App Page */

.appimg {height:auto; width:35%; min-width:180px; margin-bottom:10px; margin-left:20px; box-shadow: 0 2px 6px rgba(0,0,0,0.7);}
.btniOS {margin-bottom:20px; margin-right:20px; float:left;}
.btnAnd {margin-bottom:20px;}
@media only screen and (max-width: 769px) {
	.btnAnd {float:left; margin-right:30px;}
}
@media only screen and (max-width: 582px) {
	.btnAnd {margin-top:10px; margin-bottom:15px; margin-right:100%;}
}


  
.footer {
        background-color: #181818;
        padding-bottom: 30px;
    }

    .footer h3 {
        margin-top: 18px;
        margin-bottom: 18px;
    }

    .footer .well {
        background-color: #022A4C;
        border: none;
    }

    .footer * {
        color: #ddd!important;
    }

    .footer a:hover {
        color: white!important;
    }

    [id*=ulFooterLinks] {
        margin-bottom: 0;
    }

    [id*=ulFooterLinks] li:not(:first-child)::before {
        content: "\2022";
        margin-right: 5px;
        margin-left: -7.5px;
    }