/*
	mytext.css
	This is the MAIN CSS FILE for ../html/history
*/


H1,H2,H3,H4 {
	text-align:center;
	font-family: "Helvetica", "Arial";
	color:red;
	}
/*
	This puts headers flush left and
	removes the bottom spacing from them
*/
.headleft {
	text-align:left;
	line-height: 100%;
	margin-bottom:0px;
	}
/*
	This removes the bottom spacing from h2 and h3 headers
*/
h2.nobottom, h2.nobottom, h3.nobottom {
	line-height: 100%;
	margin-bottom:0px;
	}
/*
	This removes the top spacing from ul and ol lists
	which brings the first item up tight under the header.
*/
ul.tight {
	margin-top:0px;
	margin-bottom:0px;
	}

ol.tight {
	margin-top:0px;
	margin-bottom:0px;
	}

body {
	background-color: white;
	margin-left: 2%;
	margin-right: 2%;
	font-family: arial;
	max-width:1000px;
	}

body.letter {
	margin-left: 10%;
	margin-right: 10%;
}

p.letter {
	text-indent:5em;
}

p.hang {
	margin-left: 4em;
	text-indent: -4em;
}

.nav  {font-family:  arial; font-size: 85%;  }

p {
	text-indent:3em;
	}

.tight p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	}

p.cent {
	text-indent: 0px;
	text-align: center;
	}

p.cb {
	text-indent: 0px;
	text-align: center;
	font-weight: bold;
	}

p.c0 {
	text-indent: 0px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	}
p.c0s {
	font-size: 85%;
	text-indent: 0px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	}

p.noin {
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
p.caption {
	text-indent: 0px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4em;
	margin-right: 4em;
	font-weight: bold;
	}
p.caption-justified {
	text-indent: 4em;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4em;
	margin-right: 4em;
	font-weight: bold;
	}
p.photo {
	text-indent: 0px;
	text-align: center;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: opx;
	}
p.quadleft {
	line-height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: 0px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

p.quadright {
	line-height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: 0px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

/*
	top-page-banner is for the blue banner at the top of every page
*/

#top-page-banner {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	background-color: navy;
	font-family: "Helvetica", "Arial";
	border-width: 10px;
	border-style: solid;
	border-color: navy;
	}

#top-page-banner p {
	text-indent: 0px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
	line-height: 125%;
	color: silver;
	margin-top: 0px;
	margin-bottom: 0px;
	}

blockquote {
	margin-left:0.5in;
	margin-right:0.5in;
	}

pre.tight {
	margin-top:0px;
}

li {
	padding:3px;
	}

li.top {
	margin-top:0px;
	padding: 0px;
}

li li {
	list-style-type:circle;
	}

li li li {
	list-style-type:circle;
	}

ul.tight li {
	padding: 0px;
	}

ol.tight li {
	padding: 0px;
	}

.indexpage li:hover {
	color:maroon;
	}
.blacktext li:hover {
	color:black;
	}
li.nodot {
	list-style-type:none;
	}

a {
	font-weight: bold;
	}

.bold {
	font-weight: bold;
	}
.italic {
	font-style: italic;
	}
cite {
	font-size: 85%;
	font-variant: small-caps;
	text-decoration: underline ;
	font-style: italic;
	}

/*
	Use for start of photo name description lines
*/
.places {
	font-size: 85%;
	font-variant: small-caps;
	text-decoration: underline ;
	white-space: nowrap;
	}

table.top {
	width: 500px;
	background-color: navy;
	border-spacing: 15px;
	}

table.top th {
	font-family: "Helvetica", "Arial";
	color: silver;
	font-size: larger;
	font-weight: bold;
	line-height: 115%;
}

/*
	These .center and .center table definitions should center tables in all
	versions of all browser.
	Use HTML code: <div class="center"><table class="top"> . . . . </table></div>
*/
.center {
	text-align: center;
	}
.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
.center table th {
	text-align: center;
	}

.redline {
	font-size: 11px;
	font-weight: bold;
	color: red;
	white-space: nowrap;
	}

/*
	Red font, bold face
*/
.rb {
	font-weight: bold;
	color: red;
	}
.rbc {
	text-indent: 0px;
	font-weight: bold;
	color: red;
	text-align: center;
	}
.updateline {
	font-weight: bold;
	font-size: smaller;
	color: red;
	white-space: nowrap;
	}

/*
	No wrap text
*/
.nw {
	white-space: nowrap;
	}

/*
	No wrap text, italic font
	Used first in alberta-college.htm
*/
.nwi {
	white-space: nowrap;
	font-style: italic;
	}
/*
	No wrap text, smaller font
	Used first in Jump/Addition/Update
	bar in History index.htm
*/
.nws {
	white-space: nowrap;
	font-size: smaller;
	}

.textbox {
	border:double medium black;
	padding:10px;
	}

.textbox-indented {
	border:double medium black;
	padding:10px;
	margin-left: 3em;
	}

.floatright {
	float: right;
	margin-left: .5em;
	font-weight: bold;
	text-align: center;
	text-indent: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
	border:double medium black;
}
.bookstyle {
	margin-left:15%;
	margin-right:15%;
}