html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit}

.Hidden {display:none}
.Block {display:block}
.C {text-align:center}
.W100 {width:100%}
.PT025 {padding-top:0.25em}
.PT1 {padding-top:1em}
.PB1 {padding-bottom:1em}

.H1 {height:1em}

.I {font-style:italic}

body {font-size:16px; margin:0; padding:0; font-family:Arial; color:#000000; background-color:#FFFFFF; border:0}
div {position:relative; left:0; top:0; margin:0; padding:0; border:0}
img {margin:0; padding:0; border:0}
ul {margin:0.5em 0 0.5em 1em; padding:0}
	li {margin-bottom:0.5em; padding:0}


div.frmPage {width:100%}
div.frmCon {max-width:64em; margin:0 auto}
div.ttlPage {font-size:1.2em; margin:0.5em 0 0.5em 0; font-weight:bold}
div.stlPage {font-size:1em; margin:0.5em 0 0.5em 0; font-weight:bold}
div.clearfix {clear:both}
img.imgPeople {float:left; margin:0 0.5em 0.5em 0}
img.imgBig {width:100%; max-width:58em}
a.lnkTel {text-decoration:none; font-weight:bold; color:#000000}
a.External {text-decoration:none; color:#4080C0}
	img.icoExtLink {height:1em; margin-right:0.25em}


/* Top Section ============================================== */
div.secTop {position:fixed; width:100%; height:4em; background-color:#E0E0E0; z-index:100}
	
	span.Logo {float:left}
		a.Logo {border:0}
			img.Logo {height:3em; margin-top:0.5em}
	span.mnuTop {float:left; margin-left:1em}
		a.mnuTopNews {float:left; height:4em; line-height:4em; color:#00B000; text-decoration:none}
	span.itmNav {float:right; height:3em; margin:1.5em 0 0 1em}
		a.cdeNav {color:#0080E0; text-decoration:none}
	span.icoNav {float:right; cursor:pointer}
		img.icoNav {height:3em; margin-top:0.5em}

/* Top Navigation ------------------------------------------- */	
	div.frmNav {overflow-x:auto; overflow-y:hidden}
		div.frmNavG {display:inline-block; border:1px solid #FF0000}
			span.namNavG {float:left; height:2em; margin:1em 0 0 1em; line-height:2em; color:#0080E0; cursor:pointer}
			div.conNavG {display:block; position:absolute; top:3em; z-index:101; border:1px solid #FFFF00}
				div.conNavG:hover {display:block}
				a.itmNav {float:left; height:2em; margin:1em 0 0 1em; line-height:2em; color:#0080E0; text-decoration:none}
	
		div.frmNavG:hover div.conNavG {display:block}
				

div.secBanner {width:100%; margin-top:4em}
	div.bnrIndex {background-image:linear-gradient(to right,#88B8E8,#142A3B)}
	div.bnrTaC {background-image:linear-gradient(to right,#403050,#5E385B)}
	div.bnrNews {background-image:linear-gradient(to right,#08192D,#111725)}
	img.imgBanner {width:100%; vertical-align: bottom}
	div.frmBannerText {position:absolute; left:5%; top:22%}
		div.txtBanner {font-size:1.25em; font-style:italic; color:#404080; text-shadow:1px 1px #E0E0E0}
			span.btnBanner {display:inline-block; margin-top:0.5em; padding:0.5em; color:#00D800; background-color:#FFFFFF; border:1px solid #00D800; border-radius:0.5em; cursor:pointer}
				span:hover.btnBanner {color:#FFBF00; border-color:#FFBF00}

/* Page Content --------------------------------------------- */	
div.secCon {margin:0 0 1em 0}
	div.ttlCon {margin:1em 0 0.5em 0; padding:0.5em; font-weight:bold}
	div.stlCon {margin:0.5em 0.25em 0.5em 0.25em; font-weight:bold; font-style:italic}
	div.txtCon {padding:0.5em; line-height:1.5em}
	div.txtCon1 {padding:1em 0.5em 0.5em 0.5em; line-height:1.5em; text-align:center; text-shadow:1px 1px #E0E0E0; background-color:#A6DAF2}

/* Areas of Expertise ....................................... */
	.bgcAE {background-color:#A0D0E8}
	div.mnuAE {width:100%; height:3.5em}
		span.mitAE {float:left; width:3em; height:3.5em; margin-right:0.5em; background-color:#E0E0E0; border-bottom:0.5em solid #FFFFFF; cursor:pointer}
			img.icoAE {width:3em; height:3em}
	div.frmAEs {width:100%}
		div.frmAE {}
			div.ttlAE {height:2.5em; line-height:2.5em; font-weight:bold; background-color:#E0F0E0}
				img.icoAET {float:left; height:1.5em; margin:0.5em}
			div.stlAE {font-weight:bold}
			div.sstAE {font-weight:bold; font-style:italic}
			div.imgAE {width:100%}
			img.imgAE {width:100%}
			div.pnlIaT {height:4em; margin-bottom:1em; line-height:4em}
				img.icoIaT {float:left; height:4em; padding-right:0.5em}
@media only screen and (max-width:410px) {
			div.pnlIaT {height:4em; margin-bottom:1em; line-height:2em}
}
	
/* Management ............................................... */
	.bgcMng {background-color:#B0E0D0}
	div.mnuMng {width:100%; height:6.25em}
		span.mitMng {float:left; width:6em; height:6.25em; margin-right:0.5em; border-bottom:0.25em solid #FFFFFF; cursor:pointer}
			img.icoMng {width:6em; height:6em}
	div.frmMngs {}
		div.frmMng {}
			div.ttlMng {margin:0.5em 0 0.5em 0.5em; font-weight:bold}
			div.stlMng {font-weight:bold}
			img.imgMng {float:right; width:10em; margin:0 0 0.5em 0.5em}
			div.notMng {margin:0.5em 0 0.5em 0.5em; font-weight:normal}
	
/* Core Values .............................................. */
	.bgcCV {background-color:#D0D0E0}
	
	
	
	div.frmBoxes {width:100%; margin-top:0.5em}
		div.frmBox {float:left; width:33.33%}
		div.conBox {margin:0 0.5em 1em 0}
		
			
			div.ttlBox {height:2.5em; line-height:2.5em; font-weight:bold; background-color:#F0F0F0}
				img.icoTitle {float:left; height:1.5em; margin:0.5em}
			div.tfrBox {height:20em; overflow-x:hidden; overflow-y:hidden; border:1px solid #F0F0F0}
					img.imgBox {width:100%}
				div.txtBox {padding:0.5em}
				div.btnML {position:absolute; left:0; top:19.4em; width:8em; height:3em; line-height:3em}
					img.icoML {float:right; cursor:pointer}
					span.txtML {float:right; height:3em; padding-right:0.5em; line-height:3em}
				div.frmMLB {position:absolute; left:0; top:19.5em; width:100%; height:3em; background-color:#808080; opacity:0.75}
/*				div.txtBox {padding:0.5em; background:linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)} */


	
	div.frmConIco {height:4em; padding:0.5em; background-color:#F0F0F0}
		span.btnConIco {float:left; width:3em; height:3em; margin-right:0.5em; text-align:center; border:1px solid #CCCCCC; cursor:pointer}
			span:hover.btnConIco {border:1px solid #FFBF00}
			img.icoConBtn {height:100%}

div.secFooter {width:100%; padding:1em 0.5em 0.5em 0.5em; background-color:#E0E0E0}
	div.linFooter {min-height:1.5em}
		a.TaC {float:left; text-decoration:none; color:#0080E0}
		span.TaC {float:left; font-weight:bold; color:#20B0E0}
		span.Copyright {float:right; font-size:0.85em}

@media only screen and (max-width:800px) {
	div.frmBox {width:50%}
}
@media only screen and (max-width:480px) {
	span.itmNav {float:right; height:1em; margin:0.5em 0 0.5em 2em}
	div.frmBox {width:100%}
	div.conBox {margin:0 0 1em 0}
}

/* ========================================================== */
/* ---------------------------------------------------------- */
