/* ======================================================================================================================================
	Created:  Spring 2009 - for ExxonMobil Chemical Redesign Project
	Updated:  April-July, 2009 - Brian D, Elley (ExxonMobil IT)
		multiple changes.
	Updated:  August 5-6, 2009 - Chand Thiru
		Updated styles [#content.home .module ul] and [#content.home .module ol].
		Broke [#article ul] into its own separate style.
	Updated:  August 11, 2009 - BDE
		Created content-gray-heading-hover.gif to display as background of headerbar on hover.
		Changed styles on both home and landing pages.
	Updated:  August 12, 2009 - BDE
		Minor tweaks to list styles on home page.
		Changed top offset of resource box to 198px so the top of the box will align with a right-aligned feature image.
	Updated:  August 15-16, 2009 - BDE
		Added Landing callout flash style.  Business now wants flash in these callouts.
		Pad content 24 px on left & right in modules to match home module look.  
		Needed new [.module .moduleIndent] style for this.
		New styles [.headerbarTextNoLink] & [.headerbarTextNoLink span] (home & landing) display no right arrow since there is no link.
	Updated:  August 17, 2009 - BDE
		Added headerbarTextWithLock styles to home page styles. Business now wants to add resources and thumbnails.
		Changed [#content.home .module] and [#content.home .top] to handle above.
		Needed new home style [.module .moduleIndent].  
		Removed left/right padding from home module h2 and p tags since this padding is now in moduleIndent.
		Home callout boxes are now styled as landing subfeature callout boxes, variable height.
	Updated:  August 20-21, 2009 - BDE
		Updated home [subfeature], [subfeature h2], and [subfeature p] styles to reduce white space in box.
		Updated home subfeatures. Now expect only background image like Landing subfeatures.
		On [#content.home .callout] added "float: left;" because same was added to [#content.home .module] on 8/17.
		On [#content.home .callout] added "background-position: right;" so home can use same callout images as landing.
		Added [#content.home .callout .contentFlash] and removed [#content.home .calloutFlash].
	Updated:  August 24, 2009 - BDE
		Changed padding between top and bottom modules to 12px to match padding between hero box and top module.
		Updated Landing page subfeature to match current look of home subfeature (padding, etc.)
		Moved most Home/Landing shared styles in Content section back to page sections.  Too confusing otherwise.
		Added styles reg-btn150, reg-btn200, and reg-btn300.
	Updated:  August 30-31, 2009 - BDE
		Added search styles.
	Updated:  September 1, 2009 - BDE
		Business does not want links on the Article page to be bold.
		Removed [#article .mainFeature a { 	font-weight:	bold; }]
	Updated:  September 2, 2009 - BDE
		Hero shadow box changed to frames so multiple browser text sizes can be handled better.
		Subfeature box heights now based on percentages.
	Updated:  September 9, 2009 - BDE
		Changed color of summary page link from red to blue.
	Updated:  September 14-16, 2009 - BDE
		Reworked heroBlock styles to match Firefox.
	Updated:  September 17, 2009 - Somnath Koyalkar
		Added [cursor: hand;] attribute to the following styles: [#content #left-nav a.category], [#content #left-nav a.open]
	Updated:  September 17, 2009 - BDE
		Added [ul li] and [ol li] styles in Landing and List.
	Updated:  September 18, 2009 - BDE
		Added [width: auto] attribute so IE6 wouldn't collapse padding on pull-down menu items: (forces IE6 to pay more attention)
			Style: [#header #primary-nav li.second-level a.active]
		Added [overflow: hidden] to [#content.home .module .headerbarText] & [#landing .module .headerbarText].
		Modified KL styles so page will accommodate left navigation.
	Updated:  September 22, 2009 - BDE
		Changed [.search #mainContent .item p] removing width and right margin to extend width of results.
		Changed summary page link to bold.
		Changed content-title width:75%.
	Updated:  September 25, 2009 - BDE
		Updated [#resource-sum-pg .labelClickHere a] from red to blue.
		New general style .clrBoth currently used only on Article template before body images.
	Updated October 5, 2009 - Matias Benitez (Crown Partners)
		Fixed [#landing .module .headerbarTextWithLock] so lock will stay in place when text size is large.
		Locked the lock on the right. Separated the lock from the text span.
		Added [#contactus #TopicTable] styles.
	Updated October 10, 2009 - BDE
		Moved some #article table styles from xom_chem_ie6.  #list and #landing are okay as is.
	Updated October 12, 2009 - BDE
		Fixed home headerbarTextWithLock so lock will stay in place when text size is large, same as previous landing change.
	Updated October 12, 2009 - Matt Miller (Crown Partners)
		Fixed line height for large font sizes.
	Updated October 14, 2009 - Matt Miller (Crown Partners)
		Updated for Doc-Type change made in pages
	Updated October 27, 2009 - Matt Miller (Crown Partners)
		Updated Left Nav functionality.
	Updated October 28, 2009 - BDE
		New kl-thumb style for Knowledge Library.
	Updated October 28, 2009 - Matias Benitez
		Added RSS Classes
	Updated November 11, 2009 - BDE
		Change kl-results from font-weight bold to normal.
	Updated: December 4, 2009 - BDE
		Hide language selection links in header until Chinese site is ready.
	Updated: December 8, 2009 - BDE
		Minor changes to RSS styles to standardize font sizes and RSS items clear feature image and page labels in FireFox.
	Updated: Dec. 15, 2009 - ICH
		EM was being inherited through the reset css, added em to italic for FF.
		Quick Links change to fix indent wrap issue.
		Underline CSS Fix near main-content section
	Updated: January 12, 2010 - Denis Dmitriyev (Crown Partners)
		Learn More (resource) box on Article pages changed from absolute to relative positioning.
	Updated: January 13, 2010 - John Mancha (EMIT)
		New [.kl-sumlink a] style. To enable changing of underline color on summary link.
	Updated: February 18, 2010 - Diego Cobelo (WCM)
		#content.home .module .moduleIndent. updated padding-left from 24 to 10 to fix bullets
		#content.home .module ul updated to fix bullets and match landing page quick links
		#content.home .module a updated to fix bullets and match landing page quick links
	Updated: February 18, 2010 - Diego Cobelo (WCM)
		#content.home .subFeature,#content.home .subFeatureFlash. - Updated subfeature classes to Fix image overflow and matches callouts
		.frame01BL - Changed bottom-margin to -1.5% to Fix image overflow in IE8 
	Updated: April 28, 2010 - Denis Dmitriyev (Crown Partners)
		#content.home .callout .content h2, #content.home .callout .content h2 a - increased line height so that if there is a line
		break, text will not collide with in between the lines.
	Updated: June 03, 2010 - Diego Cobelo (WCM)
		updated #content #left-nav a.categoryprog font color to match other items in leftnav.
		updated #content #left-nav a.open background color to match hoover color.
	Updated: June 22, 2010 - BDE - AM20771621
		Hide language selection links in header (in active version only) until Chinese site is ready.
	Updated: August 16, 2010 - BDE
		Changed 3 settings to adjust title text in home page callout box. (search for 8/16/10)
========================================================================================================================================= 

Sizes:
-----
	922px		page width
	200px		left navigation
	12px		right-margin of left navigation
	12px		left margin of main content
	698px		main content
	200px		resource box with left padding

Colors:
------
    ffffff  white              	page background
    476393  solid blue         	page title, active breadcrumb, search button label text, various resource text elements.
	 4A658F  dark blue          	header bar background of active zone (ps, brands, about, etc.)
	 1a4a7a  dark blue				links
	 4d648c  dark blue				drop-down nav link text on hover
    dee9f2  light blue         	nav hover background
    a8a9a4  light gray         	headline background
    7b7b7b  dark gray        	dark bold links
    393838  darker gray        	strong text, headlines
    2c2c2c  almost black       	dark bold links
    444444  medium gray        	page text
    6b6b6b  medium gray        	page text
    ce0021  xom logo red       	link to resource summary page
*/
/******************************************************************************************************

	GENERAL

*******************************************************************************************************/
html {
	overflow: scroll;
}

body {
	font-family:	arial, sans-serif;
	font-size:		x-small;
}

.hidden { display: none; }

.clrfix:after {
    content:		"."; 
    display:		block; 
    height:			0; 
    clear:			both; 
    visibility:		hidden; 
}

.clrBoth {
    clear:			both; 
}

a, a:link  			{ color: #1a4a7a; text-decoration: none; }
a:visited 			{ color: #2e4b68; text-decoration: none; }
a:hover, a:active 	{ text-decoration: underline; }

body #container   .printOnly,		/* BDE: Ensure links footnotes do not display in browser. */
body #container ol.printOnly { 
	display:		none; 
}

/******************************************************************************************************

	CONTAINER 

*******************************************************************************************************/

#container {
	display:		block;
	position:		relative;
	width: 			922px;
	margin:			0px auto 0px auto;
	padding:		135px 0 0 0;
}

/******************************************************************************************************

	HEADER 

*******************************************************************************************************/

#header {
	display:		block;
	position:		absolute;
	top:			0;
	left:			0;
	width:			922px;
	height:			132px;
	color:			#6b6b6b;
	z-index:		10;
        }

#header #logo {
	display:		block;
	position:		absolute;
	top:			7px;
	left:			7px;
	
}

#header #user-info {
	position:		absolute;
	top:			74px;
	left:			24px;
	font-size:		110%;
}

#header #user-info .username {
	margin-right:	1ex;
}

#header #user-info a {
	font-weight:	bold;
	color: 			#2c2c2c;
}

#header #language-select {
	position:		absolute;
	top:				20px;
	right:			24px;
	font-size:		110%;
	color:			#a9a9a9;
	padding-bottom: 1px;			/* BDE: 3/18/09: Need this to see underline on link in IE. */
	display:		none;			/* BDE: 6/22/2010: Hide this (in active) until the Chinese site is ready. */
}

#header #language-select a {
	margin:			0 6px;
	color: 			#a9a9a9;
}
         
#header #language-select a:hover {
	color: 			#2c2c2c;
}
         
#header #language-select a.current {
	color: 			#6b6b6b;
}

#header #search-form {
	display: 		block;
	position:		absolute;
	top:			41px;
	right:			21px;
}

#header #search-form #search-q {
	float:			left;
	display:		block;
	width:			128px;
	height:			15px;
	margin:			3px 4px 2px 4px;
	padding:		2px 4px;
	font-size:		110%;
	line-height:	16px;
	border:			none;
	background:		url('../images/layout/search-bg-empty.gif') no-repeat center;
}

#header #search-form #search-q.blank {
	color:			#c0c0c0;
}

#header #search-form #search-submit {
	float:			left;
	display:		block;
	width:			56px;
	height:			24px;
	font-size:		84%;
	color:			#476393;
	border:			none;
	background:		url('../images/layout/btn-search.gif') no-repeat top left;
	cursor:			pointer;
}

#header #mini-nav {
	display:		block;
	position:		absolute;
	top:			74px;
	right:			24px;
	font-size: 		110%;
}

#header #mini-nav li {
	display: 		inline;
	margin-left:	20px;
}

#header #mini-nav li a {
	font-weight:	bold;
	color:			#6b6b6b;
}

#header #mini-nav li a:hover {
	color: 			#2c2c2c;
}

#header #primary-nav {
	position:		absolute;
	top: 			93px;
	left:			0;
	width:			922px;
	height:			42px;
	z-index:		10;
	background:		url('../images/layout/primary-nav-bg.jpg') repeat-x top left;
}

#header #primary-nav #primary-nav-list {
	position:		relative;
	display:		block;
	height:			33px;
	font-size:		10%;
	padding:		3px 14px 6px 14px;
	background:		url('../images/layout/primary-nav-endcaps.jpg') no-repeat -11px 0;
}
#header #primary-nav li{
	list-style-type: none;
}

#header #primary-nav div.designDiv1 {
	display:		block;
	position:		absolute;
	top:			0;
	right:			0;
	height:			42px;
	width:			11px;
	background:		#f00 url('../images/layout/primary-nav-endcaps.jpg') no-repeat 0 0;
}

#header #primary-nav li.first-level {
	display:		block;
	position:		relative;
	float:			left;
	height:			36px;
}

#header #primary-nav li.first-level a,
#header #primary-nav li.first-level span {
	display:		block;
	height:			16px;
	padding:		8px 11px 9px 11px;
	line-height:	16px;
	font-size: 		1350%;
	color: 			#393838;
}

#header #primary-nav li.first-level a.active,
#header #primary-nav li.first-level a.hover,
#header #primary-nav li.first-level a:hover {
	color:			#fff;
	background:		url('../images/layout/primary-nav-first-level-active-bg.jpg') repeat-x 0 0;
}

#header #primary-nav .first-level-sub {
	display:		none;
	position:		absolute;
	top: 			34px;
	left: 			-3px;
	width: 			200px;
	padding: 		0 0 9px 0;
	background:		url('../images/layout/primary-nav-dropdown-bg.gif') no-repeat bottom right;
}

#header #primary-nav .first-level-sub ul {
	padding: 		5px 3px 11px 3px;
	background:		url('../images/layout/primary-nav-dropdown-bg.gif') repeat-y top left;
}

#header #primary-nav li.second-level span.label,
#header #primary-nav li.second-level a,
#header #primary-nav li.second-level a.active {
	display:		block;
	width:			auto;										/* BDE 9/18/09: Needed for IE6 not to collapse padding.  */
	height:			auto;
	margin:			0px 0 0 0;
	padding:		6px 22px 6px 11px;
	font-weight:	bold;
	line-height:	10px;
	color: 			#2c2c2c;
	background:		#fff;
	font-size:		1150%;
}

#header #primary-nav li.second-level a:hover {
	color: 			#4d648c;									/* Dark Blue */
	background:		#dee9f2;									/* Light Blue */
}

#header #primary-nav .second-level-sub ul {
	padding: 		0;
	background:		none;
	background-image:none;
}

#header #primary-nav li.second-level-link a {
	display: 		block;
	height: 		auto;
	margin: 		0;
	padding: 		2px 22px 4px 11px;
	font-weight:	normal;
	line-height:	12px;
	color: 			#666666;								/* Dark gray -- old #7b7b7b*/
	}

#header #primary-nav li.third-level a,
#header #primary-nav li.third-level a.active {
	display: 		block;
	height: 		auto;
	margin: 		0;
	padding: 		3px 11px 4px 22px;
	font-weight:	normal;
	line-height:	12px;
	color: 			#666666;								/* Dark gray -- old #7b7b7b*/
}

/******************************************************************************************************

	ACCESSIBILITY-related class: allows Web page readers to skip reading nav on every page.

*******************************************************************************************************/

.skip { 
	display:		block; 
	position:		absolute; 
	left:			-999px; 
	top:			0; 
	width:			1px; 
	height:			1px; 
	overflow:		hidden; 
}
	
.skip:focus, 
.skip:active {
	display:		block; 
	position:		absolute; 
	left:			50%; 
	top:			0; 
	margin-left:	-7em !important;
	margin-left:	-11em;
	text-align:		center;
	font-size:		1.4em; 
	font-weight:	bold; 
	color:			#111; 
	background-color:#eee; 
	border:			3px solid #f30; 
	width:			14em; 
	height:			auto;
	padding:		5px; 
} 

/******************************************************************************************************

	CONTENT

*******************************************************************************************************/

#content {
	display:		block;
	width: 			100%;						/* BDE: force IE6 to apply layout to this style */
	font-size:		100%;
	color:			#444;
}

#content #content-header {
	position:		relative;
	height:			auto;						/* BDE: works better across multiple browsers. 4/29/09 */
	font-size:		120%;
	margin: 		4px 4px 0px 24px;
}

#content #content-title {					/* Title under headerbar */
	width:			75%;
	padding: 		6px 0 6px 0;
	font-weight:	bold;
	font-size:		150%;
	color:			#476393;
}

#content #breadcrumb-container {
	position: 		relative;
	height:			auto;						/* BDE: works better across multiple browsers. 4/29/09 */
	font-size:		120%;
	margin:			2px 2px 0 24px;
}                

#content #breadcrumb-nav {
	margin:			8px 0 0 0;
	color: 			#757575;
}

#content #breadcrumb-nav a {
	margin: 		0 2px;
	font-weight: 	bold;
	color: 			#757575;
}

#content #breadcrumb-nav .active,
#content #breadcrumb-nav a:hover {
	color: 			#476393;
}

#content #share-links {
	display:		block;
	position:		absolute;
	top:			6px;
	right:			3px;
}

#content #share-links a {
	display:		block;
	float:			left;
	margin:			0 0 0   18px;
	padding:		0 0 2px 22px;
	line-height:	16px;
	color: 			#6b6b6b;
}

#content #share-links #print-link {
	background: 	url('../images/layout/share-print.gif') no-repeat top left;
}

#content #share-links #email-link {
	background: 	url('../images/layout/share-email.gif') no-repeat top left;
}

/*---------------------------------------------------------------------------------------------------------
  The frames are used for both Home and Landing pages.  framefl (frame float left)
-----------------------------------------------------------------------------------------------------------*/

.frame01TL { background:transparent url(../images/layout/shadowBox.gif) no-repeat top    left;  }
.frame01TR { background:transparent url(../images/layout/shadowBox.gif) no-repeat top    right; }
.frame01BL { background:transparent url(../images/layout/shadowBox.gif) no-repeat bottom left; }
.frame01BR { background:transparent url(../images/layout/shadowBox.gif) no-repeat bottom right; }

.frame01TL { margin:0 0 0 0;    height:7px; line-height:1%; font-size:1%; }
.frame01TR { margin:0 0 0 10px; height:7px; line-height:1%; font-size:1%; }
.frame01BL { margin:0 0 -1.5% 0; } 		/* DRC: 18 Feb 2010 - Changed bottom-margin to -1.5% to Fix image overflow in IE8 - If set to 0 work great on IE6 and Firefox*/
.frame01BR { margin:0 0 0 10px; } 	

/*** BDE 9/14/09: This is the float left version of hte frame above.  Used only for Hero box. */

.frameflTL { background:transparent url(../images/layout/shadowBox.gif) no-repeat top    left;  }
.frameflTR { background:transparent url(../images/layout/shadowBox.gif) no-repeat top    right; }
.frameflBL { background:transparent url(../images/layout/shadowBox.gif) no-repeat bottom left;  }
.frameflBR { background:transparent url(../images/layout/shadowBox.gif) no-repeat bottom right; }

.frameflTL { margin:0 0 0 0;   height:7px; line-height:1%; font-size:1%; }
.frameflTR { margin:0 0 0 6px; height:7px; line-height:1%; font-size:1%; }
.frameflBL { float: left;	margin:0 0 0 0;   }
.frameflBR { float: left;	margin:0 0 0 6px; }

/******************************************************************************************************

	MAIN-CONTENT

*******************************************************************************************************/

#content .main-content {
	float:			left;
	width:			698px;
	margin:			16px 0px 10px 12px;
}

#content .no-left-nav {
	float:			left;
	width:			898px;							/*  BDE: 698+200 */
	margin: 		16px 0px 10px 0px;
	padding-left:	20px;
}

#content .main-content p {
	margin: 		1ex 0;
}

#content .main-content strong {
font-weight:bold;
}

#content .main-content ul, 
#content .main-content ol { 
	display: 		block; 
	padding: 		0 0 0.5em 0.5em; 		/*  BDE: 0 0 2em 2.5em; in xom.css */
	margin-left: 	20px; 					/*  BDE: margin: 0; in xom.css */
}

#content .main-content .moduleIndent ul,
#content .main-content .moduleIndent ol  {
	float:			left;
	/* width:			250px;*/
	list-style-position: outside;
}

#content .main-content ul ul, 
#content .main-content ol ol,
#content .main-content ol ul,
#content .main-content ul ol{ 
	display: 		block; 
	padding: 		0 0 0 0.5em; 		/*  BDE: 0 0 2em 2.5em; in xom.css */
	margin-left: 	20px; 					/*  BDE: margin: 0; in xom.css */
}
	
#content .main-content li  { 
	display:     	list-item; 
	padding:     	0; 
	margin:      	0; 
	line-height: 	1.4em;
}

#content .main-content li a, 
#content .main-content li a:link,
#content .main-content p a, 
#content .main-content p a:link,
#content .main-content .mainFeature p a, 
#content .main-content .mainFeature p a:link,
#content .main-content #landing p a, 
#content .main-content #landing p a:link,
#content .main-content #landing li a, 
#content .main-content #landing li a:link,
#content .main-content #list p a, 
#content .main-content #list p a:link,
#content .main-content #list .item a, 
#content .main-content #list .item a:link,
#content .main-content #list .items a, 
#content .main-content #list .items a:link {
	text-decoration:	underline;
}
	
#content .resource-box {
	font-size: 		84.61538%;
	font-weight:	bold;
	color:			#476393;
}

#content .img320-box {
	position:		relative; 
	height:			343px; 
	width:			343px;
}

#content .img320-shadow {
	position:		absolute; 
	z-index:		0;
}

#content .img320 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		11px 9px 12px 12px;
}

#content .img220-box {
	position:		relative; 
	height:			241px; 
	width:			241px;
}

#content .img220-shadow {
	position:		absolute; 
	z-index:		0;
}

#content .img220 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		10px 10px 10px 11px;
}

#content .img150-box {
	position:		relative; 
	width:			169px;
	height:			169px; 
}

#content .Right {
	float:			right;
}

#content .img150-shadow {
	position:		absolute;
	z-index:		0;
}

#content .img150 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		9px 11px 12px 10px;
}

#content .img90-box {
	position:		relative; 
	height:			106px; 
	width:			106px;
}

#content .img90-shadow {
	position:		absolute; 
	z-index:			0;
}

#content .img90 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		7px 6px 8px 8px;
}

#content .img60-box {
	position:		relative; 
	height:			74px; 
	width:			74px;
}

#content .img60-shadow {
	position:		absolute; 
	z-index:			0;
}

#content .img60 { 
	position:		absolute; 
	z-index:		-1;
	padding: 		7px 6px 8px 7px;
}

#content .withCaption { 				/* BDE: add class to img999-box with captions */
	height:			auto;
}

#content .imgCaption { 
	display:			block;
	text-align:		center;
	line-height:	1.1em; 
	margin:			0px 4px 5px 4px;
}

#content .imgCaption p { 
	font-size:		1.0em;
	line-height:	1.1em; 
	text-align:		center;
}

#content .imgHt60 { 					/* BDE: add 1 of these classes to imgCaption depending upon image size */
	padding-top:	80px;
}

#content .imgHt90 { 
	padding-top:	110px;
}

#content .imgHt150 { 
	padding-top:	170px;
	width:			161px;				/* BDE: needed for article side-by-side images with caption. */
}

#content .imgHt220 { 
	padding-top:	245px;
}

#content .imgHt320 { 
	padding-top:	347px;
}

#content .txtEnlargeImage { 			/* BDE: Added 5/29/09 to ensure text aligns properly with magnifying glass icon. */
	vertical-align:	top;
}

#content .left				{ float:left;  margin-right: 15px; }
#content .right			{ float:right; margin-left:  10px; }
#content .textcenter	{ text-align:  center; }
#content .textright		{ text-align:  right;  }
#content .textleft		{ text-align:  left;   }
#content .nobr				{ white-space:nowrap;  }

.summaryPgLink a {
	color:			#66841f !important;				/* BDE 6/3/9: in case link follows title instead of caption, need !important. */
	font-weight:	bold;									/* BDE 6/3/9: in case link follows title instead of caption. */
	margin-left:	0	     !important;				/* BDE 6/3/9: in case link follows title instead of caption. */
	white-space:	nowrap;
}

.summaryPgLink a img {
	margin-left:	0	     !important;				/* BDE 6/3/9: in case link follows title instead of caption. */
}

/***************************************************************************************************************************

	HOME PAGE

****************************************************************************************************************************/

#content.home {	
	position:		relative;
}

#content.home #heroBlock {									/* BDE: Needed only if 1/2 subfeatures are present.  */
	display:			block;
	width:			100%;
	float: 			left;											/* BDE: ensure block grows vertically to include all children.  */
	margin: 			0 0 12px 0;
	padding:			1px 0 0 1px;
}

#content.home #imgHero,
#content.home #imgHeroWithSubs,
#content.home #flashHeroWithSubs {
	display:			block;
	width:			100%;
	padding: 		11px 10px 15px 14px;
	margin: 			0 0 12px 0;
	background:		url('../images/layout/shadowBox_922x257.gif') no-repeat;
}

#content.home #imgHeroWithSubs,
#content.home #flashHeroWithSubs {
	width:			594px;
	float: 			left;
	margin: 			0;
	padding: 		3px 7px 16px 7px;
	background:		none;
}

#content.home #flashHeroWithSubs {							/* BDE: 9/14/09: Object tag may have some embedded bottom padding. */
	padding: 		3px 7px 14px 7px;
}

#content.home .subFeatures {									/* BDE: 9/2/09: Will contain 1 or 2 subfeatures. */
	float: 			right;
	width:			298px;
	line-height:	1.5em;
	padding:			3px 10px 0 0;
}

#content.home .subFeature,
#content.home .subFeatureFlash {							/* BDE: subfeatureFlash is needed for IE6 & IE7.*/
	background:		transparent none no-repeat 0;			/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	background-position: top;										/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	line-height: 1.5em;													/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	margin-bottom: 15px;												/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
	height: auto !important;											/* DRC: 18 Feb 2010 - Fix image overflow and matches callouts */
}

#content.home .subFeature .content {						/* BDE: For non-Flash subfeatures.*/
	min-height:		100px; 										/* BDE: Need this for FireFox. */
	height:			auto !important; 							/* BDE: Need this for FireFox. */
	height:			106px; 										/* BDE: Need this for IE6, which doesn't do height: auto. */
	padding:			1px 55px 5px 1px; 
	background:		transparent none no-repeat 0; 
}

#content.home .subFeature .single {						/* 1 tall subfeature box. */
	min-height:		221px; 										/* BDE: Need this for FireFox. */
	height:			auto !important; 							/* BDE: Need this for FireFox. */
	height:			226px; 										/* BDE: Need this for IE6, which doesn't do max-height. */
}

#content.home .subFeatureFlash .flash {	
	padding:			2px 0px 6px 0px; 
}

#content.home .subFeature img {
	float: 			right;
}

#content.home .subFeature h2 {
	margin:			0 0 0 0;										/* BDE 8/20/09: Changed margin-bottom from 6px to 0. */
	font-size:		170%;
	font-weight:	bold;
}

#content.home .subFeature p {
	margin:			0.4em 0;										/* BDE 8/21/09: Changed margin-top from 1em to 0.4em. */
	font-size:		120%;
}

#content.home #home-column-a {								/* BDE: Different width in IE6 CSS. */
	display:			block;
	float:			left;
	width:			290px;
	padding:			0 22px 0 4px;
}

#content.home #home-column-b {								/* BDE: Different width in IE6 CSS. */
	display:			block;
	float:			left;
	width:			290px;
	padding:			0 22px 0 0;
}

#content.home #home-column-c {		
	display:			block;
	float:			left;
	width:			290px;
}

#content.home .module {										
	float:			left;											/* BDE 8/17/09: Added to ensure module expands height to contain thumbnail.  */
	width:			100%;											/* BDE 8/17/09: Added to ensure header bar without link retains full width.  */
	line-height:	1.4em;
}

#content.home .top {
	margin-bottom: 12px;										/* BDE: This must be margin, not padding to crop too-large background images. */
}

#content.home .bottom {										/* BDE: Different setting in IE6 CSS. */
	margin-top: 0px;
}

#content.home .module .headerbarTextNoLink, 			/* BDE 8/16/09: Displays text & rounds left side of bar. No arrow yet. */
#content.home .module .headerbarText a {
	display:			block;
	height:			21px;
	margin: 			0 0 11px 0;
	padding:			0 0 0 26px;
	line-height: 	21px;
	font-size:		125%;
	font-weight:	bold;
	color:			white;
	background:		#a8a9a4 url('../images/layout/content-gray-heading-no-arrow.gif') no-repeat left -21px;
	overflow:		hidden;										/* BDE 9/17/09: This hides the text wrapping to the second line, but not the lock? */
}

#content.home .module .headerbarTextNoLink {
	padding:			0 0 0 0;
}

#content.home .module .headerbarTextNoLink span {	/* BDE 8/16/09: Displays text & rounds right side of bar.  No link, no arrow. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	background: 	url('../images/layout/content-gray-heading-no-arrow.gif') no-repeat right -42px;
}

#content.home .module .headerbarText span {			/* BDE: Displays text & rounds right side of bar.  No link, no arrow. */
	display: 		block;
	padding: 		0 26px 0 0;
	background:		url('../images/layout/content-gray-heading.gif') no-repeat right -42px;
}

#content.home .module .headerbarText a:hover {
	color: 			#003366;
}

#content.home .module .headerbarText a:hover span {		/* BDE: Rounds right side of bar on link hover. */
	color: 			#003366;
	background:		url('../images/layout/content-gray-heading-hover.gif') no-repeat right -42px;
}

/* BDE: Because of IE6, we need this whole new set of headerbarTextWithLock classes. 
			For other browsers headerbarTextWithLock and headerbarText classes are exactly the same.  Tweak is added to IE6 CSS.
			Even with this, the headerbar text with a lock displays off center (high) in the bar in IE6.  
			Perhaps this could be fixed by creating a single background image of the headerbar, but resizing the
			text would probably become even more problematic than it is now. */				
			
#content.home .module .headerbarTextWithLock a {
	display: 		block;
	height: 			21px;
	margin: 			0 0 11px 0;
	font-size:		125%;
	font-weight: 	bold;
	line-height: 	1em;
	color: 			white;
	background: 	#a8a9a4 url('../images/layout/content-gray-heading.gif') no-repeat left -21px;
	white-space:	nowrap;
}

#content.home .module .headerbarTextWithLock a span.text {	/* BDE: Displays text, arrow, & rounds right side of bar. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	width:			71%;														/* BDE: This is 74% for Landing style. */
	float:			left;
	overflow:		hidden;													/* Matias: Added positioning elements and overflow */
	cursor:			hand;
}

#content.home .module .headerbarTextWithLock a span.lock {	/* Matias: Added style to hold the lock image and right arrow */
	background: 	url('../images/layout/content-gray-heading.gif') no-repeat right -42px;
	float:			right;
	width:			11%;
	height:			100%;
	cursor:			hand;
}

#content.home .module .headerbarTextWithLock a span.lock img {
	float:			left;
	margin-top:		2px;
}

#content.home .module .headerbarTextWithLock a:hover {
	color: 			#036;
}

#content.home .module .headerbarTextWithLock a:hover span.text {
	color: 			#036;
	text-decoration:	underline; 
}

#content.home .module .headerbarTextWithLock a:hover span.lock {
	color: 			#036;
	background: 	url('../images/layout/content-gray-heading-hover.gif') no-repeat right -42px;
}

#content.home .module .moduleIndent {							/* BDE 8/17/09: Indent module content on left & right. */
	padding-left:	10px;													/* DRC 15 Feb 2010 updated padding-left from 24 to 10 to fix bullets */
	padding-right:	0px;
}

#content.home .module h2 {
	font-size:		125%;
	font-weight:	bold;
	color:			#393838;
}

#content.home .module p {
	line-height:	1.3em;
	font-size: 		120%;
}

#content.home .module a {											/* BDE: Use for text with links inside module.  */
	font-weight:	bold;												/* DRC 22 Feb 2010 : updated to match landing page quick links */
	color:			#476393;
}

#content.home .module ol,											/* DRC 22 Feb 2010 updated to fix bullets and match landing page quick links */
#content.home .module ul {
	font-size:		120%;
	display: block;
	list-style: disc none inside;
	padding-left: 12px;
	text-indent: -12px;
	color: #476393;
	line-height: 1.8em;
}

#content.home .callout {											/* BDE: Different width/height in IE6 CSS. */
	float:			left;												/* BDE 8/20/09: Had to add because same was added on module; */
	width:			100%;
	min-height:		60px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	line-height:	1.5em;
	background:		transparent none no-repeat 0;
	background-position: top right;  							/* BDE 8/20/09: Added top right so home can use same callout images as landing.  */
}

#content.home .callout .content {								/* BDE: For non-Flash callouts.*/
	padding:			2px 55px 5px 5px; 							/* BDE 8/16/10: Changed padding-top from 10px to 2px.*/
	min-height:		60px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	height:			60px; 											/* BDE: Need this for IE6, which doesn't do height: auto. */
	background:		transparent none no-repeat 0; 
}

#content.home .callout .contentFlash {						/* BDE 8/20/09: Added for Flash callouts. */
	padding:			5px 10px 5px 0;
}

#content.home .callout .content h2,
#content.home .callout .content h2 a { 
	font-weight:	bold; 
	font-size:		130%;												/* BDE 8/24/09: Now matches h2 in subfeature. */
	margin-bottom:	0px;												/* BDE 8/16/10: Reduced from 6px to 0px. */
	line-height:	21px;												/* BDE 8/16/10: Restored to 21px instead of 16px. */
}

#content.home .callout p {
	margin:			0.4em 0;											/* BDE 8/24/09: Changed to match home subfeature. */
	font-size:		120%;
}

#content.home .summaryPgLink a{
	margin-left: 5px !important;
}

/******************************************************************************************************

	ARTICLE

*******************************************************************************************************/

#article {
	float:			left;
	width:			100%;
}

#article em {
	font-style: 		italic;
}

#article .mainFeature { 	/* BDE: Use this class in a div only if there is a resource. */
	width: 			498px;
	float:			left;
}

#article .wide { 				/* BDE: Apply this class with mainFeature when no left nav but with resource. */
	width:			698px;
}

#article p,
#article blockquote {
	font-size:		130%;
	line-height:	1.4em;
}

#article font{
	line-height:	1.4em;
}

#article ol ol, 					
#article ul ul,
#article ul ol,
#article ol ul{
	font-size:		100%;
}

#article ol, 					/* CThiru 8/6/09: Added. */
#article ul {
	line-height:	1.4em;
	font-size:		130%;
}

#article h1 {
	display: 		block;
	margin: 		0 0 8px 0;
	font-size: 		160%;
	font-weight:	bold;
	color: 			#393838;						/* dark gray */
}

#article h2,
#article h3,
#article h4 {
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#476393;						/* solid blue */
}

#article h2 {
	font-size: 		180%;
}

#article h3 {
	font-size: 		150%;
}

#article h4 {
	font-size: 		130%;
}

#article h5 {
	font-size: 		120%;
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#393838;						/* dark gray */
}

#article p {
	display: 		block;
	margin:			1em 0;
}
													/* BDE 5/7/9: Resource box longer than content will collapse margin before footer border. */
#article #resource-box {					/*            Could not find a way around this, but should happen only rarely.            */
	/*position:		absolute;*/
	top:				198px;					/* BDE: Offset from top of page needed in IE6, IE7, and FF. Updated 8/12/09. */
	right:			0;
	/*margin-top:		7px;*/
	float:			right;
	width:			183px;
	font-size:		110%;
	background:		url('../images/layout/article-resource-box-bg.gif') repeat-y -183px 0;
}

#article #resource-box .liner {			/* BDE: Bottom part of resource box. */
	padding:			0 0 10px 0px;
	background:		url('../images/layout/article-resource-box-bg.gif') no-repeat right bottom;
}

#article #resource-box h4 {				/* BDE: Top part of resource box. */
	padding:			12px 12px 0px 12px;
	margin:			0;
	font-size:		130%;
	color:			#393838;					/* dark gray */
	background:		url('../images/layout/article-resource-box-bg.gif') no-repeat left top;
}

#article #resource-box .resource {
	clear: 			left;						/* BDE: Needed to ensure title of resource w/o thumbnail starts below previous thumbnail. */
	padding:			10px 10px 5px 12px;
}

#article #resource-box .resource .thumbnail-box {
	position:		relative;
	float:			left;
	height:			62px; 
	width:			62px;
	padding-right:	7px;
}

#article #resource-box .resource .thumbnail-shadow {
	position:		absolute; 
	z-index:			1;
}

#article #resource-box .resource .thumbnail { 
	position:		absolute; 
	z-index:			0;
	padding: 		1px 0px 0px 1px;
}

#article #resource-box .resource .title {
	line-height:	1.3em;
	font-weight:	bold;
}

#article #resource-box .resource .title img {
	margin-left: 	5px;
}

#article #resource-box .resource .title a {
	color:			#476393;								/* solid blue */
}

#article #resource-box .resource .caption {
	padding:			3px 0px 0px 0px;
	line-height:	1.2em;
	color:			#6b6b6b;								/* medium gray */
}

#article .column {
	float:			left;
	width:			50%;
	margin:			10px 0px 10px 0px;
	padding:			0;
}

#article .side-by-side-img {
	width:			98%;									/* BDE: Otherwise caption can be wider than image.  */
}

#article table {											/* BDE 10/10/09: Assumes table inside body text. */
	font-size:		130%;
	color:			444444;								/* medium gray */
}

#article table li {											/* BDE 10/10/09: Assumes table inside body text. */
	font-size:		75%;
	color:			444444;								/* medium gray */
}

#article p table {										/* BDE 10/10/09: Web Composer adds paragraph tag. */
	font-size:		100%;									/* Needed for IE6 and IE7. */
	color:			444444;								/* medium gray */
}

/******************************************************************************************************

	LANDING

*******************************************************************************************************/

#landing {
	width:				100%;											/* BDE: Needed for old version of Netscape. */
	display:				block;
	float:				left;
}

#landing #section-info {
	display:				block;
	float: 				left;											/* BDE: ensure block grows vertically to include all children.  */
	font-size:			130%;
	line-height:		1.4em;
	width:				100%
}

#landing #section-info  font{
	line-height:		1.4em;
}

#landing .imgCaption { 
	font-size:			76.92308%;									/* BDE: to offset 130% font-size increase above.  */
}

#landing #section-info h1 {
	display:				block;
	margin:				0 0 8px 0;
	font-size:			123.125%;	/* 138.461538%; */
	font-weight:		bold;
	color:				#393838;
}

/* BDE 4/1/09:  Start mainFeature section.  Do NOT use the mainFeature div if you have no callouts. */

#landing #section-info #mainFeature { 	
	width:			65.04298%;										/* BDE: Keeps ~2:1 ratio with subfeatures when yes/no left nav. */
	float:			left; 
	margin:			0 0 0 0; 
	padding:			0 0 0 0; 
	background:		transparent none no-repeat 0 0; 
}

#section-info #subfeatureCallouts	{ 
	width:			32.95129%; 										/* BDE: Keeps ~2:1 ratio with subfeatures when yes/no left nav. */
	float:			right; 
	padding-right:	1px; 
}

#section-info #subfeatureCallouts .top	{ 
	margin-bottom:	10px; 
}

#section-info #subfeatureCallouts .callout	{ 
	background:		transparent url(../images/layout/blueGradient.jpg) no-repeat top right;
}

#section-info #subfeatureCallouts .callout .content {	/* BDE: For non-Flash callouts.*/
	padding:		5px 10px;
	line-height:	1.1em;											/* BDE: Added to match line height in home subfeatures (I hope). */
	min-height:		60px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	height:			60px; 											/* BDE: Need this for IE6, which doesn't do height: auto. */
	background:		transparent none no-repeat 0; 
}

#section-info #subfeatureCallouts .callout .content p {  /* BDE: Added 8/24/09 */
	margin-top:		0.1em; 
}

#section-info #subfeatureCallouts .callout .content h2,
#section-info #subfeatureCallouts .callout .content h2 a { 
	font-weight:		bold; 
	font-size:			110%;											/* BDE: Updated to match Home subfeature */
	line-height:		1.1em;
	padding-bottom:	0.1em; 
}

#section-info #subfeatureCallouts .callout .flash {
	padding:			5px 0px 5px 0px; 
	min-height:		95px; 
	height:			auto !important; 								/* BDE: Need this for FireFox. */
	height:			95px; 											/* BDE: Need this for IE6, which doesn't do height: auto. */
	background:		transparent none no-repeat 0; 
}

/* End mainFeature section, */

#landing .layoutRow {
	width:   		100%;												/* BDE: Ensures IE lays out this element properly. */
	float:   		left;
	padding: 		0;
}

#landing .module {
	display: 		block;
	width: 			47.99427%;
	font-size: 		130%;
	line-height:	1.4em;
}

#landing .module .left {
	float: 			left;
	margin-right: 11px;
}

#landing .module .right {
	float: 			right;
	margin-left:	11px;
}

#landing .module .moduleList {
	display:inline-block;
	width: 175px;
	margin:	0 0 0 0;
	padding: 0 0 0 0;
}

#landing .module .headerbarTextNoLink,					/* BDE 8/16/09: Displays text & rounds right side of bar. No arrow yet. */
#landing .module .headerbarText a {
	display: 		block;
	height: 			21px;
	margin: 			16px 0 16px 0;
	font-size: 		96.29%;
	font-weight: 	bold;
	line-height: 	1em;
	color: 			#fff;
	background: 	#a8a9a4 url('../images/layout/content-gray-heading-no-arrow.gif') no-repeat left -21px;
	overflow:		hidden;										/* BDE 9/17/09: This hides the text wrapping to the second line, but not the lock? */
}

#landing .module .headerbarTextNoLink span {			/* BDE 8/16/09: Displays text & rounds right side of bar.  No link, no arrow. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	background: 	url('../images/layout/content-gray-heading-no-arrow.gif') no-repeat right -42px;
}

#landing .module .headerbarText a span {				/* BDE: Displays text, arrow, & rounds right side of bar. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	background: 	url('../images/layout/content-gray-heading.gif') no-repeat right -42px;
}

#landing .module .headerbarText a:hover {
	color: 			#036;
}

#landing .module .headerbarText a:hover span {
	color: 			#036;
	background: 	url('../images/layout/content-gray-heading-hover.gif') no-repeat right -42px;
}

/* BDE: Because of IE6, we need this whole new set of headerbarTextWithLock classes. 
			For other browsers headerbarTextWithLock and headerbarText classes are exactly the same.  Tweak is added to IE6 CSS.
			Even with this, the headerbar text with a lock displays off center (high) in the bar in IE6.  
			Perhaps this could be fixed by creating a single background image of the header instead of 
			continuing with this piecemeal 	technique which was needed when we had a "liquid" design, but not now. */				
			
#landing .module .headerbarTextWithLock a {
	display: 		block;
	height: 		21px;
	margin: 		16px 0 16px 0;
	font-size: 		96.29%;
	font-weight: 	bold;
	line-height: 	1em;
	color: 			#fff;
	background: 	#a8a9a4 url('../images/layout/content-gray-heading.gif') no-repeat left -21px;
	white-space:	nowrap;
}

#landing .module .headerbarTextWithLock a span.text {		/* BDE: Displays text, arrow, & rounds right side of bar. */
	display: 		block;
	line-height: 	21px;
	padding: 		0 26px 0 26px;
	width:			74%;
	float:			left;
	overflow:		hidden;												/* Matias: Added positioning elements and overflow */
	cursor:			hand;
}

#landing .module .headerbarTextWithLock a span.lock {	/* Matias: Added style to hold the lock image and right arrow */
	background: 	url('../images/layout/content-gray-heading.gif') no-repeat right -42px;
	float:			right;
	width:			10%;
	height:			100%;
	cursor:			hand;
}

#landing .module .headerbarTextWithLock a span.lock img {
	float:			left;
	margin-top:		2px;
}

#landing .module .headerbarTextWithLock a:hover {
	color: 			#036;
}

#landing .module .headerbarTextWithLock a:hover span.text {
	color: 			#036;
	text-decoration:	underline; 
}

#landing .module .headerbarTextWithLock a:hover span.lock {
	color: 			#036;
	background: 	url('../images/layout/content-gray-heading-hover.gif') no-repeat right -42px;
}

#landing .module .moduleIndent {							/* BDE 8/15/09: Indent module content on left & right as in home page. */
	padding-left:	24px;
	padding-right:	20px;
}

/******************************************************************************************************

	LIST 

*******************************************************************************************************/

#list {
	width:				100%;					/* BDE: Ensures IE lays out this element properly. */
	font-size:			120%; 
	line-height:		1.4em;
}

#list  font{
	line-height:		1.4em;
}

#list .imgCaption {
	font-size: 			83.33333%;			/* BDE: to offset font-size increase above. */
}

#list .layoutRow {							/* BDE: This is the parent div for the top feature section. */
	width:				100%;					/* BDE: Ensures IE lays out this element properly. */
	float:   			left;
	padding-bottom:	15px;
}
#list .layoutRowtop {							/* BDE: This is the parent div for the top feature section. */
	width:				100%;					/* BDE: Ensures IE lays out this element properly. */
	float:   			left;
}

#list h1 {
	margin: 			0 0 8px 0;
	font-size: 		138.461538%;
	font-weight:	bold;
	color: 			#393838;
}

#list h2,
#list h3 {
	font-weight: 	bold;
	font-size:  	1.1em;
	color:			#476393;
}

#list p {
	margin: 			0.5em 0 0.5em 0px;
}

#list .items {
	float:			left;
	width:			100%;
}

#list .itemgroup {
	width:			100%;						/* BDE: Ensures IE lays out this element properly. */
	padding:		15px 0 0 0; 
}

#list .itemgrouptop {
	width:			100%;						/* BDE: Ensures IE lays out this element properly. */
}

#list .itemgroup .item, #list .itemgrouptop .item  {
	width:			45%;
	font-size:		1.0em;
	line-height:	1.4em;
	float:			left;
}

#list .itemgroup .item .left, #list .itemgrouptop .item .left  {
	margin-right:	10px;
}

#list .itemgroup .item .right , #list .itemgrouptop .item .right {
	margin-left:	2px;
}

.mc1column .item {							/* BDE: Needed for 1-column lists. */
	float:			left; 
	width:			100%; 
	padding-top:	20px; 
}

.freedate {
	display:			block; 
	font-size:		0.9em;
	font-weight:	bold; 
}

.item h3 img {	
	margin-left:	5px;
}

.mc1column .item .label,					/* Used with Resource Category pages. */
.mc1column .item .labelSummary {
	padding-right:	0.5em;
	font-weight: 	bold;
}

.mc1column .item .value {					/* Used with Resource Category pages. */
	padding-right:	2em;
}

.mc1column .item .label a {				/* Used with Resource Category pages. */
	color:			#ce0021;					/* xom logo red */
}

/******************************************************************************************************

	KNOWLEDGE LIBRARY 
				
*******************************************************************************************************/
.kl-search {
	display:			block;
	color:			#2c2c2c;					/* dark gray */
	margin: 			10px 0px 4px 0;		/* BDE 9/18/09: Was [margin: 10px 0px 4px 5px;] */
}

.kl-search .kl-ddl-lbl-row {
	line-height: 	25px;
	padding:			0 0 0 0;
}

.kl-search .kl-lbl { 						/* BDE 7/30/09: restored. */
	padding:			0 0 10px 0;
}

.kl-search .kl-ddl-row { 					/* BDE 6/29/09: ddl - drop-down list */
	display: 		inline; 
}

.kl-search .kl-ddl-lbl {
	width:			28.5%;					/* BDE 9/18/09: Down from width 29% */
	float: 			left; 
	font-weight: 	bold;  
}

.kl-search .kl-ddl {
	width: 			27%; 						/* BDE 9/18/09: Down from width 28% */
	color:			#2c2c2c;					/* dark gray */
	z-index:			1;  
}

.kl-results {
	width:			99%;						/* BDE 9/18/09: New setting. */
	margin: 			5px 0 4px 0;			/* BDE 9/18/09: Was [margin: 5px 0 4px 5px;] */
	font-weight:	normal;					/* BDE 11/11/09:  Changed from bold */
	color:			#2c2c2c;					/* dark gray */
	font-size:		small;
	position:		relative;
}

.kl-results a {
    font-weight:	bold;
}

.kl-sumlink a {	
	color:			#66841f !important;	/* JJM 1/13/10: Added new style. */	
	font-weight:	bold;									
	margin-left:	0	     !important;				
	white-space:	nowrap;	
}

.kl-thumb { 
	width: 100px; vertical-align: top
}
				
/******************************************************************************************************

	RESOURCE SUMMARY PAGE

*******************************************************************************************************/

#resource-sum-pg {
	float:			left;
	width:			100%;
}

#resource-sum-pg h1 {
	display: 		block;
	margin: 		0 0 8px 0;
	font-size: 		180%;
	font-weight:	bold;
	color: 			#393838;						/* dark gray */
}

#resource-sum-pg p {
	display: 		block;
	font-size:		130%;
	line-height:	1.4em;
	margin:			1em 0;
}

#resource-sum-pg .label,
#resource-sum-pg .labelClickHere {
	font-size: 		110%;
	margin:			1ex 0;
	padding-right:	1em;
	font-weight: 	bold;
	color: 			#476393;						/* solid blue */
}

#resource-sum-pg .labelClickHere a {
	color: 			#476393;						/* solid blue */
}

/******************************************************************************************************

	LEFT CONTENT (Left Navigation)
			
*******************************************************************************************************/

#content #left-content {
	float:left;
	margin:16px 12px 0 0;
	width:200px;
}
#content #left-content #left-nav {
	background:transparent url(../images/layout/content-left-nav-bg.gif) repeat-y scroll -200px 0;
	display:block;
	margin:0 0 8px;
}
#content #left-content #left-nav-list {
	display: block;
	margin:0 4px 0 5px;
}
#content #left-content #left-nav-list li {
	background:transparent url(../images/layout/content-left-nav-separator.gif) repeat-x scroll left top;
	padding-top:2px;
	list-style-type: none;
}
#content #left-content .designDiv1 {
	background:transparent url(../images/layout/content-left-nav-bg.gif) no-repeat scroll 0 0;
	display:block;
	height:18px;
}
#content #left-content .designDiv2 {
	background:transparent url(../images/layout/content-left-nav-separator.gif) repeat-x scroll 0 0;
	display:block;
	height:2px;
	margin:0 4px 0 5px;
}
#content #left-content .designDiv3 {
	background:transparent url(../images/layout/content-left-nav-bg.gif) no-repeat scroll right bottom;
	display:block;
	height:18px;
}
#content #left-nav a {
	color:#666666; /* old #2C2C2C - 12/9/09 Change */
	display:block;
	font-size:130%;
	padding:6px 5px 6px 16px;
}
#content #left-nav a.page {
	background:transparent url(../images/layout/content-left-nav-dash.gif) no-repeat scroll 6px center;
	padding-left:22px;
	font-weight:bold;
}
#content #left-nav a.pageprog {
	background:transparent url(../images/layout/content-left-nav-dash.gif) no-repeat scroll 20px center;
	font-size:130%;
	font-weight:normal;
	padding-left:36px;
}
#content #left-nav a.category {
	background:transparent url(../images/layout/content-left-nav-arrow-closed.gif) no-repeat scroll 6px center;
	padding-left:22px;
	font-weight:bold;
}
#content #left-nav a.categoryprog {
	background:transparent url(../images/layout/content-left-nav-arrow-closed.gif) no-repeat scroll 20px center;
	color:#666666 /*DRC June 2010 - old #2C2C2C*/;
	font-size:130%;
	font-weight:normal;
	padding-left:36px;
}
#content #left-nav a.activeprog {
	background:#DEE9F2 url(../images/layout/content-left-nav-dash-hover.gif) no-repeat scroll 20px center;
	color:#476393;
	font-size:130%;
	font-weight:bold;
	padding-left:36px;
}
#content #left-nav a.page:hover {
	background:#DEE9F2 url(../images/layout/content-left-nav-dash-hover.gif) no-repeat scroll 6px center;
	color:#476393;
	padding-left:22px;
}
#content #left-nav .active{
	background:#DEE9F2 url(../images/layout/content-left-nav-dash-hover.gif) no-repeat scroll 6px center;
	color:#476393;
	padding-left:22px;
	font-weight:bold;
}
#content #left-nav a.pageprog:hover {
	background:#DEE9F2 url(../images/layout/content-left-nav-dash-hover.gif) no-repeat scroll 20px center;
	color:#476393;
}
#content #left-nav a.category:hover {
	background:#DEE9F2 url(../images/layout/content-left-nav-arrow-hover.gif) no-repeat scroll 6px center;
	color:#476393;
}
#content #left-nav a.categoryprog:hover {
	background:#DEE9F2 url(../images/layout/content-left-nav-arrow-hover.gif) no-repeat scroll 20px center;
	color:#476393;
}
#content #left-nav a.open {
	background:#DEE9F2 /* old #EBEBEB updated June 2010 */url(../images/layout/content-left-nav-arrow-open.gif) no-repeat scroll 6px center;
	color:#476393;
	font-weight: bold;
	padding-left:22px;
}
#content #left-nav a.open:hover {
	background:#DEE9F2 url(../images/layout/content-left-nav-arrow-open-hover.gif) no-repeat scroll 6px center;
	color:#476393;
}
#content #left-nav li li a {
	color:#666666; /* old #757575 - 12/9/09 Change */
	font-weight:normal;
	padding:4px 4px 4px 16px;
}
#content #left-nav #left-nav-list li li a {
	background-position:18px center;
	padding-left:34px;
}
#content #left-nav #left-nav-list li li li a {
	background-position:30px center;
	padding-left:46px;
}
.submenu{
display:block;
}
.submenuC{
display:none;/*display:block;somnath changed*/
}
                
/******************************************************************************************************

	LEFT CONTENT (Quick Links)
			
*******************************************************************************************************/
#content #left-content #quick-links {
	padding:			4px;
}

#content #left-content #quick-links h4 {
	display:			block;
	height:			21px;
	line-height:	21px;
	font-size:		125%;
	font-weight:	bold;
	color:			#fff;
	background:		url('../images/layout/content-gray-heading.gif') repeat-x 0 0;
}

#content #left-content #quick-links h4 span {
	display:			block;
	height:			21px;
	background:		url('../images/layout/content-gray-heading.gif') no-repeat left -21px;
}

#content #left-content #quick-links h4 span span {
	padding:			0 26px;
	background:		url('../images/layout/content-gray-heading.gif') no-repeat right -63px;
}

#content #left-content #quick-links ul {
	display:			block;
	padding:			16px 0;
	list-style-image:	none;
	list-style-type:	disc;
	list-style-position: inside;
	color:				#476393;
}

/* ICH  - Modified to fix Indent Issues */
#content #left-content #quick-links li {
/*
	padding:			4px 8px 4px 38px;
*/
	padding:			0px 8px 0px 24px;
	text-indent: 		-12px;
	line-height:		1.8em;
}

#content #left-content #quick-links a {
	font-weight:	bold;
	font-size:		120%;
	color:			#476393;
}

/******************************************************************************************************

	REGISTRATION-RELATED PAGES
			
*******************************************************************************************************/

#registration {						/* BDE 6/26/2009: Added registration classes. */
	float:			left;
	width:			100%;
	font-size:		105%;
}

#registration p {
	display: 		block;
	line-height:	1.3em;
}

#registration h1 {
	display: 		block;
	margin: 			0 0 8px 0;
	font-size: 		170%;
	font-weight:	bold;
	color: 			#393838;						/* dark gray */
}

#registration h2,
#registration h3,
#registration h4 {
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#476393;							/* solid blue */
}

#registration h2 {
	font-size:		150%;
}

#registration h3 {
	font-size:		140%;
}

#registration h4 {
	font-size:		120%;
}

#registration h5 {
	font-size: 		110%;
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#393838;							/* dark gray */
}

td label {
	font-size: 84%;
}

#content .main-content .signin-column {		/* BDE: For two columns on sign in page. */
	display:				block;
	float:				left; 
	width:				48%;
	margin:				0px 10px 10px 0px;
	padding-left:		5px;
	border:				none;
}

#content .main-content .signin-column .headerbar {
	display:				block;
   padding: 			5px 5px 5px 5px; 
	margin:				0 0 15px -5px;
	color:				#6b6b6b;						/* BDE: medium gray */
   background-color:#CCCCCC;						/* BDE: This is somewhat ligher than the gray in the landing header bar (#a8a9a4). */
	border:				none;
}

#content .main-content .signin-column ol {
	margin:				0 0 0 1em;
	padding: 			1em 0 0 0;
	list-style:			none;
}

#content .main-content .signin-column li {
	list-style:			none;
   padding: 			0 0 1em 0; 
}

#content .main-content .signin-column .label {
	float:				left;
	text-align:			right;
	width:				5.9em;
	margin-right:		5px;
	padding-top:		5px;
}

#content .main-content .signin-column .box {
	width:				14em;
}

#content .main-content .reset-pswd {			/* BDE: For reset password page. */
	display:				block;
	float:				left; 
	width:				98%;
	margin:				0px 10px 10px 0px;
	padding-left:		5px;
	border:				solid 1px;
	border:				none;
}

#content .main-content .reset-pswd ol {
	margin:				0 0 0 2em;
	padding: 			1em 0 0 0;
	list-style:			none;
}

#content .main-content .reset-pswd li {
	list-style:			none;
   padding: 			0 0 1em 0; 
}

#content .main-content .reset-pswd .label {
	float:				left;
	text-align:			right;
	width:				12em;
	margin-right:		5px;
	padding-top:		5px;
}

#content .main-content .reset-pswd .box {
	width:				14em;
}

.reg-form {
	font-weight:		bold; 
	font-size:			110%;
}

.reg-sect {
   float:				left; 
	width:				96%;					/* BDE 6/29/09:  Reduced from 100% to keep bar totally under top nav bar.*/
   padding: 			5px 5px 5px 5px; 
   margin: 				15px 0 10px 0;
   background-color:#CCCCCC;				/* BDE: This is somewhat ligher than the gray in the landing header bar (#a8a9a4). */
}

.reg-msg { 
	font-size:		110%; 
	width:			100%; 
	float:			left; 
	font-weight:	bold;
	padding: 		5px; 
	margin: 			5px 0 0 0;
}

.reg-indt {
	clear:			left;
	padding: 		0 0 0 5px;
}

.reg-row {
	clear:			both;
	padding-top:	5px;
}

.reg-lbl2 {
   font-size: 		110%;
   display: 		block; 
   text-align:		right;
   float:			right;
	width: 			12em;
   height:			17px; 
	padding: 		0 5px 0 0; 
}

.reg-txt2 {
	display:			block; 
	float:			left;
	clear:			right;
	width:			150px;
} 
  
.reg-txtlong {
	display:			block; 
	float:			left;
	clear: 			right;
	width: 			250px;
} 

.reg-ddl {
   display: 		block; 
	float:			left;
   clear: 			right;
}
  
.reg-hypl {
   display:			block; 
	float: 			left;
   clear: 			right;
   width: 			250px; 
}
  
.reg-lblspan, .reg-lspanhalf, .reg-lspandbl, .pswd-lblspan {
	float:			left;
	text-align:		left;
	font-weight:	bold;
	width:			17%;			/* BDE: 6/29/09: Upped from 15% to display entire label in IE7. */
	padding-top:	5px;
}
  
.reg-lspanhalf {
  width:				5%;
  margin-right:	5px;
}
 
.reg-lspandbl {
  width:				35%;
  margin-right:	5px;
}
 
.pswd-lblspan {			/* BDE: Added 6/26/09:  Need more room for confirm password label. */
  width:				20%;
}
  
.reg-txtspan, .pswd-txtspan {
  float:				left;
  text-align:		right;
  font-weight:		bold;
  width:				75%;
}
 
.pswd-txtspan {			/* BDE: Added 6/26/09:  Need more room for confirm password label. */
  width:				70%;
}
 
.reg-lemptyhalf {
   float:			left;
   width:			10%;
   padding: 		0 10px 0 105px;
}
 
.reg-rspanhalf {
  float:				left;
  font-weight:		bold;
  width:				10%;
}
  
.reg-btn, .reg-btn150, .reg-btn200, .reg-btn300, .reg-lgnbtn, .signin-btn, .reg-btn-same-line {
		float: 			left;
		display:			block;
		width:   		95px;
		height: 			20px;
		font-weight:	bold;
		text-align:		center;
		vertical-align:top;
		color:			#476393;
		border:			none;
		background:		url('../images/layout/btn-round-bg.jpg') no-repeat top left;
		cursor:			pointer; 
		margin-right:	10px; 
}

.reg-btn150 {
		width:   		150px;
		background:		url('../images/layout/btn-round-bg-w150.jpg') no-repeat top left;
}

.reg-btn200 {
		width:   		200px;
		background:		url('../images/layout/btn-round-bg-w200.jpg') no-repeat top left;
}

.reg-btn300 {
		width:   		300px;
		background:		url('../images/layout/btn-round-bg-w300.jpg') no-repeat top left;
}
               
.reg-btn-same-line {
		float:			none;
		display:			inline;
		margin:			0 10px 3px 5px;
 }
                
.reg-lgnbtn  {   
		float:			right ;
}

.signin-btn {   
		font-size:		14px;
		padding:			3px 0 0 0;
}

.prog {											/* Begin Somnath styles. */						
	content:						".";
	display:						block;	
	padding-left:				28px;
	background-position:		12px center;
	margin:						0 0 0px 28px;
}														/* End Somnath styles. */
/*Register button -  Inconsistent font on form buttons*/
#registration .signin-column .reg-form ol li .box a {
	text-decoration: none;
		
}
#registration #pnlRUOLogin ol li .box a {
	text-decoration: none;
		
}
#pnlRUOLogin ol li .box a {
		text-decoration: none;
		
}
#registration .areg-btn{
		float: 			left;
		display:			block;
		width:   		95px;
		height: 			20px;
		font-weight:	bold;
		text-align:		center;
		vertical-align:top;
		color:			#476393;
		border:			none;
		background:		url('../images/layout/btn-round-bg.jpg') no-repeat top left;
		cursor:			pointer; 
		margin-right:	10px; 
		padding: 		2px 0px 0 2px;
		font-size:		110%;
		
}
/*Register button -  Inconsistent font on form buttons*/

/******************************************************************************************************

	SEARCH Page. - styles adapted from xom.css
			
*******************************************************************************************************/

.search #container {
	width:				100%;
	margin-left:		-20px; 				/* BDE: Make up for no-left-nav. */
	text-align:			left; 
	padding-top:		0;
}

.search #mainContent { 
	width:				95%;
	color:				#333333;
	font-size:			1.1em;	
	line-height:		1.4em;
	margin:				0 0 0 0; 
	padding:				0 30px 25px 30px; 
}

.search .resultPageWithKeyMatch {
	width:				100%; 
	float:				left;
}
.search .resultPageWithNoKeyMatch {
	width:				100%; 
	float:				left;
}

.search h2 {font-size:1.1em; margin-bottom:15px;}

.search .linebox { 
	float:				left; 
	width:				95%; 
	position:			relative; 
}

.search .linebox .lineTL, .linebox .lineTR, .linebox .lineBL, .linebox .lineBR {
	height:				13px; 
	width:				13px; 
	position:			absolute;
}

.search .linebox .lineTL { background:transparent url(../images/layout/searchCornerTL.gif)  no-repeat top left;   margin:-1px;  } 
.search .linebox .lineTR { background:transparent url(../images/layout/searchCornerTR.gif)  no-repeat top right;    margin:-1px;}
.search .linebox .lineBL { background:transparent url(../images/layout/searchCornerBL.gif)  no-repeat bottom left; margin:-1px; } 
.search .linebox .lineBR { background:transparent url(../images/layout/searchCornerBR.gif)  no-repeat bottom right; margin:-1px;}
.search .linebox .lineTL { top:		-2px;	left: -2px;  } 
.search .linebox .lineTR { top:		-2px;	right:-2px;  }
.search .linebox .lineBL { bottom:-2px; left: -2px;  } 
.search .linebox .lineBR { bottom:-2px; right:-2px;  }

.search .lightGray { 
	border:				solid 1px #ccc; 
	padding:				0; 
	background:			#f0f0f0 none no-repeat; 
}

.search .padding { 
	padding:				15px 0 15px 15px;
}

.search form { 
	display:				block; 
}

.search form strong { 
	font-weight:		bold;
}

.search #q { 
	width:				200px; 
	height:				18px; 
	color:				#999; 
	font-size:			1.0em; 
	border:				1px solid #acd; 
}

.search #q.searchInputString {
	display:				block;
	float:				left;
	color: 				#999999;
	padding:				0;
	background-color:#fff;
}

.search #mainContent .buttnHolder { 
	float:				left;
	width:				5em;
	margin:				.3em 0 0 5px; 
}

.search .itemgroup { 
	clear:				both; 
	width:				auto; 
	padding-top:		20px; 
	padding-bottom:	5px; 
}

.search #mainContent span.paging  {
	display:				inline;
	float:				right;
	height:				1.6em;
	text-align:			right; 
	font-weight: 		bold; 
	margin:				15px 20px 7px 0;
}

.search #mainContent .paging ul { 
	margin:				0 auto; 
	padding:				0; 
}
	
.search #mainContent .paging ul li {
	display:				inline;
	font-weight:		bold; 
	padding:				0 5px 0 5px; 
	margin:				0; 
	border-left:		solid #777 1px; list-style:none;	
}
	
.search #mainContent .paging ul li.label { 
	border-left:none; color:#666; 
}

.search #mainContent .item {
	float:				left; 
	width:				100%;
	margin:				1px 0 10px 0; 
	padding-bottom:	5px;  
}

.search #mainContent .item h3 { 
	clear:				both;
	font-weight:		bold;
	font-size:			1.1em;
	line-height:		1.0em;
	margin-bottom:		.3em; 
}

.search #mainContent .item span.graph1bar {
	width:				60px; 
	height:				20px; 
	position:			relative; 
	float:				right;
	margin-right:		10px;
}

.search #mainContent .item p { 
	font-size:			1.1em;
	line-height:		1.4em;
	padding:				0;
	margin:				0;
}

.search #mainContent .item p.left { 
	float:				none;  
}

.search #mainContent .url { 
	display:				block; 
	font-size:			0.909em;
	font-style:			italic;
	color:				#666666;
	margin-right:		15%; 
	overflow:			hidden; 
}

.search .item a { 
	font-size:			1.1em; 
}

.search #mainContent .indent { 
	padding-left:		7.5%;
}

.search #mainContent div.left { 
	clear:				left; 
	margin:				0; 
}

.search #mainContent div.right { 
	float:				right; 
	margin:				0; 
}

.search #mainContent .barbgleftSumbit { 
	display:			block; 
	float:				left; 
	margin:				0; 
	padding:			0; 
	background:			transparent url(../Images/Layout/leftSideBtn.jpg) no-repeat top left;  
}
.search #mainContent .barbgrightSubmit { 
	display:			block; 
	background:			transparent url(../Images/Layout/rightSideBtn.jpg) no-repeat top right; 
	float:				left;
}

input.middleSubmitBtn {
	display:			block; 
	height:				18px; 
	color:				#1b5e8e;
	font-family:		Arial,Helvetica,Sans-Serif;
	font-weight:		bold;
	font-size:			1.0em;
	cursor:				pointer; 
	margin:				0 4px; 
	background:			transparent url(../Images/Layout/middleBtn.jpg) repeat-x top left;
	padding:			0;
	border:				0 none; 

}

.search .clrfix:after {    
	content: 			".";     
	display: 			block;     
	height: 				0;     
	clear: 				both;     
	visibility: hidden; 
}

.search .searchformHolder {
display:block;
float:none;
margin-bottom:0.5em;
margin-right:5%;
overflow:auto;
width:95%;
}

.formHolder label, .formHolder input, .formHolder select {
background-color:transparent;
float:left;
font-size:1.1em;
height:auto;
min-height:1.5em;
}

.search .searchformHolder label {
font-size:1em;
width:80px;
}

.search .formHolder label {
font-size:1em;
margin:0;
padding:0 10px 0 0;
text-align:right;
width:80px;
}

.search .rightNameHolder {
float:left;
min-width:60%;
width:80%;
}

.search #q {
border:1px solid #AACCDD;
color:#999999;
font-size:1em;
height:18px;
width:200px;
}

.search .CollectionsBlockRow {
float:left;
width:90%;
}

.search .collectionListing {
float:left;
white-space:nowrap;
width:100px;
}

.search .formHolder select {
border:1px solid #7799BB;
min-width:190px;
}

.search .rightNameHolder select {
font-size:1em;
height:auto;
min-height:1.5em;
}

.search #mainContent .clrboth {
clear:left;
}

.search h1 {
font-size:1.6em;
margin:0 0 3px;
padding:0.2em 0 0.3em;
font-weight:bold;
line-height:1em;
}

/******************************************************************************************************

	RSS Results.
			
*******************************************************************************************************/

#rss_items
{
	font-size:			100%;
}

#rss_items span.paging  {
	display:				inline;
	float:				right;
	height:				1.6em;
	text-align:			right; 
	font-weight: 		bold; 
	margin:				15px 20px 7px 0;
}

#rss_items .paging ul { 
	margin:				0 auto; 
	padding:				0; 
}
	
#rss_items  .paging ul li {
	display:				inline;
	font-weight:		bold; 
	padding:				0 5px 0 5px; 
	margin:				0; 
	border-left:		solid #777 1px; list-style:none;	
}

#rss_items .paging ul li.first { 
	border-left:none;
}

#rss_items .paging ul li.label { 
	color:#666; 
}

#rss_items .item { 
	width:				100%;
	margin:				1px 0 0 0; 
	padding-bottom:	5px;  
	font-size:			90%;
	clear:  				both;					/* BDE 12/9/09: Added to ensure RSS items clear feature section and page labels. */
}

#rss_items  .item h3 { 
	clear:				both;
	font-weight:		bold;
	font-size:			1.01em;				/* BDE 12/9/09: Change from 1.1em to make size match corporate news page. */
	margin-bottom:		.3em; 
}

#rss_items .item span.graph1bar {
	width:				60px; 
	height:				20px; 
	position:			relative; 
	float:				right;
	margin-right:		10px;
}

#rss_items .item p { 
	line-height:		1.4em;
	padding:				0;
	margin:				0;
}

#rss_items .item p.left { 
	float:				none;  
	font-size:			1.11em;				/* BDE 12/9/09: Added to make size match corporate news page. */
}

#rss_items .url { 
	display:				block; 
	font-size:			0.909em;
	font-style:			italic;
	color:				#666666;
	margin-right:		15%; 
	overflow:			hidden; 
}

#rss_items .item a { 
	font-size:			1.1em; 
}

#rss_items .indent { 
	padding-left:		7.5%;
}

#rss_items div.left { 
	clear:				left; 
	margin:				0; 
}

#rss_items div.right { 
	float:				right; 
	margin:				0; 
}

#rss_items .barbgleftSumbit { 
	display:				block; 
	float:				left; 
	margin:				0; 
	padding:				0; 
	background:			transparent url(../Images/Layout/leftSideBtn.jpg) no-repeat top left;  
}
#rss_items .barbgrightSubmit { display:block; 
	background:			transparent url(../Images/Layout/rightSideBtn.jpg) no-repeat top right; 
}

/******************************************************************************************************

	SITE MAP Page.
			
*******************************************************************************************************/

#sitemap {											/* BDE 7/15/2009: Added sitemap classes. */
	width:			100%;
}

#sitemap ul.level1 li, 
#sitemap ul.level2 li, 
#sitemap ul.level3 li {
	list-style:		none;
}

#sitemap ul.level1 li,
#sitemap ul.level1 li a {
	font-size:		1.2em;
	font-weight:	bold;
	color: 			#476393;							/* solid blue */
}

#sitemap ul.level2 li span,
#sitemap ul.level2 li a {
	font-size:		0.9em;
	font-weight:	bold;
	color:			black;
}

#sitemap ul.level3 li,
#sitemap ul.level3 li a {
	font-size:		0.95em;
	font-weight:	normal;
	color: 			#393838;							/* dark gray */
}
/******************************************************************************************************

	CONTACT US and EMAIL PAGE forms.
			
*******************************************************************************************************/

#contactus {											/* BDE 6/30/2009: Added contact us classes. */
	float:			left;
	width:			100%;
	font-size:		120%;
	font-weight:	medium-bold;
}

#contactus p {
	display: 		block;
	line-height:	1.3em;
}

#contactus h1 {
	display: 		block;
	margin: 			0 0 8px 0;
	font-size: 		170%;
	font-weight:	bold;
	color: 			#393838;							/* dark gray */
}

#contactus h2,
#contactus h3,
#contactus h4 {
	display:			block;
	margin:			1ex 0;
	font-weight: 	bold;
	color: 			#476393;							/* solid blue */
}

#contactus h2 {
	font-size:		150%;
}

#contactus h3 {
	font-size:		140%;
}

#contactus h4 {
	line-height:	1.3em;
	color: 			#393838;							/* dark gray */
}

#contactus h5 {
	margin:			1em 0 1.5em 0;
	font-weight: 	bold;
	font-style:		italic;
	color: 			#393838;							/* dark gray */
}

#contactus em {										/* only used for asterisk here */
	font-weight: 	bold;
	color: 			#ce0021;							/* logo red */
	padding:			0 3px 0 3px;
}

#contactus .headerbar {
	display:				block;
   padding: 			5px 5px 5px 5px; 
	margin:				0 0 15px -5px;
	color:				#6b6b6b;						/* BDE: medium gray */
   background-color:#CCCCCC;						/* BDE: This is somewhat ligher than the gray in the landing header bar (#a8a9a4). */
	border:				none;
	font-weight:	   bold;
}

#contactus .left-column, .right-column {	/* BDE: For contact us form. */
	display:				block;
	float:				left; 
	width:				61%;
	margin:				0px 10px 10px 0px;
	padding-left:		5px;
	border:				none;
}

#contactus .right-column {
	width:				31%;
	margin-right:		0px;
	padding-left:		50px;
}

#contactus .left-column fieldset {
	margin: 				0.5em 0 0 0;
	padding: 			0;
}

#contactus .left-column fieldset legend {
	margin:		 		0 0 1em 1em;
	color: 				#476393;								/* solid blue */
	font-weight: 		bold;
}

#contactus .left-column fieldset ol {
	margin:				0 0 0 0;
	padding: 			0 0 0 0;
	list-style:			none;
}

#contactus .left-column fieldset li {
	list-style:			none;
   padding: 			0 0 1em 0; 
}

#contactus .left-column label {							/* for standard html tag */
	font-weight:		bold;
}

#contactus .left-column .label {
	float:				left;
	text-align:			right;
	width:				12em;
	margin-right:		5px;
	padding-top:		5px;
}

#contactus .left-column .errMsg {						/* for error messages to line up with the boxes (label width + 1em) */
	display:				block;
	margin-left:		12.5em;
}

#contactus .left-column .toplabel {					/* Label on top of box. */
	display: 			block;
	padding-bottom:	2px;
}

#contactus .left-column .boxL {							/* Box Long */
	width:				28em;
}

#contactus .left-column .boxS {							/* Box Short Length */
	width:				6em;
}

#contactus .left-column .qbox {							/* Big box for typing question. */
	width:				98%;	
	height:				7em;
}

#contactus .left-column .mbox {							/* For Email Page form message box, which shares most contact us styles. */
	width:				28.6em;	
	height:				9em;
}

#contactus .right-column fieldset {
	margin: 				1em 0 3em 0.5em;
	padding: 			0;
}

#contactus .right-column fieldset legend {
	margin:		 		0 0 0.5em 0;
	font-weight: 		bold;
}

#contactus .right-column fieldset ol {
	margin:				0 0 0 0;
	padding: 			0 0 0 0;
	list-style:			none;
}

#contactus .right-column fieldset li {
	list-style:			none;
   padding: 			0 0 0.1em 0; 
}

#contactus #TopicTable {
	height:25px;
}

#contactus #TopicTable tr {
	height:24px;
}

#contactus #TopicTable td {
	height:24px;
}

#MSDS {
	background:transparent url(../images/layout/btn-round-bg.jpg) no-repeat scroll left top;
	color:#476393;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:20px;
	margin-left:89px;
	padding-top:3px;
	text-align:center;
	width:95px;
}

#MSDS:hover, #MSDS:active{
	text-decoration: none;
}
#TopicLabel {
	font-size: 120%;
}
/******************************************************************************************************

	FOOTER
			
*******************************************************************************************************/
#footer {
	display: 		block;
	clear: 			both;
	float:			left;						/* BDE: Added 5/7/9 to make top margin 20px take effect. */
	width:			100%;						/* BDE: Need for IE to give element a layout. */
	margin:			20px 0 30px 0;
	font-size:		110%;
	text-align:		center;
	border-top:		1px solid #f0f0f0;
}

#footer ul {
	display:			block;
	padding:			10px 0 0 0;
}

#footer li {
	display:			inline;
}

#footer a {
	display: 		inline;
	padding: 		0 9px 0 10px;
	line-height:	16px;
	color: 			#6b6b6b;
	border-left:	1px dashed #a8a9a4;
}

#footer a:hover {
	color: 			#2c2c2c;
}

#footer li.first a {
	border-left:	none;
}

#footer #footer-global-web-sites {
	padding-left:	33px;
	background:		url('../images/layout/footer-icon-globalsites.gif') no-repeat 10px center;
}

#footer #footer-contact-us {
	padding-left:	33px;
	background:		url('../images/layout/footer-icon-contact.gif') no-repeat 10px center;
}

/*Added by Denis D. - Crown Partners  : to fix the summary link on summary resource pages */
#resource-sum-pg .label a {
color:#66841F !important;
}