/* Layout Stylesheet */ 

body {
	margin:20px;
	/*color: #333333;*/
	/*text-align:center;*/
	padding:0;
	font-family: Verdana; 
	font-size: 14px;
	background-color: #666666;
}
#container {
	position: relative;
	width: 910px; /* width + border for IE 5.x */
	w\idth: 904px; /* real width */
	border: 1px solid black;
 	margin: auto;
	background: #ffffe6;		
}
#header {
	background: #ffffe6;
	background-image: url(images/Banner-02.jpg);
	background-repeat: no-repeat;
        height: 240px;
        background-size: cover;
        display: flex;
        align-items: center;
        
       
}

#nav {
	position: absolute;
	left: 0;
	text-align: left;
	width: 12em;
	padding-left: 20px;
	padding-top: 40px;
	padding-right: 10px;
	background: #ffffe6;
	font-family: Verdana; 
	font-size: 14px;
		/*border-right: 1px solid black;	 */
}
div#nav a:link {
	color: #794182; 
	text-decoration: none;
	font-family: Arial; 
	font-size: 18px;
	font-weight: normal;
}
div#nav a:visited {
	color: #794182; 
/*	text-decoration: none;
	font-family: Arial; 
	font-size: 18px;
	font-weight: normal;*/
}
div#nav a:hover {
	color: #f8891b; 
/*	font-family: Arial; 
	font-size: 18px;
	font-weight: normal;*/
}


#content {
	padding-left: 214px;
	background: #f9f9f9;
	/*width: 694px;*/
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav ul li {
}
#nav ul li ul li {
    /*float: left;*/
    z-index: 2;
	padding-left: 14px;
}
#nav ul li ul {
    display: block;
}
#nav ul li ul li a:link {
    margin: 0;
    font-family: Arial;
    font-size: 14px;
    color: #552e5c;
    text-decoration: none;
    border: none;
}
#nav ul li ul li a:visited {
    color: #552e5c;
}
#nav ul li ul li a:hover {
    color: #f8891b;
}
#outer {
 text-align:left;
 border:1px solid #000000;
 width:698px;
 margin:auto;
 }
#hdr {
 background-image: url(images/header_a.jpg);
 background-repeat: no-repeat;
 border:solid #000000;	
 border-width:0px 0px 1px 0px;
 height: 158px;
 }
#PageHeader{
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 20px;
	text-align: center;
	background-color: inherit;
}
#moreinfo{
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	background-color: inherit;
}
/*
#bar {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }
*/

/*
#l-col {
 float:left;
 background: #FBD7A3;
 width:121px;
 text-align: left;
 padding-left: 0px;
 color: #333333;
  margin-bottom: -1000px; padding-bottom: 1000px;
   border:solid #000000;	
 border-width:0 1 0 0px;
 }
.l-col-extras {
	padding: 6px;
	margin: 0;
}
*/

#cont {

 width:698px;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 0px;
 text-align:left;
 margin-top: 10px;
 }

#footer {
	text-align: center;
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 padding-top: 6px;
  	font-family: Verdana; 
	font-size: 10px;
 }
/*
.navpad {
	 background: #FBD7A3;
	 background-image: url(images/nav_bg.jpg);
} 

div#nav p {
	padding: 2px;
	margin: 0;
}
div#nav a:active {
	color: #794182; 
	text-decoration: none;
	font-family: Arial; 
	font-size: 18px;
	font-weight: normal;
 }
div#nav a:link {
	color: #794182; 
	text-decoration: none;
	font-family: Arial; 
	font-size: 18px;
	font-weight: normal;
}
div#nav a:visited {
	color: #794182; 
	text-decoration: none;
	font-family: Arial; 
	font-size: 18px;
	font-weight: normal;
}
*/
.sep {
	border-right: 1px solid gray;
	}
img.bordered {
	 border: 8px groove #545565;
}
.MainPageItems td {

 width:680px;
  
  border-width:0px 0px 1px 0px;
 padding: 5px;
 }
 .quote {
 	font-family: Calibri;
	font-size: 14px;
	color: #666666;
 }

/* Presentation Stylesheet */ 

h3 {
 margin-left:0;
 margin-right:0;
 margin-top: 0;
 margin-bottom: 0px;
 padding:20px;
  	font-family: Verdana; 
	font-size: 15px;
}

p {
 margin:0;
 padding:3px;
  	font-family: Verdana; 
	font-size: 14px;
}
.instr {
 margin:0;
 padding:3px;
  	font-family: Verdana; 
	font-size: 14px;
	color: red;
}
h4 {
 margin:0; 
 padding: 5px 0;
 }
h5 {
 margin:0; 
 padding: 5px 0;
 }
/* 
p:first-letter {
 font-size: 80%; 
 font-weight: bold;
 color:blue;
 }
 */
.BuffaloName {
/*background:#ffffff;*/
color: #333333;
font-family: Verdana; 
font-size: 30px;
text-align:center;
width: 100%;
	margin-left: 14em;
}
	
}
.paintingnav {
	width: 100%;
	font-family: Verdana; 
	font-size: 14px;
}
.paintingnavleft {
	margin-top: 10px;
	margin-bottom: 10px;		
	float: left;
	text-align: left;
	width: 40%;
	padding-left: 20px;
}
.paintingnavright {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	padding-right: 20px;
	text-align: right;
	width: 40%;

}
.painting {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Verdana; 
	font-size: 14px;	
	text-align: center;
}
.paintingdesc {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Verdana; 
	font-size: 14px;	
	text-align: center;
}

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 
    font: bold 10pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
}

.paintingname {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Verdana; 
	font-size: 16px;
	font-weight: bold;	
	text-align: center;
}
.paintingnote {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana; 
	font-size: 12px;
	font-weight: bold;	
	text-align: center;
}
.collectionOf {
	font-family: Verdana; 
	font-size: 10px;
	font-weight: bold;	
	text-align: center;
}
.feature {
	border: solid 1px;
	background-color: #FBD7A3;
	width: 90%;
	padding: 10px;
}
.featurearchive {
	border: solid 1px;
	background-color: white;
	width: 90%;
	padding: 10px;
}
.postdate {
	color: gray;
	font-family: 'Lucida grande', Verdana; 
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 4px;
}
.sectionHeader {
		font-family: Arial;
		font-size: 16px;
		font-weight: bold;
		color: #666;
		letter-spacing: 0.4em;
		font-style: normal;
}

.img_grid_sec .column {
    width: 31% !important;
    padding: 0 10px !important;
}
.img_grid_sec {
    display: flex !important;
}
.img_grid_sec .column img {
    min-height: 309px;
    object-fit: cover;
    padding-bottom: 20px;
}

.sub_header {
    color: white;
    text-align: center;
    width: 80%;
    padding-left: 190px;
    font-family: poppins;
}
.sub_header h4 {
    margin: 0;
    padding: 0;
    letter-spacing: 18px;
    font-size: 15px;
}
.sub_header h2 {
      font-size: 40px;
     margin: 0;
}

.img_grid_sec01 .column_01 {
    width: 50% !important;
    padding: 0 10px !important;
}
.img_grid_sec01 {
    display: flex !important;
}
.img_grid_sec01 .column_01 img {
    min-height: 258px;
    object-fit: cover;
    padding-bottom: 20px;
}