/** {border: thin solid grey;}
*/
body {
	font-size: 100%;
	font-family: "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: white;
	/*color: #EFEBE5;*/
	color: black;
}

a { text-decoration: none;}
a:link    { color: #BB3E00; } 
a:visited { color: #aa2d11 }   
a:hover   { color: #aa2d11 } 
a:active  { color: lime }   

#header {width: 96%;} 

#header h1, h2 {
	text-align: left;
	margin: 0;
	padding: 0 0 0 5%;
	color: #D05300;
	display: inline;
	 /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
	


#alert {
	
	color: black;
	font-size: 120%;
	display: inline;
	
	}

#container {
	width: 98%;
	margin: auto;
	padding-top: 1em;
	text-align: left; /* this overrides the "text-align: center" on the body element — or does it? */
}

#container + p {margin-top: .5em;}

#container p {
	margin: 0 10%;
	padding: 1em 0;}


.imageContainer script {
text-align: center;
}

.imageContainer {
	width:100%;
	text-align: center;
	margin: auto;
	padding: 20px 0 20px 0;
	/*border: thin solid #666666;*/
	overflow: hidden;
	}
	
.imageContainer img {
	display: block;
	margin: inherit;
	clear: both;
	}
	
.imageContainer #title {
	
	text-align: left;
	font-size: 75%;
	font-weight: 600;
	margin: 0;
	padding: 1em 0 0 0;
	float: left;
	width: 25%;

	
}	
		
.imageContainer #caption {
	text-align: right;
	font-size: 50%;
	font-weight: 300;
	margin: 0;
	padding: 1em 0 0 0;
	float:right;
	width: 60%;
}
	

#footer {
	display: block;
	margin: 0;
	padding: 0 1em; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
}	
	
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 75%;
	text-align: center;
	font-size: smaller;
}	

pre {padding: 0 4em;}/**/

.narrative	{
	text-align: left;
	margin: 0;
	padding: 1em;
}


	
div.figure {
  float: right; /*This section frames a picture with a border and text. —R.*/

  border: thin silver solid;
  margin: 1em 10% 0 1em;
  padding: 0.5em;
  clear: both;
}

div.figure img {
	text-align: center;
	margin:auto;
	padding: 0;
}

div.figure p {
  margin: 0;
  padding-bottom: 1em;
  text-align: center;
  font-style: italic;
  font-size: 50%;
 
}

#bookTitle {font-weight: 600;}

.definition {
	font-size: 75%;
	text-align: left;
	margin-left: 10%;
}

.definition dt {font-weight: 600;}
	
#french {font-style:italic;}

#boldItalic {
	font-weight: bold;
	font-style: italic;}

.login {
	display: block;}
	
#eventIntent	{color: red;}	

#eventDocument	{color: red;}	

#eventProcess	{color: red;}