body {
	background-color: #F3EEE9;
}
.style1 {font-family: Arial, Helvetica, sans-serif}



a:link {
	/* color: #003399; */
	text-decoration: underline;
}
/*
a:visited {
	text-decoration: underline;
}
*/
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: underline;
}



#content{
	width: 95%;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;	
	border-color: #660000;
	margin: auto;
}

#header {
	display: grid;
}

@media only screen and (min-width: 800px){
	#sfimage2 {
		background: url("../IMAGES/banner_navs/archivestitle.jpg") no-repeat;
		width: 244px;
		height: 54px;
		 grid-column-start: 1;
		 grid-column-end: 2;
		 grid-row-start: 2;
		 grid-row-end: 3;
	}
	#sfimage1 {
		background: url("../IMAGES/banner_navs/sftitle.jpg") no-repeat;
		width: 336px;
		height: 38px;
		 grid-column-start: 1;
		 grid-column-end: 2;
		 grid-row-start: 1;
		 grid-row-end: 2;
	}

	}
@media only screen and (max-width: 800px){
	#sfimage2 {
		background: url("../IMAGES/banner_navs/archivestitle.jpg") no-repeat;
		width: 122px;
		height: 27px;
		 grid-column-start: 1;
		 grid-column-end: 2;
		 grid-row-start: 2;
		 grid-row-end: 3;
		  background-size: 100% 100%;
	}
	#sfimage1 {
		background: url("../IMAGES/banner_navs/sftitle.jpg") no-repeat;
		width: 168px;
		height: 19px;
		 grid-column-start: 1;
		 grid-column-end: 2;
		 grid-row-start: 1;
		 grid-row-end: 2;
		  background-size: 100% 100%;
	}
	
}


@media only screen and (max-width: 800px){
/* Extra small devices (phones, 600px and down) */
	#hamburger {
		background: url("../IMAGES/hamburger.jpg") no-repeat;
		width:50px;
		height: 50px;
		background-size: 100% 100%;
		 grid-column-start: 2;
		 grid-column-end: 3;
		 grid-row-start: 1;
		 grid-row-end: 3;
		 justify-self: end;
	}
}
@media only screen and (min-width: 800px){
/* anything larger than phone */
	#hamburger {
		display:none;
	}

}
@media only screen and (min-width: 800px){
/* anything larger than phone */

	#menu{
		width:750px;  /*---Give our UL a width ---*/
		list-style:none;  /*--- Makes the bullets go away ---*/
		margin:0;  /*--- Take out any default margin on the UL tag ---*/
		padding:0;  /*--- Take out any default padding on the UL tag ---*/
		margin:0 auto;  /*--- Center the menu ---*/
	}
	#menu li{
		float:left;   /*--- Make the list go horizontal ---*/
		margin:0px;
	}

	#menu li a{
		display:block;   /*--- Make the entire button area clickable rather than the text alone ---*/
		/* text-indent: -9999px; /*--- Push the text off screen to hide text---*/
		overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
		height:45px;
		/* color: #5E0507; */
		font-size: 17px;
		border-style: solid;
		border-width: 1px;	
		border-color: #660000;
		padding-top: 0px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 4px;
	}

	#menu li a.active{
		display:block;   /*--- Make the entire button area clickable rather than the text alone ---*/
		/* text-indent: -9999px; /*--- Push the text off screen to hide text---*/
		overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
		background-color: #F3EEE9;
		height:45px;
		/* color: #5E0507; */
		font-size: 17px;
		border-style: solid;
		border-width: 1px;	
		border-color: #660000;
		padding-top: 0px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 4px;
	}
	 
	#menu li a:link {
		text-decoration: none;
		color: #010101;
	}
		
	#menu li a:visited {
		text-decoration: none;
		color: #010101;
	}
		
	#menu li a:hover {
		text-decoration: underline;
		color: #5E0507;
	}
}
@media only screen and (max-width: 800px){
/* Extra small devices (phones, 600px and down) */
	#menu{
		display:none;
	}
}

	#menusmall{
		width:90%;  /*---Give our UL a width ---*/
		list-style:none;  /*--- Makes the bullets go away ---*/
		margin:0;  /*--- Take out any default margin on the UL tag ---*/
		padding:0;  /*--- Take out any default padding on the UL tag ---*/
		margin:0 auto;  /*--- Center the menu ---*/
	}
	#menusmall li{
		/*---  float:left;   Make the list go horizontal ---*/
		margin:0px;
	}

	#menusmall li a{
		display:block;   /*--- Make the entire button area clickable rather than the text alone ---*/
		/* text-indent: -9999px; /*--- Push the text off screen to hide text---*/
		overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
		height:45px;
		/* color: #5E0507; */
		font-size: 17px;
		border-style: solid;
		border-width: 1px;	
		border-color: #660000;
		padding-top: 0px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 4px;
	}

	#menusmall li a.active{
		display:block;   /*--- Make the entire button area clickable rather than the text alone ---*/
		/* text-indent: -9999px; /*--- Push the text off screen to hide text---*/
		overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
		background-color: #F3EEE9;
		height:45px;
		/* color: #5E0507; */
		font-size: 17px;
		border-style: solid;
		border-width: 1px;	
		border-color: #660000;
		padding-top: 0px;
		padding-right: 4px;
		padding-bottom: 0px;
		padding-left: 4px;
	}
	 
	#menusmall li a:link {
		text-decoration: none;
		color: #010101;
	}
		
	#menusmall li a:visited {
		text-decoration: none;
		color: #010101;
	}
		
	#menusmall li a:hover {
		text-decoration: underline;
		color: #5E0507;
	}



#pagecontent{
	    display: flex;
		padding-top: 30px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
}

@media only screen and (min-width: 800px){
/* anything larger than phone */

	#fruedpicture:hover {
		background: url("../IMAGES/freuddown.jpg") no-repeat;
	}

	#fruedpicture  {
		background: url("../IMAGES/freudup.jpg") no-repeat;
		width: 158px;
		height: 208px;
	}
}
@media only screen and (max-width: 800px){
/* Extra small devices (phones, 600px and down) */
	#fruedpicture:hover {
		display:none;
	}


}



#article{
		font-family: Arial, Helvetica, sans-serif;
		font-size:17px;

		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		flex: 1;	
}

#article p{
	font-family: Arial, Helvetica, sans-serif;
}


.divtable {
	display:  table;
	width:auto;
	background-color:#eee;
	border:1px solid  #660000;
	border-spacing:5px;/*cellspacing:poor IE support for  this*/
	/* border-collapse:separate;*/
	background-color:#ffffff;
}

.divrow {
	display:table-row;
	width:auto;
	background-color:#ffffff;
}

.divcellbullet {
	display:table-cell;
    background-image: url("../IMAGES/bullet2.gif" );
    background-repeat: no-repeat;
}

.divcell {
	float:left;/*fix for  buggy browsers*/
	display:table-cell;
	/*width:200px;*/
	background-color:#ffffff;
}





/* images for menu
/*
#menu li#Home a{
	background: url(../IMAGES/banner_navs/home.jpg) no-repeat;	
	width:65px;
}
#menu li#Home a:hover{
	background: url(../IMAGES/banner_navs/home_hover.jpg) no-repeat;	
}
#menu li#Home a.current{
	background: url(../IMAGES/banner_navs/home_hover.jpg) no-repeat;
	cursor:default;  
}

#menu li#Accessing_the_Archives a{
	background: url(../IMAGES/banner_navs/accessing_archives.jpg) no-repeat;	
	width:200px;
}
#menu li#Accessing_the_Archives a:hover{
	background: url(../IMAGES/banner_navs/accessing_archives_hover.jpg) no-repeat;	
}
#menu li#Accessing_the_Archives a.current{
	background: url(../IMAGES/banner_navs/accessing_archives_hover.jpg) no-repeat;
	cursor:default;  
}

#menu li#Archival_Resourcs a{
	background: url(../IMAGES/banner_navs/resources.jpg) no-repeat;	
	width:95px;
}
#menu li#Archival_Resourcs a:hover{
	background: url(../IMAGES/banner_navs/resources_hover.jpg) no-repeat;	
}
#menu li#Archival_Resourcs a.current{
	background: url(../IMAGES/banner_navs/resources_hover.jpg) no-repeat;
	cursor:default;  
}

#menu li#About a{
	background: url(../IMAGES/banner_navs/about.jpg) no-repeat;	
	width:140px;
}
#menu li#About a:hover{
	background: url(../IMAGES/banner_navs/about_hover.jpg) no-repeat;	
}
#menu li#About a.current{
	background: url(../IMAGES/banner_navs/about_hover.jpg) no-repeat;
	cursor:default;  
}

#menu li#Contact a{
	background: url(../IMAGES/banner_navs/contact.jpg) no-repeat;	
	width:65px;
}
#menu li#Contact a:hover{
	background: url(../IMAGES/banner_navs/contact_hover.jpg) no-repeat;	
}
#menu li#Contact a.current{
	background: url(../IMAGES/banner_navs/contact_hover.jpg) no-repeat;
	cursor:default;  
}
*/


.clear{
	clear:both;  /*--- Clears the float of the list items to restore normal document flow ---*/
}