html {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 100%;
	padding: 0 1.5em 1.5em 1.5em;
}
body {
    background:#FFE7BA;
    margin: 0em;
    padding: 0em;
    width 100%;
    border:1pt solid red;
    font-size: 1rem;
}
div.header {
   width: inherit;
   background-color: #EFD7AA;
   clear: all;
   float: left;
   border:3pt solid green;
   text-align: center;
   vertical-align: middle;
   font-size: 4rem;
   padding: 0px;
   margin: 0px;
}
div.headerImage {
   width: 5em;
   float:left;
   background-color: #EFD7AA;
   border:1pt solid yellow;
}
div.headerCaption {
   float:left;
   display:inline-block;
   background-color: #EFD7AA;
   overflow:hidden;
   padding: 1rem;
    border:1pt solid blue;
    font-size: 2em;
}
img.headerLogo {
   border-right:3pt solid green;
   float:left;
   width: 100%;
}
div.head {
min-width: 100%;
    max-width: 100%;
    background-color: #EFD7AA;
   clear: all;
   float: left;
   border:3pt solid green;
   text-align: center;
   vertical-align: middle;
   font-size: 4em;
   padding: 14px;
   margin: 14px;
}
div.headleft {
   display:inline-block;
   width: 50%;
   min-width: 20em;
   max-width: 30em;
   background-color: #EFD7AA;
   float:left;
   position:relative;
   overflow:hidden;
}
div.headright {
   word-wrap: normal;
   display:inline-block;
   background-color: #EFD7AA;
   float:left;
   position:relative;
   overflow:hidden;
   min-width: 50%;
   max-width:20em;
   text-align: center;
   vertical-align: middle;
   font-size: 1em;
}
img.headLogo {
   border:3pt solid green;
   height:4em;
   float:left;
}

table.main {
    width: 510pt;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    border:0px none black;
    border-spacing: 10pt 0;
}
td {
    padding:5pt;
}
td.logo {
   text-align: center;
   vertical-align: middle;
   padding: 5pt;
   width: 200pt;
   background-color: #EFD7AA;
}
td.title {
   font-size:36pt;
   font-weight:bold;
   text-align: left;
   vertical-align: middle;
   padding: 5pt;
   padding-left: 70pt;
   width: 300pt;
   background-color: #EFD7AA;
}
td.headerLogo {
   text-align: center;
   vertical-align: middle;
   padding: 5pt;
   width: 200pt;
}
td.headerTitle {
   font-size:36pt;
   font-weight:bold;
   text-align: left;
   vertical-align: middle;
   padding-left: 70pt;
   width: 300pt;
}
td.mainLinks {
  vertical-align: text-top;  
  padding-left: 20pt;
  font-size: 20pt;
}
td.links {
}
td.jaredPhoto {
    padding-left: 40pt;
}
p.line1 {
   display:inline;
}
p.line2 {
   display:inline;
   padding-left: 30pt;
}
p.line3 {
   display:inline;
   padding-left: 60pt;
}
p.line4 {
   display:inline;
   padding-left: 90pt;
}
img.jaredPhoto {
   width: 350pt;
   border:3pt solid green;
}

.chessboard {
    width: 480px;
    height: 480px;
    margin: 20px;
    border: 25px solid #333;
}
.black {
    float: left;
    width: 60px;
    height: 60px;
    background-color: #999;
    font-size:52px;
    text-align:center;
    display: table-cell;
    vertical-align:bottom;
}
.white {
    float: left;
    width: 60px;
    height: 60px;
    background-color: #fff;
    font-size:52px;
    text-align:center;
    display: table-cell;
    vertical-align:bottom;
}
table.board {
    margin: 20px;
    border: 25px solid #333;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    border:0px none black;
}
tr.board {
    height:60px;
}
td.boardB {
    width: 60px;
    height: 60px;
    background-color: #999;
    font-size:52px;
    text-align:center;
    vertical-align:bottom;
}
td.boardW {
    width: 60px;
    height: 60px;
    background-color: #fff;
    font-size:52px;
    text-align:center;
    vertical-align:bottom;
}

img.logoPhoto {
   border:3pt solid green;
}
/* #FAEBD7 = antiquewhite */
/* #FFDAB9 = peachpuff */
/* #D3D3D3 = lightgray */
/*=== Items that differ between print and screen style sheets ===*/
/*=== Defaults (No Classes) ===*/

h1 {font-size:32pt; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h2 {font-size:22px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h3 {font-size:18px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h4 {font-size:16px; font-weight:normal; margin-bottom:0; margin-top:0; color:black}
h5 {font-size:10px; font-weight:normal; margin-bottom:0; margin-top:0; color:black}
h6 {font-size:8px; font-weight:normal; margin-bottom:0; margin-top:0; color:black}

UL {margin-top:0; margin-bottom:0}
OL {margin-top:0; margin-bottom:0}
LI {margin-top:5pt; margin-bottom:0}
UL.noindent {margin-left:0; margin-top:0; margin-bottom:0}
OL.noindent {margin-left:0; margin-top:0; margin-bottom:0}

input {margin-bottom:4px; margin-top:4px; margin-left:4px; margin-right:10px}

body.Form {margin-top:15px; margin-left:5%; margin-right:5%; margin-bottom:15px; font-size:medium; background:white}

/*=== Red Class ===*/
h1.red {font-size:32px; font-weight:bold; margin-bottom:0; margin-top:0; color:red}
h2.red {font-size:18px; font-weight:bold; margin-bottom:0; margin-top:0; color:red}
h3.red {font-size:16px; font-weight:bold; margin-bottom:0; margin-top:0; color:red}
h4.red {font-size:14px; font-weight:normal; margin-bottom:0; margin-top:0; color:red}
h5.red {font-size:10px; font-weight:normal; margin-bottom:0; margin-top:0; color:red}
h6.red {font-size:8px; font-weight:normal; margin-bottom:0; margin-top:0; color:red}

/*=== Bold Class ===*/
h1.bold {font-size:32px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h2.bold {font-size:18px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h3.bold {font-size:16px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h4.bold {font-size:14px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h5.bold {font-size:10px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}
h6.bold {font-size:8px; font-weight:bold; margin-bottom:0; margin-top:0; color:black}