body {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	background-color:#ffffff;
	left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin: 0px;
	top: 0px;
	font-size: 12px;
}

a:link {!color:rgb(0,0,153); /*dark faded blue*/}

a:visited {!color:rgb(51,51,102); /*medium faded blue*/}

a:active {!color:rgb(255,0,0); /*red */}

p {	padding: 0px;
	margin: 8px;
	font-size: 12px;
} 

hr {padding: 0px;  } 

h1 { color: #000000; 
	font-weight: 900; 
	font-size: 130%; 
	text-align: center; 	
	margin-bottom: 0.5em; 
	margin-top: 0.5em;
	font-spacing: 1em }
	
h2 {color: #000000;
	font-weight: 900;
	font-size: 115%;
	text-align: center;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	top: 0px;
	vertical-align: top;}

h3 { color: #000000; 
	font-weight: 900; 
	font-size: 105%; 
	text-align: center;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
	padding: 0px;	}

h4 {color: #000000;
	font-weight: 700;
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	margin-bottom: 0.25em;
	padding: 0px;}

h5 {color: #000000;
	font-weight: 600;
	font-size: 100%;
	text-align: left;
	vertical-align: top;
	margin-bottom: 0.25em;
	padding: 0px;}

img {background-position: left top; 
	margin: 0pt; 
	padding: 0em; 
	border: 0pt; 
	halign: left; 
	valign: top }
	
img.padme {
	padding: 4px 4px 4px 4px;
}

li {	
	margin-bottom: 0em;
	margin-left: 10px;
	text-align: left;
	font-size: 100%;
}

ol  { 	/*font-size: 80%; CAN'T USE ANY 80% INSIDE ANOTHER "80%" WITHOUT LOSING FONT SIZE!*/ 

	text-align: left; 
	list-style-type: decimal; 
	list-style-position: inside; 
	margin-top: 0.1em; 
	margin-bottom: 1em; 
	margin-left: 0em;
	font-size: 100%;
	/* margin-left: -1em */}

/* p { 	 } CAN'T USE FONT-SIZE  HERE WITHOUT SCREWING UP PLACES WHERE CAN'T USE <P>! */

ul  { 	/*font-size: 80%; CAN'T USE ANY 80% INSIDE ANOTHER "80%" WITHOUT LOSING FONT SIZE!*/
	text-align: left; 
 	list-style-position:outside;  
	margin-top: 0.1em; 
	margin-bottom: 1em; 
	margin-left: 0.1em;
	}

table {
	text-align: left;
	vertical-align: top;
	cellpadding: 0px;
	cellspacing: 0px;
	horizontal-align: left;
	border-top: 0;
	border-right: 0;
	border-bottom: thin #000000;
	border-left: 0;
}

td { font-size: 100%;
	text-align: left;
	vertical-align: top;
	
} /* SINCE EVERYTHING'S IN A TABLE, MUST SPECIFY FONT INFO FOR TD'S. THE "BODY" TAG DOES NOT CHANGE FONTS INSIDE A TABLE.*/

.blue-gradient {
	background: #d0e4f7; /* old browsers */
	background: -moz-linear-gradient(top, #d0e4f7 0%, #73b1e7 24%, #0a77d5 57%, #1D018E 97%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(57%,#0a77d5), color-stop(97%,#2D119E)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#1D018E',GradientType=0 ); /* ie */
}

.borders {
	border: 1pt;
	border-color: black;
	border-width: 1;
	} /*  Use .borders to get borders ON in a table. Otherwise, they're off! */
	
.borders-white-2px {
	border-style:solid;  
	border-width:2px;  
	border-color: #ffffff; 
	cellspacing: 0px; 
	padding:0px;
}
.borders-bottom {
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:thin;
	}
	
.borders-bottom-right {
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-right-color:#000000;
	border-right-style:solid;
	border-right-width:thin;
	}	

.content-table {
	-webkit-border-radius: 4px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	}
	
.div-with-borders {
	border-style:solid;  
	border-width:3px;  
	border-color: #3333cc;  
	padding:5px;
	}
.div-with-padding {
	padding:8px;
	}
.div-centered-grey-border{
position:relative;
top: 20px;
bottom: 20px;
left:20px;
right:20px;
width:95%;
border-width:thin;
border-style:solid;
border-color:#999999;
text-align:center;
}

.hilight { background: #ffff99; }
/* Making a less painful yellow instead of MCF's "standard" FFFF33.*/

.bg-black { background: #000000; }

.bg-light-blue { background: #ddffff; }

.bg-light-warm-blue { background: #d2efff; }

.bg-light-gray { background: #cccccc; }

.bg-verylight-gray { background: #eeeeee; }

.bg-pale-weak-yellow { background: #ffffcc; }

.bg-dead-warm-tan { background: #d6b7bc; }

.image-caption { margin-top: 0em; margin-bottom: 1em; font-size: 2; }

.LeftMargin8 { 
	margin-left: 8px;
	margin-left-width: 8px; }

.Image-margins-all { 
	margin-left: 8px;
	margin-left-width: 8px;
	margin-bottom: 8px;
	margin-bottom-width: 8px;
	margin-right: 8px;
	margin-right-width: 8px;
	margin-top: 8px;
	margin-top:-width: 8ps;}
	
.Image-margins-right-and-bottom { 
	margin-left: 0px;
	margin-bottom: 8px;
	margin-bottom-width: 8px;
	margin-right: 8px;
	margin-right-width: 8px;
	margin-top: 0px;}
	
.Image-margin-right-only { 
	margin-left: 0px;
	margin-left-width: 0px;
	margin-bottom: 0px;
	margin-right: 8px;
	margin-right-width: 8px;
	margin-top: 0px;}

.Image-margins-left-and-bottom { 
	margin-left: 8px;
	margin-left-width: 8px;
	margin-bottom: 8px;
	margin-bottom-width: 8px;
	margin-right: 0px;
	margin-top: 0px;}
	
.Image-margins-left-top-bottom { 
	margin-left: 8px;
	margin-left-width: 8px;
	margin-bottom: 8px;
	margin-bottom-width: 8px;
	margin-right: 0px;
	margin-right-width: 0px;
	margin-top: 8px;
	margin-top-width: 8px;}

.Image-margins-right-top-bottom { 
	margin-left: 0px;
	margin-left-width: 0px;
	margin-bottom: 8px;
	margin-bottom-width: 8px;
	margin-right: 8px;
	margin-right-width: 8px;
	margin-top: 8px;
	margin-top-width: 8px;}

.Image-margin-left-only { 
	margin-left: 8px;
	margin-left-width: 8px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;}
	
.Image-margin-left-and-top { 
	margin-left: 8px;
	margin-left-width: 8px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 8px;
	margin-top: 8px;}
	
.Image-margins-top { 
	margin-left: 0px;
	margin-left-width: 0px;
	margin-bottom: 0px;
	margin-bottom-width: 0px;
	margin-right: 0px;
	margin-top: 8px;}

.Image-margins-top-and-bottom { 
	margin-left: 0px;
	margin-left-width: 0px;
	margin-bottom: 8px;
	margin-bottom-width: 0px;
	margin-right: 0px;
	margin-top: 8px;}

.lib-pg-header {color:#000000; font-weight:800; font-size:12pt; text-align:left; margin-left:0px; vertical-align:top}  /*Use at right of the normal page head image on Library pages*/

.less { text-indent: 10pt; margin-top: 8pt; margin-bottom: 8pt }
/*   The "less" class is to reduce the space after a paragraph, and add space before the paragraph, as in the library listings*/

.sans-serif: {font-family: Verdana, Arial, Helvetica, sans-serif; }

.order-page-header: {color:#000000; font-weight:800; font-size:12pt; text-align:center; vertical-align:top} /*Use at top of the pages where you don't want normal header & rail, like order form pages */

.section {font-size: 12pt; color: black; font-weight: bold; margin-top: 12px; margin-bottom: 3px; text-align: center;}
/* Used in Library-by-Age page to get age-level section headers */
/*    Use "short" to reduce space above and below paragraph */.short { margin-top: -1em; margin-bottom: -1em }

/* Used for small menu at bottom left */
.small-menu {font-size: 8pt;
	font-style: bold;
	margin-left: 4pt;
	margin-top: 0pt;
	margin-bottom: 0.5em;  }
	
.small-6pt {font-size: 6pt;
	font-style: bold;
	margin-left: 3pt;
	margin-top: 0pt;
	margin-bottom: 0.5em;  }
	
.lowerAlphaList { text-align: left; 
	list-style-type:lower-alpha; 
	list-style-position: outside; 
	margin-left: 0.5em;
	margin-top: 0.1em; 
	margin-bottom: 1em; } /*Use to get an upper case alpha Ordered List*/
	
.upperAlphaList { text-align: left; 
	list-style-type: upper-alpha; 
	list-style-position: outside; 
	margin-top: 0.1em; 
	margin-bottom: 1em; } /*Use to get an upper case alpha Ordered List*/
	
.update {
	font-size: larger;
	color: #993300;
}
.strikeout {
	text-decoration: line-through;
}
.bg-d2e4ff-lt-blue {
	background-color: #d2e4ff;
}
.blue-text {
	color: #0000FF;
}
.periodical-title {
	font-style: italic;
	font-weight: bold;
	color: #000099;
}