/* Styles for nhagii desktop */
 /*   31 May 21   */

body  			{background:#eeeeee;font-family:Verdana, Geneva, Tahoma, sans-serif; }

p				{color:#000000; font-size :14px; line-height:122%; margin-bottom: 6px;}		 
h1				{color:#990000; font-size:24px; margin:0px 0 6px 0px;}
h2				{color:#000080; font-size:18px; margin:2px 0 0px 0;}
h3				{color:#990000; font-size:18px; margin:6px 0 0px 0;}
h4				{color:#000000; font-size:18px; font-weight: bold ;margin: 0 0 6px 0;}
h5				{color:#990000; font-size:14px; font-weight: bold ;margin: 0 0 6px 0;}


a:link 			{ color:#000090; text-decoration: none;   font-weight: bold; }
a:visited		{ color:#666b99; text-decoration: none;   font-weight: bold; }
a:hover 		{ color:#ff0000;  text-decoration: none;    font-weight: bold; }
a:active			{ color:#900000; text-decoration: none;   font-weight: bold; }
 
img				{border: thin gray solid;}

#wrapper		{width: 100% ;margin:auto;}
	
#header		{background-color:#1552a0; height:120px; width:100%;	margin-bottom:20px;  margin:auto;	}

.banner			{width:657px; margin:auto;	padding:0px;}
.banner img  	{border: 0px;}

.clear			{clear:both;}

.phone			{display:none;}

#menunew {
	padding:5px;
	margin-bottom:0px;
	border-top:1px silver  solid;
	text-align:center; 	}    
	
#menunew ul  {
	display:inline-block;
	color :white;
	background-color:#1552a0;
	list-style: none;
	z-index:5;
	padding-top:0px; }	
	
#menunew ul li {
	display: inline;
	position:relative;
	padding: 6px 0px 3px 0px ; 
	height:35px;	}

#menunew ul li a {
	text-decoration:none;
	padding:3px 40px 0px 0px;
	color:white;
	font-size:14px;	}	
	
#menunew ul li ul {
	position:absolute; left:0;
	display:none; padding: 10px 0;
	background-color:#666666;}
	
	
#menunew ul li ul li {
	display:block;	
	width:270px;
	height:16px;
	padding:3px 6px ;
}
#menunew ul li ul li a {
	top:30px;
}
#menunew ul li:hover ul  {
	display:block;
	
}
#menunew a:hover {background-color:#990000;}

#content-wrapper   {width:701px; padding:1px; border:0px; margin :auto; }
#content-wrapper0  {width:701px; padding:1px; border:0px; margin :auto; }


.italic 				{font-style:oblique;}
.square10 			 {border:0; width:10px; height:10px;}


#index				{width:640px; margin:auto;  }
#index h1			{margin-top: 30px;}
#index  img   	 	{border:thin gray solid; height:194px; width: 245px;
				 	float:left; margin: 5px 18px 8px 0px;} 
				 
#index .left500	 	{width:466px; float:left; margin-top:0px; border:0px green solid;}
#index .right500 	{margin:15px 0px 0px 480px; width:130px; padding-top: 12px;  border:0px red solid;}
#index .right500 li ul
				 	{font-size:14px;}
				
#index table		{width:130px;margin-top:2px;padding:2px;font-size:16px; 
				 	line-height:122%;background-color:#bbbbbb ; }
#index table td		{font-size:14px; line-height:122%; padding:0px 3px 1px 6px; }
#index th			{color:#000080; font-size:18px; padding: 4px 0 }
#index .clear		{clear:both;}
#index hr			{margin-top:10px;}
#index p			{font-size:16px;}
	
#index .side		{float:right; margin:20px 5px 5px 15px;}
	
 
.cap, .foot1, .foot2
				 	{font-size: 16px;font-weight:normal ;color:#666666;}
.cap				{text-align: center;}
.foot1			 	{float:left; width:321px; }
.foot2			 	{margin:0 ; float:right ; width:321px; }	
 

#acknowledge		{width:450px;  margin:auto; padding-bottom:50px;}			 
#acknowledge h1	{margin-top: 140px;}
#acknowledge img 	{margin: 0 5px 0 0;}
 
#news				{width:615px; margin:auto; margin-top:40px; border-bottom:thin gray solid;  }
#news #newstab 	{width:395px;margin-top:0px;padding:0px;font-size:14px; line-height:122%;float:left;}
#news  .td1		 	{ padding-right:20px; padding-top:4px; }
#news  .td2			{ padding-right:5px; }

#news #died	 	{float:right; width:212px; font-size:16px; line-height:122%; background-color:#bbbbbb; padding-left:2px;}
#news th		 	{color:#000080; font-size:18px; padding:2px 0  }
#died td				{height:20px; vertical-align:middle; padding-left:2px}
#died tr				{height:20px;}
#died #more		{font-size:14px; color:red;  font-weight:bold; }


#news #pictures	{float:right; width:212px; font-size:18px; line-height:122%;  padding-top:20px;padding-left:6px;}
#news #pictures  p	{text-align:center; margin:0 0 5px 0}
#news #pictures img {width:212px}

#news #elliott	 	{ float:right; padding:0 5px 0  8px;}
#elliott img			{  border:thin gray solid; width:118px;}
#elliott p		 	{ text-align:center;}

#templeton 			{margin:auto;	width:750px;padding:0px;}
#templeton h1	 	{margin-top:40px;}
#templeton .left100	{width:65px; float:left; margin-top:0px ; font-size:14px; }
#templeton .right100 {margin:0px 0px 0px 80px; width:660px; padding-top: 0px; font-size:14px;}
#templeton p	 	{margin-bottom:0px; font-size:14px;}
#templeton img   	{border:thin gray solid; margin: 6px 0 6px 0;}
#templeton hr     	{width:762px;}

#historic			{width:680px;margin:auto;}
#historic h1	 		{margin-top:40px;}
#historic .left100	{ width:72px; float:left; margin-top:0px ;	 font-size:12px; }
#historic .right100 	{margin:0px 0px 0px 80px; width:600px; padding-top: 0px; font-size:12px;}
#historic p			{margin-bottom:0px; font-size:16px; }
#historic img    		{border:thin gray solid; margin: 16px 0 6px 0;}

#fps			 	{width:1200px; margin:auto;}
#fps h1			 	{text-align:center; }
#fps img		 	{border:thin gray solid;}
#fps img:hover	 	{display:block;}

#flop				{width:678px; margin:auto;}
#flop .left300 p 		{margin-bottom: 6px; line-height:119%;}
#flop h1		 	{margin-top:40px;}
#flop .left300		{width:395px; float:left; margin-top:0px ; font-size:12px; }
#flop .right300  		{margin:0px 0px 0px 410px; width:262px; padding-top: 0px; font-size:12px;}
#flop .right300 img 	{margin: 6px 2px 8px 2px;}
#chamber		 	{ float:right;}
#chamber img		{ border-width:0px;}
#chamber p		 	{ text-align:center;}

#tour			 	{ width:600px; margin:auto }
#tour h1		 	{ margin-top:30px;}
#tour img        		{ border:1px gray solid; margin: 6px 0 6px 0;}
#tour img .photo1	{ border-width:0px;}
	

 #lisbon				{ width: 600px; margin:auto; }
 #lisbon p			{ width: 600px;}
#lisbon h1		 	{ margin-top:30px;}
#lisbon img     		{ border:1px gray solid; margin: 6px 0 6px 0;}
#lisbon img		 	{ width: 600px;}

	
#tour hr		 		{width:100%; }
#antwerp		 	{width:500px; margin:auto;}

#footer				{width:100%; margin:auto; text-align:center;	background-color:#eeeeee;}
#footer	ul			{display:inline-block;list-style:none; 	}	
#footer	ul li			{padding: 0px 20px 0px 20px; display:inline;}

#footer a:link 		{ color:#000090; text-decoration: none;   font-weight: bold; }
#footer a:visited	{ color:#000090; text-decoration: none;   font-weight: bold; }
#footer a:hover	 	{ color: #800000; text-decoration: none;  font-weight: bold; }
#footer a:active		{ color:#900000; text-decoration: none;   font-weight: bold; }


#contact			{ width:630px; margin:auto}
#contact p			{ font-size:14px;}
#contact .left300	{width:290px; float:left; margin-top:0px ;}
#contact .right300  {margin:0px 0px 0px 317px; width:313px;	padding-top: 0px;} 						
#contact h1			{margin-top:30px;}
#contact .clear 		{clear:both;}

.photo, .photo1		{ font-size:10px;text-align:right; margin-bottom:-5px;}


/* grid structure */
.grid *				{box-sizing:border-box; width:100%; display:table }
.col-1 				{width: 8.33%;}
 .col-2 				{width: 16.66%;}
 .col-3				{width: 25%;}
 .col-4 				{width: 33.33%;}
 .col-5				{width: 41.66%;}
 .col-6 				{width: 50%;}
 .col-7				{width: 58.33%;}
 .col-8 				{width: 66.66%;}
 .col-9 				{width: 75%;}
 .col-10			 	{width: 83.33%;}
 .col-11 			{width: 91.66%;}
 .col-12 			{width: 100%;} 
[class*="col-"] 		{ margin: 0 ; padding:10px 15px; display:table-cell;  border:1px white solid; border-collapse:collapse; float:left }
 /* that was  grid structure */


.remember			{width:100%;max-width:701px; margin:auto;background-color:#ffffff;}
.remember h1		{margin-top:40px }
.remember .stories	{margin:12px 0 20px 0 ; background-color:black  }

.remember .col		{max-width:350px ;  float:left ;  }
.remember .piece	{max-width:320px; padding:6px;      margin: 10px 20px 10px 0; background-color:#cfcfcf;  }
.remember .need	{max-width:330px; padding:12px 6px; margin: 10px 20px 10px 0;background-color: #f7bad0; vertical-align:bottom;  }

.remember h2		{margin-bottom:5px }
.remember img		{margin: 6px 0px 6px 9px }
.remember hr		{max-width:670px ; }

.remember  #tombs	{ float:left; width:40%;margin:0; padding:5px 12px 0 0; }
.remember #tombs img	 {  width:100%; margin:0}
.remember #tombs p	{ text-align:center; font-size:12px }
.remember .rem1	{background-color:#eeeeee;  }

#warley				{ width:100%; max-width: 702px;  margin:auto ;  margin-top:35px  }  			
#warley #content	{ margin:auto;  margin:10px 0; padding:0; width:100%; max-width: 702px;}
#warley figure		{ margin:0 0px 0 0; padding:1px }
#warley figcaption	{ min-height:45px; text-align:center; font-size:14px; padding:3px 0}
#warley img		{  border: thin blue solid; margin: 0; padding:0px }


#visteon 			{margin:auto;	width:700px; padding:0px; }
#visteon h1	 		{margin:40px 0 5px 0;}
#visteon h6			{ text-align:center; text-align:center; font-size:14px; font-weight:normal; padding:7px 0}
#visteon .left100	{width:60px; float:left; margin-top:0px ; font-size:14px; }
#visteon .right100 	{margin:0px 0px 0px 70px; width:630px; padding-top: 0px; font-size:14px;}
#visteon p	 		{margin-bottom:0px; font-size:14px; text-align:left; }
#visteon img  		{border:thin gray solid; margin: 6px 0 1px 0;}
#visteon hr     		{width:750px;}

#rod  				{margin:auto; width:690px;padding:20px 0 0 0;}
#rod h1				{margin:20px 0 10px 0;}
#rod h2				{margin:7px 0}
 
#rod .left			{width:322px; float:left; padding: 0 20px 0 0;}
#rod .right			{width: 346px; margin: 0 0 0 340px;  }
#rod  .block1		{margin: 5px 0 5px 0; background-color:#e1f8f9; padding: 2px 5px;}
#rod  .block2		{margin: 5px 0 5px 0; background-color:#c3f5f6; padding: 2px 5px;}
#rod  img			{width:99%; margin: 11px 0;}
	
#franz				{margin:auto; width:600px;padding:20px 0 0 0;}

#franz h1			{margin:20px 0 10px 0;}
#franz h2			{margin:7px 0}
	
	
	
			



.archive				{width:100%; max-width:701px; margin:auto; background-color:#dddddd; overflow:hidden; padding:0}
.archive .col		{width:48%; float:left; margin: 10px 5px 10px 7px	}
.archive img		{width:100%; margin:0px; border:0	}
.archive p			{font-size:11px; text-align:center}
.archive h1			{margin-top:30px;	}
.archive h2			{ margin-bottom:15px;	}


.more-lunches			{ background-image:url('../images/retirement/lunch-jan20.jpg');  width:680px; height:489px; margin:10px 0; }
.more-lunches:hover p	{display:block; }
.more-lunches p		{  font-size:18px; font-weight:normal; color:#bbbbbb; text-align:center; display:none;  }

#tributes .phone		{display:none;}
#tributes .desk			{ }


/*
#bookmark-jan20   		{ display:block; }

background-image:url('images/retirement/lunch-jan20.jpg');
 
*/