/* CSS Document */
/* for browsers with widths set to 564 and below */
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#PageWrapper1, #PageWrapper2 {
	position:relative;
}
#PageWrapper2 #BoxColumn2 a.l4backButton {
	margin-bottom:7px;
}
/* ---------------------------------------- HEADER ---------------------------------------- */
/* --- WRAPPER --- */
#BoxHead {
	background-color:#fff;
	position:relative;
	top:0;
	width:100%;
	float:left;
	background-color:#fff;
}
/* --- WIDTH DETERMINER --- */
#BoxBanner {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	position:relative;
}
/* --- SOCIAL --- */
#BoxSocial {
	display:none;
}
/* --- LOGO --- */
#BoxLogo {
	background-image:url(../e_images/sprite_logo_gpd_17.png);
	background-repeat: no-repeat;
	background-position: 0px -268px;
	position:static;
	left:0;
	width:100%;
	height:75px;
	z-index:120;
	margin-top:50px;
}
#PageWrapper2 #BoxLogo, #PageWrapper3 #BoxLogo {
	display:none;
}
#BoxBanner img { /* increases the clickable area of the logo */
	height:66px;
	width:100%;
}
/* --- NAV --- */
#tinyNav, #tinyNav1 {
	display:none;
}
#NavWrap {
	z-index:110;
	background-color:#666;
	height:46px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	padding-top:13px; /* DETERMINES HOW FAR DOWN THE 'YOU'RE HERE' ICON GETS DRIVEN */
	padding-left:7px;
	overflow:hidden;
}
ul.BoxNav {
	list-style-type:none;
	padding-left:0px;
	margin-left:0;
	font-family:gothic;
	font-size: 15px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}
ul.BoxNav li {
	display:block;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:30px; /* DETERMINES HOW MUCH OF THE 'YOU'RE HERE' ICON GETS SHOWN */
	white-space: nowrap;
}
#NavWrap ul.BoxNav li a {
	color:#fff;
}
#NavWrap ul.BoxNav li.yourhere { /* apply this class to whichever link is indicated on a per-page basis */
	background-image:url(/e_images/icon_bg_yourhere_03.png);
	background-repeat:no-repeat;
	background-position: center 0px;
}
/*
.linkArray3 ul.BoxNav li:nth-child(4n){ <!-- for CV pages, dumps the link to main to save horizontal space -->
	display:none;
}
*/
.goBack {
	font-family:gothicb;
	font-weight: bolder;
	padding-top: 2px;
	font-size: 14px;
}
#phoneFuzz {
	top:0;
	width:100%;
	position:fixed;
	height:70px;
	background-image:url(../e_images/bg_phoneFuzz_04.png);
	background-repeat: repeat-x;
}
#PageWrapper1 #phoneFuzz {
	background-image:url(../e_images/bg_phoneFuzz_04alt1.png);
	height:56px;
}
/* ---------------------------------------- CONTENT ---------------------------------------- */
#BoxWrapper {
	clear: both;
	margin-top:70px; 
	z-index: 80;
	overflow:visible;
}
#PageWrapper1 #BoxWrapper {
	margin-top:51px;
}

/* -------------------- SLIDER -------------------- */
#Wow, #WowTablet {
	display:none;
}
#Fuzzmerizer {
	display:none;
}
#BoxBullpen, #wangchung, {
	height:100%;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
/* -------------------- LEVEL 2 ONLY -------------------- */
#ColumnWrapper {
	width:95%;
	position:static;
	margin-left:auto;
	margin-right:auto;
}
#BoxColumn1 {
	width:100%;
	margin-bottom:7px;
}
#BoxColumn2 {
	width:100%;
	margin-bottom:14px;
}
#BoxColumn3 {
	width:100%;
}
.BoxVerbiage {
	margin-bottom: 14px;
}
#BoxColumn2 img, object, embed, iframe {
	margin-bottom:7px;
	max-width:100%;
}
#BoxColumn2 iframe, #BoxColumn2 embed {
	display:none;
}
h1 {
	font-family:gothicb;
	color:#1a6498;
	font-size:40px;
	line-height:37px;
	padding-top: 4px;
	margin-right:2px;
	margin-left:2px;
	margin-bottom:8px;
}
h2 {
	font-family:gothicbi;
	color:#62aecf;
	font-size:25px;
	line-height:25px;
	padding-right:3px;
	padding-left:3px;
	margin-bottom:-1px;
}
h3 {
	font-family:gothicbi;
	color:#62aecf;
	font-size:25px;
	margin-top:20px;
	margin-bottom:3px;
	padding-right:3px;
	padding-left:3px;
}
.BoxVerbiage p {
	padding-right:3px;
	padding-left:3px;
	font-size:20px;
	line-height:24px;
	color:#898989;
	padding-top:12px;
}
#PageWrapper2 .BoxVerbiage p {
	display:none;
}
#toggler {
	display:inline;
	padding-left:3px;
}
#toggler a {
	color:#84dbea;
	font-size:20px;
}
/* -------------------- LEVEL 3 ONLY -------------------- */
#navColumn {
	display:none;
}
#PageWrapper3 h1 {
	margin:0;
	padding:10px 0 6px 0;
	line-height:37px;
	display:block;
}
#PageWrapper3 h2 {
	margin:0;
	padding:19px 0 6px 0;
}
.inPageNav {
	display:none;
}
#textBucket ul {
	list-style-type: none;
    padding: 0px;
    margin: 0px;
	width:90%;
	padding-left:20px;
	text-align:left;
	padding-top:12px;
}
#textBucket ul.noOpenPgh {
}
#textBucket ul li {
    background-image: url(/e_images/bullets/bullet_teal_01.png);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    padding-left: 18px;
	margin-bottom:0.7em;
}
#textBucket ol {
    padding: 0px;
    margin: 0px;
	width:90%;
	padding-left:20px;
	text-align:left;
	padding-top:12px;
}
#textBucket ol.noOpenPgh {
}
#textBucket ol li {
    padding-left: 18px;
	margin-bottom:0.7em;
}
#PageWrapper3 h3 {
	padding-bottom: 3px;
	padding-right:0;
}
#textBucket {
	font-size:20px;
	line-height:24px;
	margin: 0 0.5% 0 0.5%;
	color:#898989;
}
#textBucket p {
	margin-bottom:1em;
}
.quoteCred {
	font-family:gothic;
	font-size:14px;
	color:#acc0cb;
	display:block;
	padding-top:6px;
	line-height:15px;
}
/* -------------------- LEVEL 4 ONLY -------------------- */
#big img {
	width:100%;
	height:100%;
}
/* -------------------- METHODOLOGY ONLY -------------------- */
#GridNarrow {
	margin-bottom:8px;
}

#GridWide {
	display:none;
}
#GridNarrow h2 {
	padding-top:30px;
	clear:both;
}
ul.GridHeaderLinks {
	list-style-type:none;
	display:block;
	padding-left:0;
	padding: 3px 0 105px 0; /* herein lay the problem: the 3rd value */ /* when the third value was set to 6, the anchor link to 'Requirements' was not setting the screen to the right point vertically. It seems like what was needed was to tell the browser to factor in the height of the li's because to the browser, their height was a mystery -- note how the 105 padding is 3x35 (35 is the height of the li's) */
	font-family:gothicb;
}
ul.GridHeaderLinks li {
	margin-bottom:3px;
	background-color:#62aecf;
	text-align: center;
	height: 35px;
	float: left;
	width: 50%;
}
ul.GridHeaderLinks li:nth-child(odd) {
	border-right-width:4px;
	border-right-style: solid;
	border-right-color: #fff;
}
ul.GridHeaderLinks li a {
	color:#fff;
	display:block;
	line-height:33px;
	font-size: 20px;
}
.mobileDataTables { /* apply to div encasing the table; aligns R and L edges of table to page margins */ 
	margin: 0 -3px 0 -2px;	
}
#GridNarrow td, #GridNarrow th {
	padding: 3px;
	font-size:12px;
}
#GridNarrow th {
	font-size:12px;
}
#GridNarrow td:hover {
	background: #62AECF;
	color:#FFF;
}
#GridNarrow td:hover a {
	color: #fff;
}
#GridNarrow td a:hover {
	text-decoration: underline;
}
#GridNarrow td.noData:hover {
	background:#f3f6f8;
}
a.navOffsetterM { /* ( M for Methodology don't-you-know ) use this to style anchor tags used to link the User to a specific point on a page -- it's needed because of the fixed nav at screen top | Jan. 2017 UPDATE: This CSS could stand some reconciliation, cleanup and/or refactoring. It's unclear as of this comment where the cascade is coming from and why 70px should be the 'top' attribute's value for the desired outcome. */ 
	display: block;
	position: relative;
	visibility: hidden;
	top: -50px;
}
/* -------------------- BOXES -------------------- */
a.Box, a.BoxSL {
	display:block;
	max-width:95%;
	height:197px;
	background-color:#e8eef1;
	background-image:url(../e_images/bg_boxshade_02.png);
	background-position: bottom right;
	background-repeat:no-repeat;
	margin: 0 auto 2% auto ;
	position:relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#PageWrapper2 a.Box, #PageWrapper3 a.Box, #PageWrapper2 a.BoxSL, #PageWrapper3 a.BoxSL {
	max-width:100%;
	background-image:none;
}
.thumbelina {
	background-position: center center;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	position:absolute;
}
a.Box .hovmerizer, a.Box .pointificate, a.Box .caption, a.Box .year {
	display:none;
}
a.BoxSL .pointificate .caption, a.BoxSL .pointificate .year {
	font-family:gothicb;
	text-align: center;
	color: #1a6498;
	vertical-align: middle;
	position:absolute;
	width:100%;
}
a.BoxSL .caption {
	font-size: 24px;
	top:76px;
}
.year {
	bottom:0;
	font-size: 12px;
}
a.BoxSL .year {
	font-size: 12px;
	bottom:76px;
}
/* ---------------------------------------- FOOTER ---------------------------------------- */
#wangchung {
	max-width:95%;
	margin: 0 auto 2% auto;
	position:relative;
	background-color:#fff;
	padding-top:28px;
	padding-bottom: 9px;
	height:80px;
}
#Slug {
	display: none;
}
#wangchungLogo {
	display: none;
}
#wangchungLegal {
	width:100%;
	position:absolute;
	top:0;
	font-family:gothic;
	font-size:12px;
	line-height:12px;
	color:#acc0cb;
	margin-bottom: 14px;
}
ul.wangchungLinks {
	list-style-type:none;
	display:block;
	padding-left:0;
	margin-left:0;
	font-family:gothicb;
	padding-bottom:10px;
}
ul.wangchungLinks li {
	margin-bottom:3px;
	background-color:#62aecf;
	text-align: center;
	height: 35px;
	margin-bottom: 10px;
	float: left;
	width: 50%;
}
ul.wangchungLinks li:nth-child(even) {
	display: none;
}
ul.wangchungLinks li:nth-child(1n) {
	border-right-width:4px;
	border-right-style: solid;
	border-right-color: #fff;
}
ul.wangchungLinks li:nth-child(3n) {
	border-right-width:0;
}
ul.wangchungLinks li a {
	color:#fff;
	display:block;
	line-height:33px;
	font-size: 20px;
}
/* ---------------------------------------- CONTACT FORM ---------------------------------------- */
input[type="text"] {
	width:100%;
}