body {	color: #000000;
	font-size: 80%; /*THIS HAS NO EFFECT ON STUFF INSIDE TABLES..? */
	font-family: Arial, Helvetica, Verdana, sans-serif;	
	background-color:#ffffff;
	left: 0px;
	margin-top: 0pt;
	margin-left: 0pt;	
	margin: 0;
	top: 0px;;
}

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;  } 

hr {padding: 0px;  } 

h1 { color: #000000; 
	font-weight: 900; 
	font-size: 150%; 
	text-align: center; 
	margin-bottom: 0.5em; 
	margin-top: 0.125em;
	font-spacing: 1em }
	
h2 {color: #000000;
	font-weight: 900;
	font-size: 140%;
	text-align: center;
	margin-bottom: 0.25em;
	margin-top: 0em;
	top: 0px;
	vertical-align: top;}

h3 { color: #000000; 
	font-weight: 800; 
	font-size: 125%; 
	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 { /*	font-size: 80%; */
	margin-bottom: 0.3em; 
	margin-left: 0px; 
	text-align: left;}

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;
	/* 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-image: url("../../images/misc/bulletBlue6.jpg");  */
	list-style-position: inside; 
	margin-top: 0.1em; 
	margin-bottom: 1em; 
	margin-left: 0em;
	}

table {
	font-size: 2;
	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 {
	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.*/


.borders {
	border: 1pt;
	border-color: black;
	border-width: 1;
	} /*  Use .borders to get borders ON in a table. Otherwise, they're off! */
	
.borders-bottom {
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:thin
	}
	
.div-with-borders {
	border-style:solid;  
	border-width:3px;  
	border-color: #3333cc;  
	padding:5px;
	}
.div-with-padding {
	padding:5px;
	}

.hilight { background: #ffff99; }
/* Making a less painful yellow instead of MCF's "standard" FFFF33.*/

.bg-light-blue { background: #ddffff; }

.bg-light-gray { background: #cccccc; }

.bg-verylight-gray { background: #eeeeee; }

.bg-pale-weak-yellow { background: #FFFFCC; }

.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-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;  }
	
.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;
}
