body {background: #2b2b2b;
      border: 0px solid #D0D0D0;
  }
  

				 
				 
 #main {
   min-height: auto;
   margin: 0px;
   padding: 0px;
   background: #2b2b2b;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   margin: 0px 0px 0px 0px;
   padding: 15px;
   border: 0px solid #d3d3d3;
   border-radius: 0pt;
   
   background-image: url("biob.jpg");
   -webkit-flex: 1 1 98%;
           flex: 1 1 98%;
   -webkit-order: 2;
           order: 2;	   
   }
  
  #main > nav {
   margin: 0px 0px 0px 0px;
   padding: 5px;
   border: 0px solid #d3d3d3;
   border-radius: 0pt;
   
   background: #2b2b2b;
   -webkit-flex: 0 1 1%;
           flex: 0 1 1%;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   margin: 0px;
   padding: 5px;
   border: 0px solid #d3d3d3;
   border-radius: 0pt;
   
   background: #2b2b2b;
   -webkit-flex: 0 1 1%;
           flex: 0 1 1%;
   -webkit-order: 3;
           order: 3;
   }
 
   header {
   
   display: block;
   margin: 0px;
   padding: 0px;
   min-height: 0px;
   max-height: auto;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #2b2b2b;
   }
   
   footer {
   
   display: block;
   margin: 0px;
   padding: 1px;
   min-height: 0px;
   max-height: auto;
   border: 0px solid #a8a8a8;
   border-radius: 0pt;
   background: #d3d3d3;
   }
   
   img {max-width:100%;
	   height: auto;
      }
	  
	  
	/*new horizontal menu at header middle  */
	#flat ul{
  list-style: none;
  
     }

   #flat li{
    display: inline;
	
      }
	  
	#flat li a:link, li a:visited, li a:active {
	text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:16px;
    color:#000000;
	background-color:#a9a9a9;
	padding: 0px 14px 2px 14px;
	border-radius: 7pt;
	
	} 
	
	#flat li a:hover{
		color:#ffffff;
		background-color:#fe0000;
	}
	  
    
	
  .bio img {float: right;
       margin: 0px 0px 0px 0px;
      }
   
	  
  .front img {max-width:2000px;
             width:100%;
			 height:auto;
			 }
	  
    @font-face {font-family: rounded;
	             src: url(pop.ttf);}
				 
	
				 
   .lrg {
           font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size: 22px;
		   color:#181818;
           margin: 2px;
		   text-shadow: 1px 1px #ffffff;
					}     
   
    .txt {
           font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size: 13px;
		   color:#ffffff;
           margin: 1px;
					}     
  
    .words {
           font-family: Arial, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size:18px;
		   color:#000000;
		   margin:2px;
		   
		   }
		   
	.upc { text-align:right;
           font-family: Arial, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size:16px;
		   color:#000000;
		   margin:2px;
		   
		   }
		   
	.bupc { text-align:right;
           font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size:22px;
		   color:#fe0000;
		   margin:2px;
		   
		   }
		   
	/* Container holding the image and the text */
.container {
    position: relative;
}

/* Bottom right text */
.text-block {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #000000;
    padding-left: 20px;
    padding-right: 20px;
}
		   
  
  a {text-decoration:none;
	outline: none;
	}
	
  #main a:active {
	  background-color:#ffffff;
  }

	
	
	
	#low ul{
  list-style: none;
     }

	  
	#low li {
	display: inline;
     }
	  
	#low li a:link, li a:visited, li a:active {
	text-decoration:none;
	} 
	
	#low li a:hover{
		background-color:#d3d3d3;
	}
	
	
	/*art business news article link formatting  */
	#abn ul{
  list-style: none;
     }

   #abn li{
    display: inline;
      }
	  
	#abn li a:link, li a:visited, li a:active {
	text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:18px;
    color:#181818;
	padding: 0px 10px 0 10px;
	
	} 
	
	#abn li a:hover{
		color:#585858;
		background-color:#f8f8f8;
	}  
	 
	  
	#btm2 ul{
  list-style: none;
  
     }  
	 
    #btm2 li{
    display: inline;
    font-family:rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:10px;
    color:#888888;
      }
	  
	
	
	  
	  
	#btm2 li a:link, li a:visited, li a:active {
	text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:10px;
    color:#191818;
	padding: 0px 15px 0px 5px;
	
	} 
	
	#btm2 li a:hover{
		background-color:#f5f5f5;
	}
		
	
	
	
		
	
	

 	 /* header sizing from 850px to 1800px */
  @media all and (max-width: 1500px) {
	  
	
	  .words {
		   font-size:16px;
	
		   }   
	   
	  
  }
	
  
  /* Too narrow to support three columns */
  @media all and (max-width: 800px) {
  
  body {background: #2b2b2b;
  }
    
			 
  #main {
   min-height: auto;
   margin: 0px;
   padding: 0px;
   background: #2b2b2b;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: column;
           flex-flow: column;
    justify-content: flex-start;
	align-content: 100%;
	align-items: 100%;
   }
 
  #main > article {
   min-height: auto;
   margin: 0px;
   padding: 15px;
   border: 0px solid #D3d3d3;
   border-radius: 0pt;
   background-image: url("biobackm.jpg");
   -webkit-flex: 1 1 auto;
           flex: 1 1 auto;
   -webkit-order: 3;
           order: 3;
	  
   }
  
  #main > nav {
   min-height: auto;
   margin: 0px;
   padding: 5px;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #2b2b2b;
   -webkit-flex: 1 1 auto;
           flex: 1 1 auto;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   min-height: auto;
   margin: 0px;
   padding: 5px;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #2b2b2b;
   -webkit-flex: 1 1 auto;
           flex: 1 1 auto;
   -webkit-order: 2;
           order: 2;
   }
 
  header {
   
   display: block;
   margin: 0px;
   padding: 0px;
   min-height: auto;
   max-height: auto;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #2b2b2b;
   }
   
    footer {
   
   display: block;
   margin: 0px;
   padding: 5px;
   min-height: auto;
   max-height: auto;
   border: 0px solid #a8a8a8;
   border-radius: 1pt;
   background: #d3d3d3;
   }
   
   #flat li{
    display: inline;
	line-height: 48px;
      }
   
   #flat li a:link, li a:visited, li a:active {
    font-size:16px;
	} 
   
   
    #btm2 li a:link, li a:visited, li a:active {
	font-size:12px;
    } 
     
	#low li, p, li a:link, li a:visited, li a:active{
	display: inline;
    text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:24px;
    color:#181818;
    
      }
	  
    .words {
		   font-size:16px;
	
		   }   
   
   
   
  }