  /* IMPORT FONTS
------------------------------------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);


/* normalize   
------------------------------------------------------------------------------- */
:root { line-height:1.5; }
h1, h2, h3, h4, h5, figure, p, ol, ul { margin:0; }
ol[role="list"], ul[role="list"] { list-style:none; padding-inline:0; }
h1, h2, h3, h4, h5 { font-size:inherit; /*font-weight: inherit;*/ }
img { display:block; max-inline-size:100%; }


/* GENERAL   
------------------------------------------------------------------------------- */
body{ background:#3b3e41 url(../images/glow.png) top fixed no-repeat; color:#616c6e; font-family: 'Droid Sans', "Helvetica Neue", sans-serif; font-size:90%;  }
	a{ color:#056aff; text-decoration:none; vertical-align: bottom;}
	a:hover{ color:#125da2; }
    p { margin-bottom:1em; } /* Add break between each element */
	h1 { font-size:1.8em; color:#464a4d; margin-bottom:1em; line-height:1.3em; }
	.banner_text1{ font-size:1.7em; font-weight:lighter; }
	h2 { font-size:1.3em; margin-bottom:0.5em; line-height:1.3em; }
	.banner_text2{ font-size:1.2em; font-weight:lighter;}
	h3, .faqSubTitle { font-size:1em; margin-bottom:0.5em; }
	.show, .faq{ background-color:#eaeef2; padding:1em; margin-bottom:1em;}
	.faq a, #faq a { display:inline !important }
	#bodyWrap{ width:915px; margin:0 auto; }
	h1 sup, .banner_text1 sup { font-size:11pt; }
    sup { vertical-align:super; font-size:smaller;}

/* HEADER
------------------------------------------------------------------------------- */
header{ width:915px; height:150px; align:center; position:absolute; top:0px; display:block; margin:auto; margin-top:-18px; margin-bottom:20px; z-index:5; background-color:#3b3e41; }
	#logo a{ display:block; width:250px; height:45px; }
	#logo{ padding:50px; }
	#headerHome{ position:relative; margin-bottom:0px; }
	/*.sub_header { margin-bottom:20px; }*/	
	.headerSpace { height:20px; }
	.space{ margin-top:1.5em; }
	
/* MENU
------------------------------------------------------------------------------- */
.menu-wrap { margin-top:-7em; float:right; margin-right:2em; }
	#navbar { margin:0px; padding:0px; height:1em; }
	#navbar li { list-style:none; float:left; }
	#navbar li a { display:block; padding:3px 8px; text-decoration:none; }
	#navbar li ul { display: none; width:10em; width:130px; /* Width to help Opera out */ background:#3b3e41; }
	#navbar li:hover ul, #navbar li.hover ul { display:block; position:absolute; margin:0px; padding:0px; }
	#navbar li a, #navbar li.hover li a { color: #cecccd; }
	#navbar li a:hover, #navbar li li a:hover { color:#fff; }
	#menu-wrap-phone, .phone-footer { display:none;}
.legal-menu{ text-align:center; font-size:small; margin-top:2em; }

/* CONTENT
------------------------------------------------------------------------------- */
.section{ width:100%; float:left; padding:0 0 50px 0;  }
	.content{ margin-top:160px; background-color:#fff; padding-bottom:50px; }
	.line{ width:100%; clear:both; margin-top:20px; margin-bottom:20px; border-bottom:solid 1px #ccc; }
	a.more, .faq a  { font-weight: normal; text_decoration:none; display:block; /*margin-top:10px; margin-bottom:10px; */}
	.more-all{ float:right; margin-right:74px; font-size:80%; }
	.noPaddingBottom  {padding:0 0 0px 0;}
	.grayborder{ border:1pt solid #ddd; border-collapse:collapse; width:100%;}
	.grayborder tr{ vertical-align: top; }
	.grayborder th{ background-color:#bdbcbc; }
	.grayborder tr td{ border:1pt solid #ddd; margin:0px; padding:10px; }
	.grayborderlogo{ padding:1px; text-align:center;  }
	.content_border{ border:solid 1pt #ccc;background-color:#fff;padding:20px; }
	#myMap{ width:500px; height:300px }
	#visit_column{ margin-top:0px; }
    .partner img{ display:inline; }

    /* Support Table */
    .supportHead th { background-color:#ccc; border:1px solid #ddd; vertical-align:middle; white-space: nowrap; padding:0.5em; }
    .support1 { background-color:#ffe5e3; }
    .support2 { background-color:#fff5e1; }
    .support3 { background-color:#fffddb; }
    .support4 { background-color:#dfffec; }

	
/* fix for the IE9 compatibility */
.ie9_compatibility {  clear:left; }
	
/* CONTENT
------------------------------------------------------------------------------- */
.column { width:801px; display:table-cell; z-index:1; padding-top:30px; padding-right:70px; padding-left:70px; }
	.space_left{ padding: 0px 0px 0px 20px; }
	.space_both{ padding: 0px 20px 0px 20px; }
	.column_img{ display:inline; margin:0px; z-index:1;position:absolute; margin-top:3px; z-index:0; }
	.column ul{ margin-top:10px; margin-left:15px;}
	.column ul li{ margin-top:10px; list-style:disc outside; }
	.column_border{ border:solid 1px #ccc; } 
	.secBox{ float:left; height:185px; width:237px; }
	.secBox p{ margin-top:5px; text-align:center; font-size:16px; }
	.secBox:hover, div.secBox_over{ background-position: 0 0; }
	.margin_left { margin-left:20px;}
	.colmn_photo{ width:237px; float:left; margin-right:20px; }
	.colmn_photo p{ width:237px; text-align:center; margin-top:10px; }
	.twoColumnsText{ width:500px; height:80px; float:left; clear:right; align:left; display:block; margin-top:0px; margin-bottom:0px;}
	.newPara{ clear:both; }
	.oneColumnText { align:left; width:240px; display:block; text-align:center; }
				
/* BANNER FOR HOME
------------------------------------------------------------------------------- */
#sec_banners{ width:915px; height:285px; float:left; overflow:hidden; padding-bottom:0px; background-color:#3b3e41; /* CT added position */ position:relative; }
	.banner{ width:915px; height:285px; left:0px;top:95px;z-index:5; /* CT position:relative;*/ }
		.banner_text_wrap{ width:95%; height:20%; position:absolute; top:0px; left:3px; margin-bottom:20px; z-index:1; }
		.banner_text1{ font-family: 'Droid Serif', serif; line-height:1.2em; font-size:clamp(16px, 4vw, 22px); color:#cecfd1; margin-bottom:0; }
		.banner_text2{ font-family: 'Droid Serif', serif; line-height:1.2em; font-size:clamp(14px, 3.5vw, 20px); color:#888d94; margin-bottom:0; }
			.textOnly{ width:830px; margin-right:53px; margin-left:53px;}
		.banner_img{ position:absolute;right:0px;top:0px;z-index:2;}

/* BLUE BOXES
------------------------------------------------------------------------------- */
/* visiting */
#feature2_wrap{ border:none; position:relative;}	
	.feature2{ width:240px; height:110px; float:left; margin-right:15px; margin-bottom:30px; background:url('../images/box/box4.png') bottom; align:center; }
/*index */
#feature_wrap{ width:915px; padding:18px 0 0 0; border:none; }
	.feature{ width:295px; height:185px; float:left; margin-right:15px; margin-bottom:18px; background:url('../images/box/box3.png') bottom;  list-style-type:none; }				
		.feature:hover, li.feature_over, .feature2:hover, li.feature2_over, .feature3:hover, li.feature3_over{ background-position: 0 0; }
.feature .caption{ padding:0.5em; }
		.feature img { position:relative; bottom:0px; border:none; padding-top:30px; padding-bottom:10px; margin:0 auto 1em auto; }
		.feature2 img{ position:relative; bottom:0px; border:none; padding-top:2px; padding-bottom:0px; margin:0 auto 1em auto; }
			.last_feature{ margin-right:0px; }										
			.caption{ height:15px; padding:0px; padding-top:10px; position:relative; color:#FFF; text-align:center; vertical-align:top; }
				.caption p{ font-family:'DroidSansBold', Sans-serif; font-size:110%; /*padding:9px; padding-top:10px; */ line-height:1.2em; align:center; display:block; text-transform:uppercase; }
				.caption p a{ text-decoration:none;}	
				.center { text-align:center; margin-top:10px;}
				.grid_wrap{ position:relative; width:100%; display:table-row; }
				.grid { float:left; display:table-column; margin-top:0px; }
				.ms { width:623px; }
				.grid_img{ width:250px; }
				.pdf { width:100%; background-color:#ccc; }
				.box{float:left; margin-right:30px; margin-bottom:20px; }
		/* workforce */
		#feature3_wrap{ border:none; position:relative; width:100%; }
		.feature3{ width:65%; height:6em;}
		.feature3noArrow{ width:100%; }
            .feature3noArrow p {  margin-bottom:0; }
		.feature3arrow{ display:grid; width:100%; height:55px; align:center; background:url('../images/box/arrow.png') top no-repeat; }
			.feature3arrow p { align-self:center;  padding-left:29em; line-height:1.2em; margin-bottom:0; }
			.wz1, .wz2, .wz3, .wz4, .wz5, .wz6  { background:url('../images/box/box7.png') bottom; }
			.feature3 .caption{ height:15px; padding:0px; padding-top:5px; position:relative; color:#FFF; text-align:center; vertical-align:top; }
			.feature3 p{ font-family:'DroidSansBold', Sans-serif; font-size:10pt; align:center; text-transform:none; /*line-height:1.3em; */margin-bottom:20px;}		
			.proName { font-size:15pt; /*line-height:1.3em; */margin-bottom:20px; }
			.wz, .wzo { vertical-align:middle; color:#b6b6b6; font-size:10pt;}					
			#test1{ background-position: 0 0; }
/* For two lines */
#workforceBox img, #airBox img { margin:auto auto 0.3em auto; }

/* TAGGLE (BLUE BOX OPEN/CLOSE CONTENT)
------------------------------------------------------------------------------- */
#slidingDiv, #slidingDiv_2, #slidingDiv_3, #slidingDiv_4, #slidingDiv_5, #slidingDiv_6{ display:none; }
#slidingDiv_0{ display:visible; }
	.toggleDiv{ width:873px; height:auto; position:relative; background-color:#fff; padding:20px; }
	.buttonClose { position:absolute; width:48px; height:50px; text-align:right; margin-left:840px; top:5px; cursor:pointer; background:url(../images/button/closeButton.png) bottom;}
	.buttonClose:hover, .buttonClose_over{ background-position:0 0; }
	#space{ display:none;}
	.taggleSpace { height:18px; width:875px; }
	.go { width:48px; height:50px; text-align:right; margin-left:840px; margin-bottom:-16px; top:400px; border:none; cursor:pointer; background:url(../images/button/b_go.png) bottom; }
	.go:hover, .go_over{ background-position:0 0; }

/* FOOTER
------------------------------------------------------------------------------- */
#footerSlideContainer { width:915px; position:fixed; bottom:0px; z-index:5;  }
	#footerSlideButton { width:50px; height:50px; position:absolute; top:-55px; right:5px; border:none; cursor: pointer; background:url(../images/button/sliderButton.png) top left no-repeat transparent; }
	#footerSlideContent { width:100%; height:0px; background:#54585d; color:#ccc; border:none; }
	#footerSlideText { padding:0px 10px 0px 55px; }
	#footerSlideContent a { color:#fff }
	#footerSlideContent a, #footerSlideContent a:hover { color:#fff; }
	#footerSlideContent a:hover, #footerSlideContent a:hover { color:#cecccd;  }
.footer-short{ width:100%; margin-top:20px; color:#696c72; font-size:80%; text-align:center; margin-bottom:20px;}
.footer-index{ width:850px; color:#696c72; font-size:12px; text-align:center; position:absolute; bottom:20px; }



/* 404
------------------------------------------------------------------------------- 
.page-not-found{ color:white; font-size:x-large; margin:auto; margin-top:10rem; width:50%; display:block;  justify-content: center; text-align:center; }
*/

/* Misc
------------------------------------------------------------------------------- */
.covid19 a {color:#ccc}
.cloudDiagram{ width:100%; }

.close{ margin-top:0.5em; }
