/*----------------------------------------------------------------------------------------------------------------------*/
/*																														*/
/*	Default values which may be overridden at the division level														*/
/*																														*/
/*----------------------------------------------------------------------------------------------------------------------*/


body {
	text-align: center;
	font-family: -apple-system, Helvetica, Arial, sans-serif;
	font-size: 100%;
}

img {
	max-width: 100%;
}

A:link {color: #0000FF; text-decoration: underline;}
A:visited {color: #0000FF; text-decoration: underline;}
A:active {color: #0000FF; text-decoration: underline;}
A:hover {color: #FF0000; text-decoration: underline;}

.BodyContainer {
	
	position: absolute;
	width: 98%;
	margin-left: 0 auto;
	padding-bottom: 250px;
	left: 0px;
	top: 0px;
	min-width: 900px;	
	max-width: 1200px;
	/* border: 1px solid red;	*/
	/* max-width: 1200px;	*/
}


.BodyContainerViewport {
	
	position: absolute;	
	width: 100%;
/*	margin-left: 0 auto;	*/
/*	padding-bottom: 250px;	*/
	left: 0px;	
	top: 0px;	
	min-width: 300px;	
	max-width: 1200px;
	/* border: 1px solid red;	*/
	/* max-width: 1200px;	*/
}

.BodyContainerWide {
	
	position: absolute;
	width: 98%;
	margin-left: 0 auto;
	padding-bottom: 250px;
	left: 0px;
	top: 0px;
	min-width: 900px;
	/* max-width: 1400px;	*/
	/* border: 1px solid red;	*/
	/* max-width: 1200px;	*/
}

.smallblacktext
{
/*	font-family: verdana, helvetica, sans-serif, gill;	*/
	color: rgb(0,0,0);
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}

.smallbluetext
{
/*	font-family: verdana, helvetica, sans-serif, gill;	*/
	color: rgb(0,0,255);
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}


/*----------------------------------------------------------------------------------------------------------------------*/
/*	The header at the top of each NoeHill screen including Search NoeHill, Contatc NoeHill, and the horizontal menu 	*/
/*	for navigating to the the main sections: Home, San Francisco, California, West, World								*/
/*----------------------------------------------------------------------------------------------------------------------*/

.NoeHeader {
/*	font-family: Verdana, Arial, sans-serif;	*/
/*	font-size: 95%;
	line-height: 120%;	*/
	margin: 0;
	padding-left: 5px;
	
	text-align: left;
	width: 100%;
	color: #ffffff;
	background-color: #778899;
/*	border: 1px solid green;	*/
}

.NoeHeaderMainTitle {
	font-size: 1.4em;

}

.NoeHeaderSubTitle {
	font-size: 1.0em;
	font-weight: normal;
}


.AlignVerticalMiddle {
    vertical-align: middle;
}



.AlignVerticalTextTop {
    vertical-align: text-top;
}


a.headerlink:link		{ color:#FFFFFF;    text-decoration:none}
a.headerlink:visited	{ color:#FFFFFF;    text-decoration:none}
a.headerlink:active		{ color:#FFFFFF;    text-decoration:none}
a.headerlink:hover		{ color:#FFFF00;    text-decoration:none}


.VerticalSpace175Percent {
	line-height: 175%;
}

.VerticalSpace2x {
	line-height: 200%;
}


.HorizontalNavigation {
	line-height: 28px;
	font-size: 80%;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 3px;
	background-color: #D3D3D3;
	width: auto;
}

.HorizontalNavigation A:link {color: #000000; text-decoration: none;}
.HorizontalNavigation A:visited {color: #000000; text-decoration: none;}
.HorizontalNavigation A:active {color: #000000; text-decoration: none;}
.HorizontalNavigation A:hover {color: #FFFF00; text-decoration: none;}

/*	End Header definition	*/

/*----------------------------------------------------------------------------------------------------------------------*/
/*	The menu at the left of each screen for navigating to pages within each section										*/
/*----------------------------------------------------------------------------------------------------------------------*/

div.VerticalNavigation {
	float: left;
	width: 130px;
	min-height: 100%;
	font-size: 80%;
	margin: 0;
	margin-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

ul.VerticalNavigation {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	display: block;
	line-height: 150%;
	font-size: 85%;
	color: #0000FF;
}

.VerticalNavigation A:link {color: #0000FF; text-decoration: none;}
.VerticalNavigation A:visited {color: #0000FF; text-decoration: none;}
.VerticalNavigation A:active {color: #0000FF; text-decoration: none;}
.VerticalNavigation A:hover {color: #FF0000; text-decoration: none;}

ul.VerticalNavigationSecondary {
	color: #000000;
	list-style-type: none;
	padding-left: 5px;
	margin-left: 5px;
	display: block;
	line-height: 160%;
	font-weight: normal;
	
}

.NoeContent {

	position: relative;	
/*	float: left;		*/
	border: 1px solid black;	
/*	font-size: 90%;	*/
	margin: 1%;
/*	margin: 20px;	*/
/*	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px auto;	*/
/*	padding: 20px;*/
	padding: 2%;
	line-height: 1.6;
	text-align: left;
	overflow: hidden;
}


.LineHeight180 {

	line-height: 180%;

}


.NoeContentBorderless {

	position: relative;	
/*	float: left;		*/
/*	border: 1px solid black;	*/
/*	font-size: 90%;	*/
/*	margin-top: 20px;	*/
	margin-bottom: 20px;
	margin-right: 10px auto;
	padding: 20px;
	line-height: 150%;
	text-align: left;
	overflow: hidden;
}

.NoeTableContent {
	position: absolute;	
/*	border: 3px ridge #fbede1;	*/
/*	width: auto;	*/
/*	font-size: 75%;	*/
	left: 140px;		
	top: 140px;	
	right: 10px;
	margin-top: 18px;
	border: 1px solid black; 	
	padding-left: 25px;
	padding-right: 25px;
	line-height: 140%;
/*	width: 90%;	*/
	margin-left: 0 auto;
}

.NoeContentTitle {
	font-size: 110%;
	font-weight: bold;
	line-height: 100%;
	margin-top: 20px;
	text-align: center;

}

.NoeContentSubTitle {
	font-size: 90%;
	line-height: 100%;
	margin-top: 20px;
	text-align: center;

/*	white-space: pre;	*/
}

.CountyTitle {
	font-size: 1.2em;
	margin-top: 20px;
	text-align: center;

/*	white-space: pre;	*/
}


.Redirect {
	font-size: 130%;
	margin-top: 0px;
	text-align: left;
	color: #0000FF;
}

.RedirectTitle {
	font-size: 180%;
	margin-top: 0px;
	text-align: left;
	color: #0000FF;
}


.SectionTitle {
	font-size: 130%;
	margin-top: 0px;
	text-align: left;
}

.SectionTitleCentered {
	font-size: 130%;
	margin-top: 0px;
	text-align: center;
}


.Prohibited {
	font-size: 120%;
	color: #FF0000;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;

/*	white-space: pre;	*/
}

a.Prohibited:link {color: #FF0000; font-weight:normal; text-decoration: underline;}
a.Prohibited:visited {color: #FF0000; font-weight:normal; text-decoration: underline;}
a.Prohibited:active {color: #FF0000; font-weight:normal; text-decoration: underline;}
a.Prohibited:hover {color: #FF0000; font-weight:bold; text-decoration: underline;}

.WhiteSpacePre {
	white-space: pre;
}	

		
.LeftColumnFiftyPercent {
	float: left;
	width: 50%;
}	
		
.LeftFixedColumn80 {
	float: left;
	width: 80px;
	font-size: small;
	line-height: 150%;
	overflow: hidden;
	min-height: 100%;
}

		
.LeftFixedColumn110 {
	float: left;
	width: 110px;
	font-size: small;
	line-height: 150%;
	overflow: hidden;
	min-height: 100%;
}

		
.LeftFixedColumn160 {
	float: left;
	width: 160px;
	font-size: small;
	line-height: 150%;
	overflow: hidden;
	min-height: 100%;
}
	
		
.LeftFixedColumn200 {
	float: left;
	width: 100%;
	max-width: 200px;
}	

		
.LeftFixedColumn300 {
	float: left;
	width: 100%;
	max-width: 300px;
}	
		
.LeftFixedColumn400 {
	float: left;
	width: 100%;
	max-width: 400px;
}

.LeftFixedColumn500 {
	float: left;
	width: 100%;
	max-width: 500px;
}

.LeftVariableColumn400 {
	float: left;
	max-width: 400px;
	font-size: 12px;	
	line-height: 150%;
	clear: right;
	overflow: hidden;
	min-height: 100%;
}

.VariableColumnWithBorder40PercentMax {
	float: left;
	min-width: 440px;
	max-width: 40%;
	font-size: small;	
	line-height: 150%;
	clear: right;
	overflow: hidden;

	border: 1px solid black; 
	padding: 20px;
	margin: 10px;
}

.RightVariableColumn {
	position: relative;
	min-width: 100px;	
	padding-left: 20px;
	text-align: left;
	overflow: hidden;
}

.NameAddressNR {
	
	font-weight: bold;
}


.NameAddressStateMarker {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.floated_img
{
    float: left;
	text-align: center;
	font-size: 75%;
	font-weight: bold;
	line-height: 125%;
	padding: 5px;
}

.floatright {
	float: right;
	text-align:right;
}


.floatright30 {
	float: right;
	margin-right: 10px;
	text-align: right;
}

.LeftJustify {
	text-align:left
}

.Centered250 {
	margin: auto;
	width: 250px;
	text-align: center;
}

.LeftJustify600 {
	max-width: 600px;
	margin: 0 auto;
	text-align:left
}

.LeftJustify700 {
	max-width: 700px;
	margin: 0 auto;
	text-align:left
}


.LeftJustify50Percent {
	margin: auto;
	width: 50%;
	text-align: left;
}



.LeftJustify60Percent {
	margin: auto;
	width: 60%;
	text-align: left;
}


.LeftJustify70Percent {
	margin: auto;
	width: 70%;
	text-align: left;
}


.LeftJustify90Percent {
	margin: auto;
	width: 90%;
	text-align: left;
}


.Centered60Percent {
	margin: auto;
	width: 60%;
	text-align: center;
}




.Centered70Percent {
	margin: auto;
	width: 70%;
	text-align: center;
}

.Centered90Percent {
	margin: auto;
	width: 90%;
	text-align: center;
}



a.whitelink:link		{ color:#FFFFFF; font-size:8pt;  font-weight:bold; text-decoration:none}
a.whitelink:visited		{ color:#FFFFFF; font-size:8pt;  font-weight:bold; text-decoration:none}
a.whitelink:active		{ color:#FFFFFF; font-size:8pt;  font-weight:bold; text-decoration:none}
a.whitelink:hover		{ color:#FFFF00; font-size:8pt;  font-weight:bold; text-decoration:none}



/*----------------------------------------------------------------------------------------------------------------------*/
/*	The footers																											*/
/*----------------------------------------------------------------------------------------------------------------------*/

.NoeFooter {
	margin-left: 140px;	
	position: relative;	
	font-size: 90%;
	float: center;
	margin-top: 0px;
	Margin-bottom: 100px;
	text-align: center;
	font-weight: normal;
	overflow: hidden;
	
/*	border: 1px solid orange;	*/
}

.NoeFooter A:link {color: #0000FF; text-decoration: none;}
.NoeFooter A:visited {color: #0000FF; text-decoration: none;}
.NoeFooter A:active {color: #0000FF; text-decoration: none;}
.NoeFooter A:hover {color: #FF0000; text-decoration: none;}

.NoeFooterViewport {
/*	position: relative;	*/
	line-height: 175%;
	float: center;
	text-align: center;
	font-weight: normal;
	padding: 10px;

	overflow: hidden;
	width: 100%;
	color: #ffffff;
	background-color: #778899;
	
/*	border: 1px solid orange;	*/
}


.NoeFooterViewport A:link {color: #FFFFFF; text-decoration: none;}
.NoeFooterViewport A:visited {color: #FFFFFF; text-decoration: none;}
.NoeFooterViewport A:active {color: #FFFFFF; text-decoration: none;}
.NoeFooterViewport A:hover {color: #FFFF00; text-decoration: none;}

/*
.NoeFooterViewport A:link {color: #0000FF; text-decoration: none;}
.NoeFooterViewport A:visited {color: #0000FF; text-decoration: none;}
.NoeFooterViewport A:active {color: #0000FF; text-decoration: none;}
.NoeFooterViewport A:hover {color: #FF0000; text-decoration: none;}
*/


.ContainerCenteredBordered600 {
	width: 80%;
	border: 3px ridge #fbede1;

}

.ContainerCentered {
	position: relative;
	float: center;
	width: auto;
	margin: 0 auto;
}


.OnePicture {
/*	position: relative;	*/
	float: center;
	width: 100%;
/*	margin: 0 auto;	*/
	text-align: center;
	font-size: 80%;
	margin-top: 5%;
}



img.Center {   display: block;   margin-left: auto;   margin-right: auto; }	

.ImageCaption {
	margin: auto;
	text-align: center;
	font-size: 75%;
	font-weight: bold;
	line-height: 125%;
}


.ImageCaptionPlaqueText {
	margin: auto;
	text-align: center;
	color: #000000;
/*	color: #CC3300;	*/
	font-weight: bold;
	line-height: 125%;
}

.CaptionedImage {
	float: center;
	margin: auto;
	text-align: center;
	font-size: 75%;		
	font-weight: bold;
	line-height: 125%;
	padding-bottom: 20px;
}


.FullPageImage {
	float: center;
	margin: auto;
	text-align: center;
	font-size: 75%;		
	font-weight: bold;
	line-height: 125%;
	padding-top: 40px;
}


.PlaqueText {
	color: #000000;
/*	color: #CC3300;	*/
}


.PlaqueTextState {
	margin: auto;
	width: 70%;
	color: #000000;
/*	color: #CC3300;	*/
	text-align: center;
}


.PlaqueTextStateLeft {
	margin: auto;
	width: 70%;
	color: #000000;
/*	color: #CC3300;	*/
	text-align: left;
}


.PlaqueTextColor {
	color: #000000;
}


.TextState {
	margin: auto;
	width: 70%;
	text-align: left;
}



.CaptionedImageFloatRight {
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
	border: 3px ridge #fbede1;
	padding: 10px;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	line-height: 125%;
}




/*----------------------------------------------------------------------------------------------------------------------*/
/*	Tables of historic sites.																			*/
/*----------------------------------------------------------------------------------------------------------------------*/

TABLE.gold
{
	border: medium ridge #CC3300;
}

table.Counties {
	border: 3px ridge #fbede1;
	width: auto;
	font-size: 90%;
	margin: 0 auto;
}

table.HistoricSites {
	width: 100%;
	font-size: 90%;
	margin: auto;
	border: none;
	padding: 0;
}

td.HistoricSitesTitle {
border: none; 
background-color: #778899; 
color: #FFFFFF; 
font-weight: bold; 
padding: 5px;
}

.HistoricSitesSubtitle {
	font-size: 90%
}

.LandmarkTableFooter {
	width: auto;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}

.LandmarkTableFooter A:link {color: #0000FF; text-decoration: none;}
.LandmarkTableFooter A:visited {color: #0000FF; text-decoration: none;}
.LandmarkTableFooter A:active {color: #0000FF; text-decoration: none;}
.LandmarkTableFooter A:hover {color: #FF0000; text-decoration: none;}

th {
border: none; 
padding: 10px; 
background-color: #D3D3D3; 
color: #FFFFFF; 
font-weight: bold;
padding: 5px;
}

a.HistoricSitesTable:link {color: #0000FF; text-decoration: none;}
a.HistoricSitesTable:visited {color: #0000FF; text-decoration: none;}
a.HistoricSitesTable:active {color: #0000FF; text-decoration: none;}
a.HistoricSitesTable:hover {color: #FF0000; text-decoration: none;}

td.odd {
border: none; 
background-color: #D3D3D3; 
color: #000000; 
padding: 5px;
}

td.oddnhl {
font-weight: bold;
border: none; 
background-color: #D3D3D3; 
color: #0000FF; 
padding: 5px;
}

td.even {
border: none;
background-color: #FFFFFF; 
color: #000000; 
padding: 5px;
}

td.evennhl {
font-weight: bold;
border: none;
background-color: #FFFFFF; 
color: #0000FF; 
padding: 5px;
}

a.PlaqueTextState:link {color: #000000; font-weight:normal; text-decoration: underline;}
a.PlaqueTextState:visited {color: #000000; font-weight:normal; text-decoration: underline;}
a.PlaqueTextState:active {color: #000000; font-weight:normal; text-decoration: underline;}
a.PlaqueTextState:hover {color: #0000FF; font-weight:normal; text-decoration: underline;}

TD.blacktitle	
{
/*	font-family: verdana, helvetica, sans-serif, gill;	*/
	font-size: 14pt;
	font-weight: normal;
	color: rgb(0, 0, 0);			
}


/*------------------------------------------------------------- ------------------------------------*/
/*	Responsive menu from website http://cssmenumaker.com/                                          	*/
/*--------------------------------------------------------------------------------------------------*/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
/*  border-radius: 4px;	*/
/*  border: 1px solid #98c571;	*/
/*  font-family: 'Source Sans Pro', sans-serif;	*/
  line-height: 1;
  background: #778899;
  
/* 
  background: -webkit-linear-gradient(bottom, #778899, #cce2b9);
  background: -ms-linear-gradient(bottom, #778899, #cce2b9);
  background: -moz-linear-gradient(bottom, #778899, #cce2b9);
  background: -o-linear-gradient(bottom, #778899, #cce2b9);
  background: linear-gradient(to top, #778899, #cce2b9);


  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -2px 0px #aacf8a, inset 0 1px 0 #d4e7c4;
*/
  
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {

  padding: 10px 15px 15px 0px;
/*  padding: 20px 25px 21px 25px;	*/
/*  font-size: 15px;	*/
  text-decoration: none;
  color: #fcfefb;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmen.align-right > ul > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}


#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #FFFF00;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  background: rgba(125, 125, 125, 0.04);
}

/*

#cssmenu > ul > li:after {
  content: '';
  position: absolute;
  top: 5px;
  right: 0;
  display: block;
  height: 30px;
  width: 5px;
  opacity: .15;
  background: rgba(0, 0, 0, 0.7);
  
  
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));

  
}
#cssmenu.align-right > ul > li:after {
  right: auto;
  left: -1px;
}
 */

#cssmenu > ul > li:before {
  content: '';
  position: absolute;
  top: 8px;
  right: 6px;
  display: block;
  height: 20px;
  width: 1px;
  opacity: .95;
  background: rgba(255, 255, 255, 0.8);
/*  
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01), #ffffff, rgba(255, 255, 255, 0.01));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
*/  
}
#cssmenu.align-right > ul > li:before {
  right: auto;
  left: 0px;
}
#cssmenu > ul > li:last-child:after,
#cssmenu > ul > li:last-child:before {
  display: none;
}



#cssmenu.small-screen {
  width: 95%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 95%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#cssmenu.small-screen > ul > li > a {
  padding: 10px 0px;
  
/*  padding: 18px 25px;*/
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px 19px 0px;
  cursor: pointer;
/*  font-size: 15px;	*/
  text-decoration: none;
  color: #FFFFFF;
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #FFFFFF;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 20px;
  display: block;
  
  /* Hamburger Menu */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;	
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 30px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #FFFFFF;
}


