body
{
	font-family:Century Gothic,Verdana,Tahoma,Arial; 
	font-size:8pt; 
	color:#556655;
  background-color:#CECE9C;
  max-width:920px; 
  width: 98vw;
  text-align:center; 
  padding: 5px;
  position: relative;
  margin:auto;
}

header {
  display: flex;
  justify-content: space-between;
}

footer {
  margin: 5px;
  position: relative;
  bottom: 0px;
  right: 0px;
}

hr {
  width: 90%;
}


#mainContent {
  display: flex;
  justify-content: space-between;  
  width: 100%;
}

#leftCol, #middleCol, #rightCol {
  width: 31vw;
  margin: 5px;
}
a:link, a:visited
{
	color:#557755; text-decoration:none;
}

a:hover, a:active 
{
	color:#224422; text-decoration:none;
} 

.block {
  display: block;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
  border-color: #556655;
  /*
  font-size: .75em;
  */
	padding: 1px;
	margin: 5px 0px;
}

#personal {
  text-align:left; 
  float:left;
  padding: 1px 3px;
}

#converters, footer {
  text-align:right; 
  float:right;
  padding: 1px 3px;
}

#homePack {
  justify-content: center;
}

#paulatext {
  padding:5px;
}

#paulamaia, #oak {
  background-color:white;
}

#paulapic {
  padding:5px;
  height: 10vw;
  max-height: 90px;
  background-image:url('https://www.paulamaia.com/wp-content/uploads/2011/03/grapeheader_crop.jpg');
  text-align: right;
  vertical-align: bottom;
  position: relative;
}

#paulaurl {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.nyclogo {
  max-width: 49%;
  /*
  padding-top: 100%;
  position: relative;
  float: left;    
  */
}

.muclogo {
  max-width: 31%;
  /*
  position: relative;
  padding-top: 100%;
  float: right;    
  */
}

#leo {
  text-align:left; 
  padding: 5px 3px;
}

#leo img {
  height: 40px;
  float: right;
}

#leo #search {
  width: 15ch;
}

#leo span {
  font-weight: bolder;
}

#leo input , #leo select {
  margin: 1px 0px;
}

#tools {
  padding: 3px 3px;
}

#tools h4 {
  margin: 3px 0 5px 0;
}

#tools form {
  padding-bottom: 3px;
}
#tools .temp {
  width: 3ch;
}

#tools .lbkg {
  width: 4ch;
}
/* media queries */
@media (max-width: 520px) {  
  #mainContent {
    flex-flow: column;
  }
  
  #leftCol, #middleCol, #rightCol {
    width: 95vw;
    margin: 5px;
  }  
  header, footer {
    flex-flow: column;
    /*
    justify-content: center;
    align-content: center;
    border-bottom: 1px solid;
    */
  }

  #converters {
    text-align:left; 
    float:left;
  
  }
} 
/* end media queries */

/* met / imp */
blockquote {
  font-size: initial;
}

body#metimp {
  width: 98vw;
  max-width: 650px;
}
#metimp table {
  margin: auto;
  /*font-size: inherit;*/
  width: 97vw;
  max-width: 600px;
  border-spacing: 2px;
}

#metimp table td , #metimp table th {
  padding: 3px;
  background-color: #e0e0ff;
}

#metimp table td:nth-child(2)
 {
  text-align: center;
}

#metimp .tablenav {
  text-align: center;
  font-size: 0.8rem;
  font-style: oblique;
  filter: brightness(90%);
}
#metimp .nav {
  float: left;
}