p.list-check { 
	margin-left:  20px;
	padding-left: 30px;
	background: url(../images/CheckSmallGreen.gif) left top no-repeat;
}
/* =========== Boxes ======= */
.indent-box, .indent-box-tight, .indent-box-insight, .indent-box-contents {
	border:  1px solid #999999;
	padding: 0px 10px 2px 20px;
	margin: 20px 30px 20px 30px;
	background-color: GhostWhite;
	-webkit-box-shadow: #acacac 0px 2px 3px;
	-moz-box-shadow: 	  #acacac 0px 2px 3px;
	box-shadow: 		  #acacac 0px 2px 3px;
}
p.indent-box { /* p for container, much easier than a div  */
	margin:  20px 30px 20px 30px;
	padding: 10px 15px 12px 15px;
}
p.indent-box-insight { /* Requires at least 3 lines of text to look okay */
	margin:  20px 30px 20px 30px;
	padding: 10px 15px 12px 95px; /* Right padding extra 80px for bkg image */
	background: url(../images/Insight.png) left center no-repeat;
	background-color: GhostWhite;
	font-size: 16px;
	line-height: 170%;
}
.indent-box-title {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding-bottom: 5px;
}
.key-principle-box, .key-conclusion-box { /* Requires a div then p */
	font-size: 18px;
	text-align: center;
	line-height: 160%;
	margin:  20px 30px 20px 30px;
	padding: 5px 10px 5px 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 {
	border:  3px solid DarkBlue;
	background: url(../images/KeyPrinciple.png) top center no-repeat;
}
.key-conclusion-box {
	border:  3px solid #29ad87;
	background: url(../images/KeyConclusion.png) top center no-repeat;
}

.list-number-no-indent { /* For right column. Requires manually supplied number, single digit. */
	padding-left: 1.1em;
	text-indent: -1.5em; 
}
img {
	border: none;	/* To prevent heavy blue lines in IE if image is a link */
}
/* ============ Above are new classes from new site design ======= */
body {
	/* font-size: 85%; /* Was 80% small. All other font sizes are a percent of this */
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	/* Changed to sans-serif October 14, 2008. */
	font-family: Verdana, Helvetica, Arial, sans-serif; /* From PHPBB3 */
	line-height: 160%; /* Wikipedia is 160% and small sans-serif font */
	
	/* Changed back to serif March 23, 2009 to be like NYTimes */
	margin: 0;
	background: #b2bad0 url(../images/PageBackgroundCtr.jpg) repeat center;
	position: relative;
	/* Added for social-share-widget positioning */ 
	width: 995px;
	margin: 0 auto;
}
p { 
	/* font-size: 90%;  Too small, 100% is same as Wikipedia, much clearer. */
	font-size: 105%;
	margin-top:    1.1em; /* Was .7em and .7em */
	margin-bottom: 1.1em; 
}
/* A slightly ligher blue than the one from Wikipedia. The standard blue of  0000ee is too bright. */
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 {
	/* Was color: #FF2D2D; but this is overly redundant. */
	text-decoration: underline;
}
a:active {
	color: #990000;
	text-decoration: none;
}
/* ------- For hidden links, used to let crawlers index pdf files ----- */
a.classShowNoLink:link { text-decoration: none; color: black; }
a.classShowNoLink:visited { text-decoration: none;  color: black;}
a.classShowNoLink:hover { text-decoration: none; cursor: text; }
a.classShowNoLink:active { text-decoration: none; }

#social-share-widget {
	position: absolute;
	/* left: 20px;
	top: 160px; */
/*	left: 680px;
	top:  115px;*/
	left: 807px;
	top:  20px;	
	z-index: 0;
}
/* ------------- Recently added ----------- */
.statement-impact { 
	font-family: Impact, Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: .05em;
	line-height: 140%;
	color: #00746b; /* green */
	text-align: center;
	padding: 10px 0 10px 0;
}
.image-full-width {
	margin: 10px 0 10px 0;	
}

/* ------- Article column ------- */
#SocialButtons {
	margin: 30px 5px 0 5px;
	/* padding: 5px 5px 4px 5px;
	border-width: 1px 1px 1px 1px;	
	border-style: solid;
	border-color: #9ddbbc; 
	background-color: white; */
	text-align: center;
}
.SocialButtonsVerticalSpacer1 {
	margin: 3.5em;
}
.SocialButtonsVerticalSpacer2 {
	margin: 2em;
}
.ArticleArea {
	/* border-left: 1px solid #acacac; */
	background-color: #FFFFFF;
	background-image: url(../images/ArticleColumnBackground.gif);
	background-repeat: repeat;
	background-position: center;	
}
.ArticleTextArea {
	padding: 8px 5px 9px 9px; /* Similar to TextArea, but no width */
}
.ArticleAreaTitle { 
	font-size: 110%; 
	font-weight: bold;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	text-align: center;
	line-height: 120%;
	color: #5cbe8b; /* Off green */
	margin-top: .5em;
	margin-bottom: .5em; 
	padding: 0px 4px 0px 0px;
}
.ArticleTitle {
	font-size: 90%; /* ************ Was 100% */
	font-weight: bold;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	line-height: 120%;
	color: #000000;
	margin-top: 0em;
	margin-bottom: 0em; 
}
.ArticleAuthor {
	font-size: 80%; 
	line-height: 100%;
	color: #959595; /* 50% gray */
	margin-top: 0.5em;	
	margin-bottom: 0em; 
}
.ArticleBody {
	font-size: 90%;
	line-height: 140%; 
	margin-top: 0.25em;	
	margin-bottom: 0em;	
}
.ArticleSeparator {
	background: #9ddbbc; /* Was acacac 40% gray, now medium green */
	margin: .7em 4px .7em 0;
	padding: 1px 0 0 0; /* The height of the line */
}
#ArticleSeparatorTop {
	background: #9ddbbc; 
	margin: 0 4px .7em 0;
	padding: 1px 0 0 0; /* The height of the line */
}
/* ------------------ */
/* ol { 
	margin-left: 50px;
	padding-left: 0;	
} */
li { /* These seem to be the default */
	margin-top: 0em;
	margin-bottom: 0em;	
}
/* No longer used .ListLoose {
	margin-top: 0em;
	margin-bottom: .9em;	
} */
.ListManual { /* Was margin: 0em 0 .25em 2.5em; */
	margin: .5em 0 .5em 2.5em; 
	text-indent: -1.3em; 
}
.ListManual2 { /* Was margin: 0em 0 .25em 50px; */
	margin: 0em 0 .25em 4em; 
	text-indent: -1.2em;
}
.TextArea {
	margin: 1.1em 9px 1.1em 9px; /* Was 8px 9px 9px 9px; */
	width: 597px;
}
/* -------------------- */
blockquote { 
	margin-top: 0em;
	margin-bottom: 0em;	
}
br { /* These seem to have no effect, must be the browser defaults. */
	margin-top:     0;
	margin-bottom:  0;
	padding-top:    0;
	padding-bottom: 0;	
}
hr { /* Not used anywhere yet, the seperator style is better */  
	background: #96adf4;
	height: 4px;
	border: 0; /* This eliminates the border in Mozilla, but not in IE */
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.PageGroup {
	font-size: 120%; 
	line-height: 100%;
	font-weight: normal;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	color: #999999;
	text-align: center;
	margin: 0px 8px 0px 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #898989;
	padding-top: 2px;
	padding-bottom: 4px;
}
h1, .PageTitle {
	font-size: 160%; /* ******** Was 170% 156% bold margin-bottom: .5em  Is 188% in H1 Wikipedia. */
	font-weight: normal;
	color: #000000;
	/* font-family: Arial, Helvetica, sans-serif; */
	line-height: 130%;
	margin-bottom: .15em; /* Was .35em */
	margin-top: 0em;     /* Was .2em */
}
.PageSection {
	font-size: 130%; /* Was 120% for sans serif */
	line-height: 130%;
	font-weight: bold;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	color: #000000;
	margin-bottom: 0; /* Sp is .6 */
	margin-top: 1.5em;
}
.PageSectionFirst {
	font-size: 130%; /* Was 120% for sans serif */
	line-height: 130%;
	font-weight: bold;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	color: #000000;
	margin-bottom: 0; /* Sp is .6 */
	margin-top: 0; /* This is all that's different */
}
.PageSubtitle { 
	font-size: 130%;
	line-height: 130%;
	font-weight: normal;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	color: #000000;
	margin-bottom: 1.3em; 
	margin-top: 0em; 
}
#CompletePage {
	/* background:  url(../Banner/Banner4.gif) no-repeat; */
	/* background-color: #f2f5fa; *//* To match menu area image */
}
#SectionBanner { /* This is to show difference statements per section */
	/* background:  right top no-repeat; */
	background-position: right;
	background-repeat: no-repeat;
}
.SearchBox {
	font-size: 65%;
}
.Smaller { /* Is this no longer used? */
	font-size: 80%;
}
.MenuBar {
	font-size: 67%;
	margin: 0;
	padding: 0;
	line-height: 100%;
}	
.FooterBox { 
	margin: 0;
	/* margin: 10px; 
	border: 1px solid #d7d7d7; */ /* 40% gray */
	background: url(../images/FooterBackground.gif) no-repeat;
	background-color: #adaaad;  /* To match bottom edge of image */
	padding: 0;
	font-size: 80%;
	font-family: sans-serif;
	line-height: 130%;
}
.MenuSection { 
	color: #000000;
	font-size: 90%; 
	font-family: sans-serif;
	margin: .4em 3px 0 5px;
	line-height: 140%; 
}

.MenuItem, .MenuItemCurrent { 
	font-size: 85%; 
	font-family: sans-serif; 
	line-height: 160%; 
}
.MenuItem {
	margin: 0 1px 0 12px;
}
.MenuItemCurrent { 
	margin: 0 1px 0 0;
	padding-left: 12px;
	background: url(../images/MenuItemPointer.gif) center left no-repeat;
}

.MenuSeparator {
	margin-top: .2em;
	margin-bottom: 0em;
}
.GlossaryBox {
	font-size: 90%;
	line-height: 150%;
	border: 1px solid #cedff2;
	margin: 0;
	padding: 2px 4px 0 5px;
	background-color: #f5faff;
}
.HorizontalSeparator { /* d1d9f0 very light blue, e1e1e1 15% gray */
	margin: 1.7em 0 1.7em 0;
	height: 1px;
	BORDER-TOP: #d1d9f0 2px solid;
	/* BORDER-BOTTOM: #e1e1e1 1px solid;  */
	clear: both;
}
/* Old .HorizontalSeparator {
	background: #96adf4;
	margin: 1.7em 0 1.7em 0;
	padding: 1px 0 0 0; 
} */
.HorizontalSeparatorThinTight {
	background: #96adf4;
	margin: .7em 0 .7em 0;
	padding: 1px 0 0 0; /* The height of the blue line */
}

.ImageLeft {     margin:  5px 10px 5px 0px; float: left; } /* Must align with capital letters */
.ImageLeftTop {  margin: 10px 10px 5px 0px; float: left; }
.ImageRight {    margin:  5px  0px 5px 5px; float: right; }
.ImageRightTop { margin: 10px  0px 5px 5px; float: right; } 

.image-center, .image-center-no-margin {
	float: clear;
	display: block;
	margin: 0 auto;
}
.image-center {
	margin: 30px auto 30px auto;
}

.ImgCaptionLeft {
	float: left;
	margin: 8px 10px 8px 0;
	font-size: 88%; /* Was 90% */
	font-family: sans-serif;
	line-height: 140%;
	text-align: left;
}
.ImgCaptionLeftFirst {
	float: left;
	margin: 16px 10px 8px 0;
	font-size: 88%; 
	font-family: sans-serif;
	line-height: 140%;
	text-align: left;
}
.ImgCaptionRight {
	float: right;
	margin: 8px 0 8px 10px;  
	font-size: 88%; 
	font-family: sans-serif;
	line-height: 140%;
	text-align: left;
}
.ImgCaptionRightFirst {
	float: right;
	margin: 16px 0 8px 10px;  /* Use FirstParagraph with this. */
	font-size: 88%; 
	font-family: sans-serif;
	line-height: 140%;
	text-align: left;
}
.ImgCaptionRightTop {
	float: right;
	margin: 0px 0 8px 10px;  
	font-size: 88%; 
	font-family: sans-serif;
	line-height: 140%;
	text-align: left;
}
/* Before the addition of the pale green right column, the Caption and Contents classes
had border-color: #CCCCCC; gray and background-color: #f7fcf7; pale green. This was changed
to be purple and light purple, along with the NewsBox. The purples are from Wikipedia.
*/
.Caption {
	padding: 5px 5px 4px 5px; /* Before justify was 3px on right, now 5px */
	border-width: 0px 1px 1px 1px;	
	border-style: solid;
	border-color: #ddcef2; 
	background-color: #faf5ff;  
}
.CaptionWithTop {
	padding: 5px 5px 4px 5px;
	border-width: 1px 1px 1px 1px;/* Only difference is top */
	border-style: solid;
	border-color: #ddcef2; 
	background-color: #faf5ff; 
}
.CaptionParFirst {
	margin-top:    0; /* .7em for p */
	margin-bottom: 0; /* .7em for p */
}
.CaptionParMore {
	margin-top:    .7em; /* .7em for p */
	margin-bottom: 0; /* .7em for p */
}
.Contents {
	/* From CaptionWithTop */
	padding: 5px 5px 4px 5px;
	border-width: 1px 1px 1px 1px;	
	border-style: solid;
	border-color: #ddcef2; 
	background-color: #faf5ff;
	/* From ImgCaption, any */
	/* font-family: sans-serif;
	line-height: 140%;
	text-align: left; */
	/* Custom */
	font-size: 100%; /* Was 88% */
}
.NewsBoxRight {
	/* From ImgCaptionRight */
	float: right;
	margin: 8px 0 8px 5px;  
	font-size: 88%; 
	line-height: 140%;
	text-align: left;
	/* From CaptionWithTop */
	padding: 5px 5px 0px 5px;
	border-width: 1px 1px 1px 1px;	
	border-style: solid;
	border-color: #ddcef2; /* A darker purple from Wikipedia */
	background-color: #faf5ff; /* Was f7fcf7 light green, faf5ffis light purple from Wikipedia. */
}
.NewsBoxHeadline {
	font-size: 120%; 
	font-weight: bold;
	color: #000000;
	/* font-family: Arial, Helvetica, sans-serif; */
	text-align: center;
	margin-bottom: 0em;
	margin-top: 0em; 	
}
.TitleTight {
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	/* font-family: Arial, Helvetica, sans-serif; */
	color: #000000;
	margin-bottom: 0em; 
	margin-top: 0em;
}
.ClearBoth {
	clear: both;
}
/* With border=1 For 480 + 10 * 2 for border = 500 wide videos. 597 - 500 = 97 / 2 = 48.5 */
.VideoCenterBorder { 
	margin: 0px 49px 0px 48px;
}
.VideoTitle {
	clear: both;
	margin: 30px 0px 0px 48px;
	text-align: left;
	font-family: sans-serif;
	font-size: 120%;
	font-weight: bold;
}
.VideoQuality {
	margin: 0px 49px 0px 0px;
	text-align: right;
	font-family: sans-serif;
	font-size: 70%;
	font-weight: bold;
}
.TableOfContentsEntry {
	padding: 5px 5px 4px 5px; /* Before justify was 3px on right, now 5px */
	border-width: 0px 1px 1px 1px;	
	border-style: solid;
	border-color: #ddcef2; 
	background-color: #faf5ff; 
	font-family: sans-serif; 
	font-size: 90%;
}