body {
	font-size: 85%; /* Was 80% small. All other font sizes are a percent of this */
	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;
}
p { 
	/* font-size: 90%;  Too small, 100% is same as Wikipedia, much clearer. */
	font-size: 105%;
	margin-top:    .7em; /* 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; }

/* ------- Article column ------- */
.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: 130%; /* ************ Was 140% */
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 120%;
	color: #464646; /* 80% gray */
	margin-top: .5em;
	margin-bottom: 0em; 
	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.2em; 
}
.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;
}
.PageTitle {
	font-size: 160%; /* ******** Was 170% 156% bold margin-bottom: .5em  Is 188% in H1 Wikipedia. */
	font-weight: bold;
	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: .5em; /* Sp is .6 */
	margin-top: 1.5em;
}
.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%; /* ************* Was 105% */
	font-family: sans-serif;
	margin: .4em 3px 0 5px;
	line-height: 140%; 
}
.MenuItem { 
	font-size: 65%; /* ************* Was 95% */
	font-family: sans-serif; 
	margin: 0 1px 0 12px;
	line-height: 160%; 
}
.MenuItemCurrent { 
	font-size: 65%; /* Was 95% 78% */
	font-family: sans-serif;
	margin: 0 1px 0 0;
	padding-left: 12px;
	line-height: 160%; 
	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;  */
}
/* 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; } /* Must align with capital letters */
.ImageLeftTop {  margin: 10px 10px 5px 0px; }
.ImageRight {    margin:  5px  0px 5px 5px; }
.ImageRightTop { margin: 10px  0px 5px 5px; } 

.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 {
	margin: 0px 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;
}