/* commonScreen.css modifies layers common to all ERC web pages. */
/* This stylesheet modifies screen media. */
/* See commonPrint.css to modify print media. */

/* pageContainer modifies the layer surrounding the rest of the BODY contents. */
#pageContainer {	
	width: 768px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* pageHeader modifies the layer surrounding the topBanner and the topNav container. */
#pageHeader {
	z-index: 4;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 138px;
	margin: 0px;
	padding: 0px;
	text-transform: lowercase;
	overflow: hidden;
}

/*topNav contains the global navigation for erc.com. */
#topNav {
	width: 122px;
	height: 88px;
	margin: 26px 24px 24px 628px;
	padding: 0px;
	border-left: solid #CCCCCC 1px;
	border-top: solid #CCCCCC 1px;
	text-transform: lowercase;
	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: 1.2px;
}
#topNav li {
	font-size: 11px;
}

/* mainContent contains the supportingText and the pageFooter layers. */
#mainContent {
	z-index: 2;
	position: absolute;
	top: 138px;
	margin: 4px;
	padding: 0px;
}

/* supportingText is the layer containing the main page content. */
#supportingText { 
	margin: 0px;
	padding: 0px;
}

/* pageFooter contains navigation links for the bottom of the page. */
#pageFooter {
	text-align: center;
	text-transform: lowercase;
	font-size: 10px;
	white-space: nowrap;
	letter-spacing: 1.2px;
	margin: 16px;
	padding: 0px;
}
#pageFooter p {
	font-size: 10px;
}

/* sideNav may appear either left or right of the page and contains navigation relevant to the page content.  */ 
#sideNav {
	z-index: 1;
	position: absolute;
	top: 138px;
	width: 148px;
	margin: 16px;
	padding: 0px;
	border-left: solid #CCCCCC 1px;
	border-top: solid #CCCCCC 1px;
	font-size: 11px;
	letter-spacing: 1.2px;
}
#sideNav p {
	font-size: 11px;
	text-align: center;
}
#sideNav li {
	font-size: 11px;
}

/* bannerAd is a optional layer containing the banner slide show. */
#bannerAd {
	text-align: center;
	margin: 4px 8px 12px 8px;
	padding: 0px;
	/* border: solid #666666 1px; */
}

#defaultLayer {	
	width: 728px;
	height: 98%;
	margin: 12px;
	padding: 0px;
}

/* Class Modifiers */
/* .onpaper can be applied to an element that is to be viewed only when printed */
.onpaper {
	display: none;
}
.navigation {
	text-align: center;
	line-height: 18px;
	text-transform: lowercase;
	font-size: 10px;
	white-space: nowrap;
	letter-spacing: 1.2px;
}