/*------------------------------------------------------------------------------------------------------------- 
   Created: December 12, 2005 - Brian D. Elley (ExxonMobil GIS)
	From some version of exxon_home.css?
   Updated: December 29, 2005 - BDE
	1. Changed img style from [display: block;] to [display: inline;]
		so red arrow circles would display on same line as header text.
	2. Arrows above not in ESSO/Images, so included them in site images folder.
		Updated location of arrow image files here, too.
   Updated: January 4, 2006 - BDE
	1. Eliminated many unused styles.
	2. Modified footer style to Chad look in case I decide to use it later.
	3. Added h5 style for Quarterly Report Item headers.
	4. Reduced font size and added bottom padding to "featuredReport p".
   Updated: January 9, 2006 - BDE
	sidebar h4 is now just a smaller version of sidebar h3.
	sidebar h4 previously did not display the left-side arrow.
   Updated: February 22, 2006 - BDE
	1. Removed footer div as it's not being used.
	2. Included only text classes used from exxon_main.css (8) so I can delete site version of this file.
   Updated: March 20, 2006 - BDE
	Reinstated div footer as this is required to get the page to display correctly in FireFox.
   Updated: April 14, 2006 - BDE
	1. Corrected syntax of some commented debugging code, in case I need it in the future.
	2. Use margin setting instead of padding to set top gap between div sidebar and header image.
------------------------------------------------------------------------------------------------------------- */

/* Primary Structure & General Elements
------------------------------------------------------------------------------------------------------------- */
body 	{
	font-size: 62.5%;				/* Resets 1em ~= 10px. */
	margin:    0;
	padding:   0;
	color:            #000;
	background-color: #FFF;
	}
a 	{
	color: #36c;
	text-decoration: underline;
	}
a:hover {
	color: #36c;
	text-decoration: none;
	}
form 	{ 
	margin: 0; padding: 0; 
	}
img 	{
	display: inline;
	border:  none;
	} /* BDE 12/29/05 Changed from [display: block;] */

#wrapper{
	width: 75.0em;					/* 75.0em ~= 745px. */
	font-family: Arial, Helvetica, sans-serif;
	}
#content{
	/* border: thin black solid; */                 /* Debugging code                       */
	width:   49.5em;
	margin:  15px 1.2em;				/* 2 values are top/left only           */
	padding: 0 0 15px 0;				/* 4 values means top/right/bottom/left */
	float:   left;
	}
#sidebar{
	/* border: thin black solid; */                 /* Debugging code                       */
	width:   20em;					/* w3c value: 1em ~= 10px. (set up top) */
	margin:  22px 0 0 0;				/* 4 values means top/right/bottom/left */
	padding: 0 0 0 0;				/* 4 values means top/right/bottom/left */
	float:   right;
	}
#footer {
	margin: 0;
	padding: 0;
	clear: both;					/* clear any previous floats */
	background-color: #999933;
	}

/* Text Classes (normally found in exxon_main.css)
------------------------------------------------------------------------------------------------------------- */
.black-text {
	FONT-SIZE: 10px; COLOR: #000000
}
.blueLink {
	FONT-SIZE: 11px; COLOR: #3366cc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.navItem {
	FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.navItem:hover {
	FONT-SIZE: 14px; COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.homenav-s:hover {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.homenav-s {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.footerText:hover {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.footerText {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

/* Typography
----------------------------------------------------------------------------------------------- */
h1, h2 {
	font-size: 1.8em;
	color: #5f5f5f;
	}
h3 	{
	font-size: 1.4em;
	color: #5f5f5f;
	}
h4 	{
	font-size: 1.2em;
	color: #c00;	
	}
h5 	{						/* BDE: Added 1/4/6 for Qrtlry Rpt Hdrs */
	font-size: 1.6em;
	color: #999933;	
	}
p 	{
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	}

/* Flash 
--------------------------------------------------------------------------------------------- */
#exxonFlash1 
	{
	width: 75.0em;				/* IE value  */
	}

	
/* content
--------------------------------------------------------------------------------------------- */
#content h1, #content h2 
	{
	margin: 0;
	border-bottom: 1px solid;
	padding: 0 0 .1em 18px;
	background: url("/Chad-English/PA/Images/arrow_content.gif") no-repeat left;
	background-position-y: 30%;
	clear: both;
	}
#content h2 
	{
	margin-top: 1.8em;
	}
#content h4 
	{
	padding: 0;
	margin: .4em 0 0 0;
	clear: both;
	}
#content h5
	{
	padding: 0;
	margin: .1em 0 .4em 0;			/* 4 values means top/right/bottom/left */
	clear: both;
	}
#content h1 a, #content h4 a 
	{
	color: #c00;
	text-decoration: none;
	}
#content h1 a:hover, #content h4 a:hover,  #content h5 a:hover 
	{
	color: #c00;
	text-decoration: underline;
	}
#content p 
	{
	margin-top: 0;
	padding: 0;
	}
#highlightImg 
	{
	/* border: thin purple solid; */                /* Debugging code                       */
	margin:        0 .7em 0 0;			/* 4 values means top/right/bottom/left */
	padding:       0;
	float:         left;
	width:         226px;
	}
#highlightDescrip 
	{
	width:      22.0em;
	margin:     0;
	padding:    0;
	float:      left;
	text-align: left;
	}
	
/* sidebar
----------------------------------------------------------------------------------------------- */
#sidebar h3 
	{
	margin: 0 0 .6em 0;
	padding: 0 0 .1em 14px;
	border-bottom: 1px solid;
	background: url("/Chad-English/PA/Images/arrow_sidebar.gif") no-repeat left;
	background-position-y: 30%;
	}
#sidebar h4 
	{
	margin: 0 0 .6em 0;
	padding: 0 0 .1em 14px;
	border-bottom: 1px solid;
	background: url("/Chad-English/PA/Images/arrow_sidebar.gif") no-repeat left;
	background-position-y: 30%;
	color: #5f5f5f;
	}
#sidebar h5 
	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: LinePrinter, Courier New, Arial;
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	}	
#featuredReport img 
	{
	margin: 0 .6em 1.0em 0;
	padding: 0;
	width: 75px;
	float: left;	
	}
#featuredReport p 
	{
	font-size: 1.1em;
	padding:   0 0 10px 0;				/* 4 values means top/right/bottom/left */
	margin:    0;
	}
#sidebar p 
	{
	clear: both;
	}