/* ===== Layout===== */
body {
	min-width: 994px; /* Must be same as width set later */
	/*height: 100%; Doesn't fix gap between body and html */
	margin:0; 
	padding:0;
	background: url(../images/page/PageBackground.jpg) top center repeat;
	
	/* Default font attributes */
	/* Forced to use 14px to get menu bar text to appear at correct vertical position */
	font-size: 14px; 
	line-height: 1.5; /* Was 150% */
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	/*font-family: Helvetica,Verdana,Arial,sans-serif;*/
	text-align: left;
}
#wrapper1 {
	background: url(../images/page/HeaderBackground.jpg) top center no-repeat;
}
#wrapper2 { /* Not changed, used to prevent flash when first loading images to wrapper 3 */
	background: url(../images/page/FooterBar00.png) bottom center no-repeat;
}
#wrapper3 { /* This image is wider than 994 so must not be in in wrapper3 */
	/*background: url(../images/page/FooterBar1.png) bottom center no-repeat;*/
}
#wrapper4 {
	width:994px; /* 994 = (649 + 10 + 10) + (305 + 10 + 10) */
	margin-left: auto;
	margin-right: auto; 
	position: relative; /* To allow position: to work on search elements */
}
/* ===== Layout of what's in last wrapper ===== */
#search {
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 1;
}
#search-image {
	position: absolute;
	right: 3px;
	top: 3px;
	z-index: 2;
}
#social-share-widget {
	position: absolute;
	right: 50px;
	top: 43px;
	z-index: 0;
}
/* #page-under-construction {
	position: absolute;
	left: -11000px; 
	top: 400px;	
	z-index: -10;
} */
#breadcrumb {
	clear: both;
	margin: 15px 0px 0 180px; /* Top margin no effect unless huge */
	padding-top: 4px;
	padding-bottom: 4px;
	color: #999999; /* Medium gray */
	font-size: 12px;
}
#content-full-width {
	width: 100%; 
	margin: 3px 0 0 0;
}
#content-left {
	float: left;
	width: 657px;  
	margin: 3px 0px 0px 0px; /* Former design had 597px wide paragraphs for images. This one has 621px. */
}
#content-right {
	float: right;
	width: 315px; /* was 305 */
	margin: 3px 4px 0px 0px;
}
/* =========== Footer ============== */
#footer {
	clear: both;
	height: 510px; /* Height of image */
	padding-top: 30px;
	margin-left: 3px;
	position: relative;
	font-size: 14px;
}
#footer-click-left, #footer-click-right {
	position: absolute;
	/*border: 1px solid black;*/
/*	height: 50px;
	width:  50px;*/
	bottom: 60px; 
}
#footer-click-left  { 
	right: 75px; 
	display: none; /* Set in javascript to block after first click */
	background: url(../images/page/FooterButtons.png) top left no-repeat;
} 
#footer-click-right { 
	right: 11px; /* 11px for both buttons, 40px for one */ 
	background: url(../images/page/FooterButtons.png) top right no-repeat;
}
#footer-click-left:hover { 
	cursor:pointer;
	background: url(../images/page/FooterButtons.png) center left no-repeat;
}
#footer-click-right:hover  { 
	cursor:pointer;
	background: url(../images/page/FooterButtons.png) center right no-repeat;
}
#footer-click-left:active { 
	cursor:pointer;
	background: url(../images/page/FooterButtons.png) bottom left no-repeat;
}
#footer-click-right:active  { 
	cursor:pointer;
	background: url(../images/page/FooterButtons.png) bottom right no-repeat;
}

#footer-click-text {
	font-size: 14px;
	color: Gray;
	position: absolute;
	bottom: 55px;
	right: 85px;
	display: none;	
}

#footer-line1 {
	position: absolute;
	bottom: 15px;
	left: 200px;
}
#footer-line2 {
	display: none; /* Has CPR project, turned off so don't oversell it */
	position: absolute;
	bottom: 10px;
	left: 150px;
}
#footer-line1 a {
	padding-right: 30px;
}
#footer-line1-thwink, #footer-line2-more {
	color: gray;	
}
/*#footer-line1 a:link {
	color: white;	
}
#footer-line1 a:visited {
	color: white;	
}
#footer-line1 a:active {
	color: LightGray;	
}
#footer-click:hover { cursor:pointer; }*/

/* =================== Formatting of full and left column, the main content ===== */
.article, .item-section-first-container, .item-section-second-container,
#main-content-section, .item-section-first, .item-section-second, #glossary-navigation { /* 40% gray */
	-webkit-box-shadow: #acacac 0px 2px 3px;
	-moz-box-shadow: 	  #acacac 0px 2px 3px;
	box-shadow: 		  #acacac 0px 2px 3px; 
}
/* Article - The all important box with rounded corners and drop shadow */
.article { 
	font-size:   14px; /* NYTimes and Time articles are 15px - Tried 16/26 and 15/24, need 16 for easy writing */
	line-height: 24px; /* Was 1.7. Use of px allows .big-lead to not cause lines with different spacing. */
	font-weight: 400;
	background: white;
	margin: 0px 3px 0px 3px;
	padding-bottom: 25px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 	  8px;
	border-radius: 		  8px;
}
.article p {
	margin: 12px 0 12px 0;	
}
.article blockquote { /* Default margin is 15 40 15 40. */
	margin: 0 0 0 30px;
}
p.article-first-paragraph { /* For when no h2 or photo preceeds the first paragraph */
	padding-top: 20px; /* Normally 12px. Padding rather than margin so bkg color is okay. */
	margin-top: 0;
}
.section-wide { /* Used by two column pages, especially glossary */
	padding: 15px 15px 30px 15px;
	clear: both;
}
.section-wide-more { /* For when more follows, via use of section center */
	padding: 5px 15px 1px 15px;
	clear: both;
}
.section-center {  
	padding: 0 130px 0 130px;	
	clear: both;
}
.section-center-medium {  
	padding: 0 170px 0 170px;	
	clear: both;
}
.section-center-narrow {  
	padding: 0 220px 0 220px;	
	clear: both;
}
.section-center-narrow-with-bottom-padding {
	padding: 0 220px 30px 220px;	
	clear: both;
}
.section-center-narrow-padded {  /* For p first */
	padding: 10px 220px 0 220px;	
	clear: both;
}
/* ===== Left sidebar for navigation ============================================================================ */
/* Sidebar on right, medium width on left. Just for beginning if long article. Okay for short entire article. */
.sidebar {
	float: right;
	width: 270px;
	margin: 40px 15px 15px 0; /* Top margin same as executive h 2 */
	padding: 0;
	border: 2px solid #8EB3CC;
	background: #EDF7FF; /* Light blue */
}
.sidebar p {
	border-top: 1px solid #8EB3CC;	
	margin: 0px;
	padding: 5px 10px 5px 10px;
}
.sidebar p:first-child {
	border-top: none;	
}
.sidebar p:hover {
	background: #DBECF9;	
}
.sidebar p:first-child:hover {
	background: #EDF7FF; /* No change */
}
.sidebar-section {
	float: left;
	width: 638px;
	padding: 0 0 0 30px;	
}
/* ===== Shadow ===== */
.shadow-standard {
	-webkit-box-shadow: #acacac 0px 2px 3px;
	-moz-box-shadow: 	  #acacac 0px 2px 3px;
	box-shadow: 		  #acacac 0px 2px 3px;	
}
.shadow-larger {
	-webkit-box-shadow: #979797 0px 3px 5px;
	-moz-box-shadow: 	  #979797 0px 3px 5px;
	box-shadow: 		  #979797 0px 3px 5px;	
}
/* ===== Web font ===== */
h1, h2, h3, p, .item-title, td {
	font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;	
}
h2, h3, .item-title {
	font-weight: 600;
}
/* ===== h1 ===== */
h1 { /* Article title, search engines use h1 heavily. */ 
	font-size: 22px; /* Versus 24px for NYTImes */
	font-weight: 600;
	line-height: 130%;
	margin: 0; /* 12px 0px 0; /* Bottom doesn't matter if <= 12px, p top margin */
}
#h1-hide {
	position: absolute;
	z-index: -1;
}
#h1-subtext { /* For glossary page title suffix. This is now empty to reduce distraction. */
	font-size: 14px;
	font-weight: 400;
	color: Gray;
}
#h1-under-image {
	margin: 20px 0 12px 0;	/* bottom to match p top margin */
}
#h1-under-image-outdent-larger { /* For use with h2 executive styles */
	margin: 20px 0 12px -30px;	/* bottom to match p top margin */
	font-size: 26px; 
}
#content-full-width-h1, #content-two-col-h1 {
	padding: 3px 12px 3px 40px;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: url(../images/misc/PageTitleGradient.png) left top no-repeat;
	/* To match section rounding */
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 	  8px 8px 0 0;
	border-radius: 		  8px 8px 0 0;
}
#content-two-col-h1 {
	margin: -15px -15px 20px -15px;
}
/* ===== h2 ===== */
h2 { 
	font-size: 18px;
	margin: 35px 0px 12px 0; /* Bottom margin same as p. Right was 12px. */
}
.h2-executive-gray,  .h2-executive-gray-wide,  .h2-executive-gray-no-outdent, .h2-executive-gray-extra-outdent,
.h2-executive-green, .h2-executive-green-wide, .h2-executive-green-no-outdent, 
.h2-executive-brown, .h2-executive-brown-wide, .h2-executive-brown-no-outdent  { 
	font-size: 20px; 
	font-weight: 600;
	line-height: 1.5; 
	color: white; 
	padding: 5px 10px 8px 30px; /* padding right 30px causes h2 text alighment with following blockquote paragraphs */
}
.h2-executive-gray, .h2-executive-gray-wide, .h2-executive-gray-no-outdent, .h2-executive-gray-extra-outdent { 
	background-color: LightSlateGray;
}
.h2-executive-green, .h2-executive-green-wide, .h2-executive-green-no-outdent { 
	background-color: SeaGreen;
}
.h2-executive-brown, .h2-executive-brown-wide, .h2-executive-brown-no-outdent {
	background-color: #9f8166;
}
.h2-executive-gray, .h2-executive-green, .h2-executive-brown { 
	margin: 40px 0px 15px -30px;
}
.h2-executive-gray-wide, .h2-executive-green-wide, .h2-executive-brown-wide { 
	margin: 40px -100px 15px -30px;
}
.h2-executive-gray-no-outdent, .h2-executive-green-no-outdent, .h2-executive-brown-no-outdent  { 
	margin: 40px 0px 15px 0;
}
.h2-executive-gray-extra-outdent {
	margin: 40px 0px 15px -60px;
}


.h2-outdent { /* For contents h2s with children, all h2 */
	margin-left: -30px;	
	font-size: 22px;
}
#content-left h2 {
	font-size: 18px; 
	line-height: 1.5; 
	letter-spacing: .04em;
	color: white; 
	/* background-color: #8397b8;   Medium blue from page header */
   background: linear-gradient(to bottom, #8397B8 0%, #333 100%) repeat scroll 0% 0% transparent; 
	margin: 40px 0px 15px 0;
	padding: 5px 10px 7px 15px; 
}
/* ===== h3 ===== */
h3, .h3-first-tight { /* Seldom used */
	font-size: 16px;
	font-weight: 600;
	margin: 30px 0 -5px 0; /* For site map */
}
h3.h3-first-tight {
	margin-top: 20px;	
}
/* ===== Misc ===== */
#content-right blockquote { 
	margin: 0 0 0 15px;
}
/* ===== Formatting of right column, related and other content ===== */
#most-popular-pages {
	margin: 20px 0 13px 0;
}
.item-title {
	font-size: 15px;
	line-height: 140%;
	margin-bottom: -5px; 
}
.item-section-first-container, .item-section-second-container {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 13px; /* was 14/21 */
	line-height: 150%;
	font-weight: 400;
	border: 1px solid Gray; /* Was #CCCCCC */
	margin-bottom: 15px;
	padding: 10px 10px 0px 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 	  8px;
	border-radius: 		  8px;
}
.item-section-first-container { /* Text containers below headers */
	background: #eaf6f3; /* Very pale green */
}
.item-section-second-container {
	background: #F7EFE6; /* Extremely light orange tan to matche image */
	/*background: url(../images/thumbnails/TopPages_Background.jpg) top center repeat;*/
	border: 2px solid Gray;
}
.item-section-first-container p {  margin: 10px 0 10px 0; }
.item-section-second-container p { margin: 0px 0 10px 0; } /* Was 10px top for images */

/* ===== */
#main-content-section, .item-section-first, .item-section-second, #glossary-navigation { /* Rectangle headers */
	/*font-size: 100%;*/
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: .05em;
	word-spacing: 3px;
	color: white;
	padding: 4px 0 6px 15px;
}
#main-content-section {
	margin: 0 4px 1em 4px;
	/*color: black;*/
	background-color: #7b92b4;  /* Blue from page banner right for full blue */
}
.item-section-first {
	margin: 0 0 1em 0;
	background-color: #29ad87; /* Off green, was 7cc576 */
}
.item-section-second {
	margin: 30px 0 1em 0;
	background-color: #c69c6d; /* Off tan */
}
p.horizontal-separator { /* d1d9f0 very light blue, e1e1e1 15% gray */
	clear: both;
	margin: 30px 0 30px 0;
	height: 0px;
	border-bottom: #ADD8E6 1px solid; /* LightBlue */
}
p.horizontal-separator-thick { /* d1d9f0 very light blue, e1e1e1 15% gray */
	clear: both;
	margin: 30px 0 30px 0;
	height: 0px;
	border-bottom: #ADD8E6 2px solid; /* LightBlue */
}
/* ===== Article misc ===== */

/* ===== Various speciality formatting ===================================== */
#home-page-banner {
	margin-top: -21px;	
}
#home-page-title {
	/* background: url(../images/home_page/HomePage_StartHere.png) left top no-repeat; /* right padding was 210px with this image */
	min-height: 60px; /* Former bkg image height */
	margin-top: -20px;
	padding: 18px 0px 0px 120px; 
	color: gray;
	font-size: 17px;
	letter-spacing: .05em;
	line-height: 140%;
}
/* ===== Standard Links ===== */
a:link { 
	color: #002fc8;
	text-decoration: none;
}
a:visited {
	color: #7b62a5;  /* The standard is 52188C but that is too dark, too close to black. This color is closer to purple, which is halfway between red and blue. Was 9941a3. */
	text-decoration: none;
} 
a:hover {
	/* color: #FF2D2D; /* Red, this is overly redundant since underlined. */
	text-decoration: underline;
}
a:active {
	color: #990000; 
	text-decoration: none;
}
/* ===== Previous and Next page ===== */
#page-links {
	clear: both;
	float: right;
	font-size: 13px;
	text-align: center;
	padding: 20px 0;
	/*min-width: 300px;*/
}
.page-links-item, #page-links-last-item {
	float: left;
	font-weight: bold;
	padding: 0 10px;
	border-right: 1px solid #999999;
}
#page-links-last-item {
	border: none;
}
#previous-page, #next-page  {
	float: left;
   border: 1px solid Gray;
	padding: 0 4px 0 5px;
	margin: 0 10px 0 10px;
   text-decoration: none;
   /*text-transform: uppercase;*/	
}
#previous-page {
	background: url(../images/misc/ArrowLeft.png) left center no-repeat;	
	padding-left: 35px;
}
#next-page {
	background: url(../images/misc/ArrowRight.png) right center no-repeat;	
	padding-right: 35px;
}
.page-links-item a {
	text-decoration: underline;
}
#page-links-last-item a {
	text-decoration: underline;
}
/* ===== Glossary previous and next ===== */
#glossary-navigation {
	text-align: center;
	padding: 5px 0 5px 0;
	margin: 0 0 20px; 0;
	background: url(../images/misc/GlossaryNavigationBkg.png) top center repeat;
	color: Black;
}
#glossary-navigation a {
	text-transform: capitalize;
}
/* ===== Images in articles ===== */
.image-right, .image-right-shadow, .image-far-right, .image-left, .image-far-left , .image-left-caption,.image-right-caption, .image-far-right-caption {
	margin:  7px 0px 5px 0px; /* Top 7px to get even with text. Image must be inside p tag or after p tag if in div. */
	border: none; /* To prevent heavy blue lines in IE if image is a link */
}
.image-right, .image-right-shadow {    
	float: right;
	margin-left: 10px; 
}
.image-right-shadow {
	-webkit-box-shadow: #666 3px 3px 6px;
	-moz-box-shadow: 	  #666 3px 3px 6px;
	box-shadow: 		  #666 3px 3px 6px;
}
.image-far-right, .image-far-right-caption {    
	float: right;
	margin-left: 10px; 
	margin-right: -100px; /* Use with .section-center which has left right padding of 130px. */
}
.image-far-right-narrow, .image-far-right-caption-narrow {    
	float: right;
	margin-left: 10px; 
	margin-right: -190px; /* Use with .section-center which has left right padding of 130px. */
}
.image-left  {   
	float: left; 
	margin-right: 15px;
}
.image-far-left  {   
	float: left; 
	margin-right: 15px;
	margin-left: -100px; /* Use with .section-center which has left right padding of 130px. */
}
.image-left-caption {
	float: left;
	margin-right: 10px;
	margin-top: 7px; /* These are divs and not in ps */
	border-bottom: solid 1px #CCCCCC;
}
.image-right-caption, .image-far-right-caption, .image-far-right-caption-narrow {
	float: right;
	margin-left: 10px;
	margin-top: 7px; /* These are divs and not in ps */
	border-bottom: solid 1px #CCCCCC;
}
.image-left-caption p, .image-right-caption p, .image-far-right-caption p, .image-far-right-caption-narrow p {
	font-size: 13px;
	line-height: 150%;
	border-left:  solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	margin: 0; /* Prevents left and right no borders */
	background-color: GhostWhite; /* A very light blue gray */
}
.image-left-caption p {
	padding: 10px 7px 5px 5px;
}
.image-right-caption p, .image-far-right-caption p, .image-far-right-caption-narrow p {
	padding: 10px 5px 5px 7px;
}
.caption-border-top {
	border-top:  solid 1px #CCCCCC; /* For images with light bottom, use in p */
}
img {
	border: none;	/* To prevent heavy blue lines in IE if image is a link */
}
.image-hover-dim:hover {
	opacity: .8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.image-center, .image-center-no-margin {
	display: block;
	margin: 0 auto;
}
.image-center {
	margin: 30px auto 30px auto; 
}

.image-item-top { /* For image at top in right column, width 293px for full column width */
	margin-bottom: 10px;	
}
.image-shadow {
	-webkit-box-shadow: #acacac 2px 2px 4px;
	-moz-box-shadow: 	  #acacac 2px 2px 4px;
	box-shadow: 		  #acacac 2px 2px 4px;
}
.image-2column {
	margin: 0 0 0 -15px;
}
.image-2column-top { /* Image must be exact width of column, which is 651px */
	margin: -15px 0 0 -15px;
	/* To match section rounding */
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 	  8px 8px 0 0;
	border-radius: 		  8px 8px 0 0;		
}
.image-full-width-top {
	margin-bottom: 25px;
	/* To match section rounding */
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 	  8px 8px 0 0;
	border-radius: 		  8px 8px 0 0;		
}
/* ===== indent boxes ===== */
.indent-box, .indent-box-tight, .indent-box-abstract, .indent-box-example, .indent-box-insight, 
.indent-box-quote, .indent-box-quote-left, .indent-box-important { 
	border:  1px solid #999999;
	padding: 5px 20px 2px 20px;
	margin: 20px 30px 20px 30px;
	background-color: GhostWhite; 
	/* Different shadow due to thin border, want a crisp look */
	-webkit-box-shadow: #acacac 1px 2px 4px; 
	-moz-box-shadow: 	  #acacac 1px 2px 4px;
	box-shadow: 		  #acacac 1px 2px 4px; 
}
p.indent-box, p.indent-box-quote, p.indent-box-quote-left, .indent-box-important { /* p for container, much easier than a div  */
	margin:  20px 30px 20px 30px;
	padding: 10px 12px 12px 15px; 
}
p.indent-box-important {
	margin:  20px 50px 20px 50px; 
	border: 2px solid black; 
	font-size: 18px; 
	font-weight: 600;
	/*text-align: center;*/
	line-height: 175%;
}
div.indent-box-quote-left, p.indent-box-quote, p.indent-box-quote-left { 
	text-align: center;
	font-size: 17px;
	line-height: 170%;
	padding: 15px 20px;
	border: none;
	background: url(../images/misc/BkgQuote.jpg) top center no-repeat;
}
div.indent-box-quote-left, p.indent-box-quote-left {
	text-align: left;	
}
div.indent-box-quote-left {
	padding: 5px 20px;
}
.indent-box-tight { /* For multiple paragraphs. Should use indent-box-title for the first paragraph. */
	padding: 0px 10px 0px 20px;	
}
.indent-box-tight p { 
	margin: 12px 0;
}
p.indent-box-insight, div.indent-box-insight { /* Requires at least 3 lines of text to look okay */
	border:  2px solid Black;
	margin:  20px 30px 20px 30px;
	padding: 10px 15px 12px 95px; /* Right padding extra for bkg image */
	background: url(../images/misc/Insight.png) left center no-repeat; 
	background-color: GhostWhite;
	font-size: 16px;
	line-height: 170%;
}
p.indent-box-abstract, div.indent-box-abstract {
	border:  1px solid #968274;
	margin:  20px 0px 20px 0px;
	padding: 10px 10px 12px 127px; /* Right padding extra for bkg image */
	background: url(../images/misc/Abstract.png) left center no-repeat #d0c5be; 
	font-size: 15px;
	line-height: 170%;
}
div.indent-box-abstract {
	padding-top: 0;
	padding-bottom: 0;	
}
p.indent-box-example {
	border:  1px solid #968274;
	margin:  25px 0px 25px 0px;
	padding: 10px 10px 12px 127px; /* Right padding extra for bkg image */
	background: url(../images/misc/Example.png) left center no-repeat #d0c5be; 
}
.indent-box-title {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding-bottom: 1px;
}
#indent-inner-box {
	line-height: 170%;
	border:  2px solid Black;
	margin:  20px 30px 20px 30px;
	padding: 10px 15px 12px 15px;
	background-color: White; 
	
	-webkit-box-shadow: #acacac 0px 2px 3px;
	-moz-box-shadow: 	  #acacac 0px 2px 3px;
	box-shadow: 		  #acacac 0px 2px 3px; 
}
/* ===== Tables ===== */
table.table1 {
	font-size: 14px;
	margin: 15px auto 15px auto;
	border-color: White;
	border-spacing: 0px;
	border-collapse: collapse;
	line-height: 140%;
}
table.table1 thead td {
	background: #687EAB;	
	color: White;
}
table.table1 tbody td {
	background-color: #DBE2F1; /* Light blue */
}
.table1-title {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
.table1-subtitle {
	font-weight: 600;
	font-size: 16px;
	text-align: center;
}
table.table1 td {
	padding: 2px 5px 2px 5px;	
	border: none;
	border-bottom: 1px solid White;
}
/* ========= Statements - These are larger with special font handling */
.statement-impact, .statement-impact-large {
	font-family: Impact, Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #00746b; /* green */
	text-align: center;
	letter-spacing: .05em;
	padding: 10px 0 10px 0;
}
.statement-impact {
	font-size: 24px;
	line-height: 140%;
}
.statement-impact-large {
	font-size: 40px;
	line-height: 150%;
}
.statement-large {
	font-size: 35px;
	text-align: center;
	color: #000000;
	line-height: 55px;
	margin-top:    20px;
	margin-bottom: 20px;
}
/* Other */
p.list-check { /* Need to avoid changing bkg color */
	margin-left:  20px;
	padding-left: 30px;
	background-image: url(../images/misc/CheckSmallGreen.png);
	background-position: left top;
	background-repeat: no-repeat;
}
p.list-check-medium { 
	/*margin-left:  10px;*/
	margin: 20px 0 20px 10px;
	padding-left: 60px;
	background: url(../images/misc/CheckMediumGreen.png) left top no-repeat;
}
p.list-x { 
	margin-left:  20px;
	padding-left: 30px;
	background: url(../images/misc/ListX.png) left top no-repeat;
}
p.list-check-no-indent { 
	padding-left: 30px;
	background: url(../images/misc/CheckSmallGreen.png) left top no-repeat;
}
p.list-bullet { 
	margin-left:  30px;
	padding-left: 20px;
	background: url(../images/misc/Bullet_Std.png) left top no-repeat;
}
p.list-bullet-no-indent { /* For right column with 13px font */
	padding-left: 17px;
	background: url(../images/misc/Bullet_NoIndent.png) left top no-repeat;
}

p.list-number { /* For left column. Requires manually supplied number, single digit. */
	padding-left: 50px;
	text-indent: -1.15em; 
}
p.list-number-no-indent { /* For right column. Requires manually supplied number, single digit. */
	padding-left: 1.1em;
	text-indent: -1.1em; 
}
p.list-number-no-number-last { /* For additional LAST paragraph with no number. */
	padding-left: 50px;
	margin-bottom: 22px;
}
.definition {
	font-weight: bold;
	font-style:  italic;
	font-size:   larger;
	/*font-family: Verdana, Helvetica, Arial, sans-serif;*/
	/*font-size: larger;*/
}
.big-lead {
	font-weight: 600;
	font-size: larger;
}
.feedback-loop {
	font-weight: bold;
	color: green;
}
.section-top-image {
	margin: -15px -15px 20px -15px; /* - to push through section padding */
}
p.center-text, .center-text {
	text-align: center;	
}
.footnote {
	vertical-align: super; 
	font-size: 0.75em; 
	line-height: 0.5em
}
/* ============ Callouts ================ */
.callout-left, .callout-right, .callout-far-right, p.callout-left, p.callout-right { /* Need to use a div with p inside */
	font-size: 15px;
	width: 250px; /* An easy override */
	margin-top: 7px; /* Was 7px - To get even with text */
	margin-bottom: 12px;
	padding: 0 10px 0 13px;
	background: url(../images/misc/Callout.png) top center no-repeat;      /* #eaf6f3; */
	/* background: #dadeef; /* light blue */
	
	border: 2px solid Black; /* Same as indent-box */
	-webkit-border-radius: 8px;
	-moz-border-radius: 	  8px;
	border-radius: 		  8px;		
	/* color, horizontal offset, vertical offset, blur distance */
	-webkit-box-shadow: #acacac 2px 2px 4px;
	-moz-box-shadow: 	  #acacac 2px 2px 4px;
	box-shadow: 		  #acacac 2px 2px 4px;	
}
p.callout-left, p.callout-right {
	padding: 10px 10px 10px 13px;
}
.callout-left, p.callout-left {
	float: left;
	margin-right: 20px;
}
.callout-right, .callout-far-right, p.callout-right {
	float: right;
	margin-left: 10px;
}
.callout-left h2 { /* =============== Don't use h2 ================= */
	margin-top: 10px;	
	text-align: center;
}
.callout-left p {
	margin: 10px 0 10px 0;
	line-height: 150%;
}
.callout-right h2 { /* =============== Don't use h2 ================= */
	margin-top: 10px;	
	text-align: center;
}
.callout-right p, .callout-far-right p {
	margin: 10px 0 10px 0;
	line-height: 150%;
}
.callout-far-right {
	margin-right: -100px;	
}
/* ============ Colors ================ */
.bkg-color-ultra-light-gray {
	background-color: #f7f7f7;	/* About 2% gray */
}
.bkg-color-ghost-white {
	background-color: GhostWhite;	
}
.bkg-color-light-blue {
	background-color: #dadeef;	
}
.bkg-color-light-tan { /* A very nice tan from WWF site */
	background-color: #f2f0e4;
}
.bkg-color-light-cool-tan { /* More of a flesh tone */
	background-color: #e8dfd7;	
}
.bkg-color-light-green {
	background-color: #e1f0ec;	
}
.bkg-color-light-green-gradient {
	background: url(../images/misc/BkgGreenGradientLong.jpg) top center no-repeat white; 
}
.bkg-color-light-blue-gradient {
	background: url(../images/misc/BkgBlueGradientLong.jpg) top center no-repeat white; 
}
.bkg-color-light-tan-gradient {
	background: url(../images/misc/BkgTanGradientLong.jpg) top center no-repeat white; 
}
/* ===== Themes ============================== */
.bkg-tools { /* Purple */
	background: url(../images/themes/Bkg_Tools.png) top left no-repeat white; 
}	
.bkg-analysis { /* Brown */
	background: url(../images/themes/Bkg_Analysis.png) top left no-repeat white; 
}	
.bkg-solutions { /* Green */
	background: url(../images/themes/Bkg_Solutions.png) top left no-repeat white; 
}	
.bkg-publications { /* Blue */
	background: url(../images/themes/Bkg_Publications.png) top left no-repeat white; 
}	
/* =================== Apple style gray box ====================== */
.item-box {
	font-size: 16px;
	text-align: left;
	line-height: 160%;

	margin:  20px 30px 20px 30px !important; 
	padding: 10px 20px 10px 20px;
	
	-webkit-border-radius: 16px;
	-moz-border-radius: 	  16px;
	border-radius: 		  16px;
	/* Horizontal, vertical, blur */
	-webkit-box-shadow: #acacac 2px 2px 5px, inset #FFFFFF 0px 2px 5px; 
	-moz-box-shadow: 	  #acacac 2px 2px 5px, inset #FFFFFF 0px 2px 5px;
	box-shadow: 		  #acacac 2px 2px 5px, inset #FFFFFF 0px 2px 5px; 
	
	border-top:   1px solid LightGray;
	border-left:  1px solid LightGray;
	background: url(../images/misc/BkgItemBox.png) top center no-repeat; 
}
/* =================== Principle and Conclusion Box ============================ */
.key-principle-box, .key-conclusion-box, .key-principle-no-title { /* Requires a div then p */
	font-size: 18px;
	text-align: center;
	line-height: 160%;

	margin:  20px 30px 20px 30px;
	padding: 10px;
	
	-webkit-border-radius: 16px;
	-moz-border-radius: 	  16px;
	border-radius: 		  16px;
	
	-webkit-box-shadow: #acacac 1px 3px 5px;
	-moz-box-shadow: 	  #acacac 1px 3px 5px;
	box-shadow: 		  #acacac 1px 3px 5px; 
}
.key-principle-box, .key-principle-no-title { 
	border:  3px solid DarkBlue;
	background: url(../images/misc/BkgKeyPrinciple.png) top center no-repeat; 
}
.key-conclusion-box {
	border:  3px solid #29ad87;
	background: url(../images/misc/BkgKeyConclusion.png) top center no-repeat; 
}
.key-principle-box p:first-child {
	font-size: 24px;	
}
.key-conclusion-box p:first-child {
	font-size: 24px;	
}
p.key-principle-no-title {
	margin:  20px 50px 20px 50px;
	padding: 10px 10px 10px 10px;
}
/* ============ Misc ============== */
.round-top-right-corner {
	/* To match section rounding */
	-webkit-border-radius: 0 8px 0 0;
	-moz-border-radius: 	  0 8px 0 0;
	border-radius: 		  0 8px 0 0;		
}
.round-top-corners {
	/* To match section rounding */
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 	  8px 8px 0 0;
	border-radius: 		  8px 8px 0 0;		
}
.round-bottom-corners {
	/* To match section rounding */
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 	  0 0 8px 8px;
	border-radius: 		  0 0 8px 8px;		
}
.round-all-corners {
	/* To match section rounding */
	-webkit-border-radius: 8px;
	-moz-border-radius: 	  8px;
	border-radius: 		  8px;		
}
.round-all-but-top-left-corners {
	-moz-border-radius: 	   0px 8px 8px 8px;  
	-webkit-border-radius:  0px 8px 8px 8px;
	border-radius: 			0px 8px 8px 8px;	
}
.round-all-but-top-right-corners {
	-moz-border-radius: 	   8px 0px 8px 8px;  
	-webkit-border-radius:  8px 0px 8px 8px;
	border-radius: 			8px 0px 8px 8px;	
}
.round-no-corners {
	-webkit-border-radius: 0;
	-moz-border-radius: 	  0;
	border-radius: 		  0;	
}
.font-introduction { /* First used in home page, A Model in Crisis. Paradigm */
	font-size: 18px;
	font-weight: 400;
	line-height: 170%;
	color: #707070; /* 65% gray */
}
p.first-paragraph-with-background-color { /* For first p when colored background used */
	margin-top: 0;
	padding-top: 20px; 	
}
p.extra-bottom-margin {
	margin-bottom: 22px;	
}
/* =============== Contents box at top of page =============== */
#contents-box, #contents-box-floating, #contents-box-top-gap {
	padding: 0 10px 10px 10px;
	background-color: GhostWhite;
	line-height: 1.6;
}
#contents-box {
	border: 1px solid LightBlue;	
	border-top: 1px solid #d2d2d2; /* To match page title bkg */
	margin-top: -1px;
	
	-webkit-border-radius: 0 8px 8px 8px;
	-moz-border-radius: 	  0 8px 8px 8px;
	border-radius: 		  0 8px 8px 8px;	
}
#contents-box-floating {
	border: 1px solid LightBlue;
	margin-top: 10px;
}
p.contents-title { /* Similar to h2 */
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	margin: 5px 12px 0px 0; /* Bottom margin same as p ? */
}
p.contents-item {
	font-size: 13px;
	background: url(../images/misc/ContentsPointer.png) left center no-repeat;	
	margin: 0;
	padding-left: 34px; /* width of pointer image */
}
p.contents-item-spacer {
	height: 1px;
	font-size: 1px; /* To look better in DreamWeaver */
	background-color: Gray;
	margin: 2px -10px 2px -10px;
}