/** {border: thin solid grey;}
*/
body {
	font-size: 100%;
	font-family: "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	/*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 + p {margin-top: .5em;}

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


.scriptContainer {
	text-align: center;
	margin: 1em auto;
}

.imageContainer {
	display: block;

	margin: 5em auto;
	position: relative;
	z-index: auto;
	clear: both;
	}
	
#album-30 {
	text-align: center;}	
	
.imageContainer img {
	display: block;
	padding: 1em 1em 2em 1em;
	background-color: white;
	margin: inherit;
	clear: both;
	}
	
	#blackEdge {padding: 0; margin-top: 2.75}
	
.legend850	{
	width: 850px;
	margin: auto;
	padding: 0;
	}
		
.legend800	{
	width: 800px;
	margin: auto;
	padding: 0;
	}

.legend750	{
	width: 750px;
	margin: auto;
	padding: 0;
	}
	
.legend700	{
	width: 700px;
	margin: -1.75em auto 1em;
	padding: 0;
	}
	
	
.legend650	{
	width: 650px;
	margin: auto;
	padding: 0;
	}
	

.legend600	{
	width: 600px;
	margin: auto;
	padding: 0;
	}
	

.legend550	{
	width: 550px;
	margin: auto;
	padding: 0;
	}
	

.legend500	{
	width: 500px;
	margin:-2.75em auto 3em;
	padding: 0;
	clear: both;
	}
	

.legend450	{
	width: 450px;
	margin: auto;
	padding: 0;
	}
	

.legend400	{
	width: 400px;
	margin: auto;
	padding: 0;
	}
	

p#title {
	margin: 0;
	float: left;
	z-index: 9;
	width: 50%;
	text-align: left;
	font-size: 75%;
	/*line-height:1.25em;*/
	font-weight: 500;
	position: relative;
	
}	


		
p#caption {
	margin: -4em 0 2em;
	float: right;
	width: 69%;
	z-index: 19;
	position: relative;
	text-align: right;
	font-size: .75em;
	font-weight: 300;
	line-height:.75em;
	font-family: "Comic Sans MS","Brush Script MT",cursive;
	clear: right;

}
	

#footer {
	display: block;
	margin: 2em auto;
	padding: 0 1em; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	
}	
	
#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: .5em 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;}