﻿body, div
{
    margin:10px;
    padding: 0;
    text-align:center;
    font-family: Verdana, Tahoma, Comic Sans MS, Sans-Serif;
    font-size:small;
    background-color:#E0EDC5;
}

#hdr
{
    width:100%;
}
#hdrleft
{
    float:left;
    width:100px;
}
#hdrmiddle
{
    margin-left:130px;
    margin-right:130px;
    vertical-align:middle;
    text-align:center;
}
#hdrright
{
    float:right;
    width:100px;
}
/* set widths and float nav and ads content boxes */
#nav 
{
    float: left;
    width:100px;
    clear:both;
}
#ads 
{
    float:right;
    width:100px;
}
/* set side txt margins 5 px > nav and ads widths */
#txt 
{
    margin-left:140px;
    margin-right:140px;
}

/*ensure footer stays at the bottom */
#ftr
{
    clear:both;
    background-color:#E0EDC5;
}
#regs 
{
    text-align:left;
}
/* show boundaries and set image sizes  - for clarity */

#hdr  {   background:#E0EDC5;      }
#nav, #ads  {   background-color:#E0EDC5;      }
    
#txt        {   background:#E0EDC5;            }

/* set image properties - or not           */
#hdrright img
{
    border:outset 5px Teal;
}
#hdrleft img
{
    border:outset 5px Teal;
}
#ads img
{
    border:outset 5px Teal;
}
/* #hdr img    {   width: 133px; height: 100px   } */
/*#txt img    {   width: 133px; height:100px   } */
/* #ftr img    {   border:solid 20px White;
    background-color:White; } */
/*
#img1 
{
    text-align:left;
}
#img2 
{
    text-align:right;
}
*/
h1 
{
    font-size:medium;
    color:black;
}
h2
{
    font-size: small;
    color:black;
}
.small
{
    font-size: x-small;
}
.large
{
    font-size: large;
}
.x-large
{
    font-size: x-large;
}
.xx-large
{
    font-size: xx-large;
}
dt.btn {
	margin: 1px;
	text-align: center;
	width:100px;
}
dt.btn a {
	display: block;
	text-decoration: none;
	color:black;
	padding: 1px;
	width:100px;
}
dt.btn a:link {
	background: Teal;
	color:#E0EDC5;
}
dt.btn a:visited {
	background: Teal;
	color:#E0EDC5;
}
dt.btn a:hover {
	background: Teal;
	color:White;
	font-weight:bold;
}
dt.btn a:active {
	background: Teal;
	color:White;
	font-weight:bold;
}
.EventColumn
{
    text-align:left;
}

#ftr img {border:none} 

#patron-table 
{
    width: 450px;
    text-align:left;
}   

