﻿body {
    font-family: "Lato", sans-serif;
    margin: 0px; 
     margin-right: auto;
	margin-left: auto;
    width: 100%;

  	font-weight: bold;	 
    background-image: "images/canvas01.jpg"; }

.container {
    margin-right: auto;
	margin-left: auto;
    max-width: 800px;
    color: blue;
	font-weight: bold;
}

.header {
    height: 100px;
    
}

.nav {
    height: 40px;
 }

.main {
    height: 400px;
 
}

h1{	font-size: xlarge;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: blue;
	font-weight: bold; }

h2{	font-size: 1.6em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: blue;
	font-weight: bold;
	}
h2 a {
	color: blue;
	font-weight: bold;
}

h3{	font-size: 1.2em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: blue;
	font-weight: bold;
	}
	
h4{	font-size: 1.0em;
	margin-right: auto;
	margin-left: auto;
	color: blue;
	font-weight: bold;
	}
	
h5{	font-size: 0.8em;
	text-align: left;}

h6{	font-size: 0.6em;
	text-align: left;}
	
p{	width: 60%;
	margin-right: auto;
	margin-left: auto;
	text-align:justify; 
	font-size: 1.4em;
	text-indent:30px;
	color: blue;
	font-weight: bold;
	line-height: 1.6em;
}

table tr td {
	color: blue;
	font-weight: bold;
	font-size: 1.1em;
}

table tr td a {
	color: blue;
	font-weight: bold;
	font-size: 1.6em;
}

.foter {text-align:center;
		font-weight: normal;
		font-size: small;
		color: blue; }
		
.txlf { text-align: right;
		font-weight: normal;
		font-size: small;		color: blue;
		 }
			
.prft { text-align: center; }

h2 {text-align: center;
	font-size: 24px;
	font-weight: bold;
  margin-left: auto;
  margin-right: auto;
	 }

h3 {text-align: center;
	font-size: 24px;
	font-weight: bold;
	 }.auto-style1 {
	margin-top: 1;
}

h4 {text-align: center;
	font-size: 20px;
	font-weight: bold;
	 }
	 .auto-style1 {
	margin-top: 1;
}
  .tboxA {
  	width: 1024px;
            margin-left: auto;
            margin-right: auto;
            color: blue;
			font-weight: bold;
			text-align: center; }
        
        .tbox2 {
            width: 500px;
            margin-left: auto;
            margin-right: auto;
 	color: blue;
	font-weight: bold;
           
        }
        
        .tbox3 {
            width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        
        div p {
           	text-align: center;
	width: 100%;
	margin-left: 0px;
}
        
	body {
		background-image: url('imagx/canvas01.jpg');
 	  color: blue;
	  font-size: large;
}
        
	.padlf { padding-left: 100px;}
#copyr 	{ width: 75%; text-align: right; font-weight: normal; font-size:.9em; }
#fotter {text-align: center; font-size: .9em; font-weight: normal; }
/*

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
	<title>History</title>
<style>
	<meta content="Cowley County Kansas History" name="keywords">
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="styleC.css">

 <div id="fotter"> Last Updated 
	 <!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%m/%d/%Y %I:%M:%S %p" -->  </div>
<div id="copyr">copyright 2019 &#169; All rights reserved. </div><br><br> 


#copyr 	{ width: 75%; text-align: right; font-weight: normal;  font-size: .9em; }
#fotter {text-align: center; font-size: .9em; font-weight: normal; }
*/

