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

#departmentalPageNav li ul {width:390px; left: -18px;}
#globalHeaderContainer .globalHeaderLogo {padding-bottom: 1em;}
.es-staff {zoom:1; background-color:#eeeeee; padding:10px; margin:5px 0;}
.es-staff-subwrap h4 {text-decoration:underline; color:#666;}
.es-staff .span_9_of_12 p {margin-left:10px;}
.es-staff:before,
.es-staff:after { content:""; display:table; }
.es-staff:after { clear:both;}


.departmentPage h3 {line-height:1; font-size:16px;}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
.es-staff .span_3_of_12 {width:22.75%}
.es-staff .span_9_of_12 {width:74.25%}
}

.internalContainer {margin-top:0; margin-bottom:0;}
.breadcrumbs {margin:0; padding:0; margin-top:30px;}

.pageTitle {color:#f15a22; font-weight:bold;}
.pageTitle a {color:#f15a22;}

a[href$='.pdf']:after {
   margin-left: 3px;
    content: url(/img/icon/icon-pdf.png);}

.site-wrap p + ul {margin-top:-5px;}
.site-wrap h2 + p {margin-top:-10px; padding-top:0;}
.site-wrap h4 {color:#002a5c; margin-top:10px; text-decoration:none; line-height:1.2;}

.site-wrap h1 {color:#f15a22; margin-bottom:40px;}
.site-wrap h2 {color:#f15a22; margin:0; padding:0; border-bottom:1px solid #002a5c; margin-bottom:25px; 
	padding-bottom:10px; line-height:1.2 !important; padding-top:30px;}
.site-wrap h3 {color:#f15a22; margin:0; padding:0; border-bottom:1px solid #002a5c; margin-bottom:25px; 
	padding-bottom:10px; line-height:1.2 !important; padding-top:20px;}

.site-wrap .col h2:first-child{padding-top:0;}

.site-wrap p {line-height: 1.4 !important;}
.site-wrap li {line-height: 1.3 !important; padding-bottom:8px;}
.site-wrap table {width:100%;}
.site-wrap td {border:1px solid #aaaaaa; padding:10px; vertical-align:top;}
.site-wrap blockquote {background-color:#eeeeee; padding:15px;}

.site-wrap ul li ul {margin-top:10px; margin-bottom:0;}

hr {margin:15px 0; border-style:solid; border-color:#eeeeee;}

.excessiveh2 h2 {margin-top:40px !important;}
.excessiveh2 h2:first-child {margin-top:0px !important;}

.intro {font-size:140%;}

.button {display:inline-block; background-color:#f15a22; border-radius:5px; padding:10px; color:#ffffff; cursor:pointer;}
.button a {color:#ffffff; cursor:pointer}
.button:hover {}
.button a:hover {color:#002a5c;}

a.orange.internalBtn:hover {background-color:#002a5c;}

table.contact {padding:0; margin:0 0 20px 0;}
table.contact td {padding:10px 10px 10px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}

.span_2_of_10 {width: 17.6%;}

@media (max-width: 767px) {
	.span_4_of_12,
	.span_8_of_12 {width: 100% !important;}
	
	}
.col {padding-right: 0px; padding-left: 0px;}



/* Make a single row flex and center items vertically */
.row-flex-center {
  display: flex;
  align-items: center;   /* vertical centering */
  gap: 1.25rem;          /* optional spacing between cols */
  flex-wrap: wrap;       /* allow wrap on small screens */
}

/* Flex items should behave like your columns */
.row-flex-center > .col {
  float: none;           /* disable float just for this row */
  /* keep your column widths from span_* classes */
  flex: 0 0 auto;        /* respect existing width from .span_X_of_12 */
}

/* On mobile, stack normally */
@media (max-width: 768px){
  .row-flex-center { display: block; }
  .row-flex-center > .col { float: none; width: 100% !important; }
}


/* Make just this row a flex row with fixed column widths */
.row-flex { 
  display: flex;
  align-items: center;    /* vertical center */
}

/* turn off floats just inside this row (keep floats elsewhere) */
.row-flex > .col { float: none; }

/* width utilities matching your 12-col grid */
.fb-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.fb-8 { flex: 0 0 66.667%; max-width: 66.667%; }



/* responsive: stack on small screens */
@media (max-width: 768px) {
  .row-flex { flex-direction: column; }
  .fb-4, .fb-8 { flex: 0 0 100%; max-width: 100%; }
}





/* Utility classes for vertical centering */
.v-center {
  display: flex;
  flex-direction: column;   /* stack children vertically */
  justify-content: center;  /* center vertically */
}

.h-center {
  display: flex;
  justify-content: center;  /* center horizontally */
}

.center-all {
  display: flex;
  align-items: center;      /* center vertically */
  justify-content: center;  /* center horizontally */
}