.style1 {font-family: Georgia, "Times New Roman", Times, serif}

body {
	background-color: #FFFFCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #990000;
}

li {
  float: left;
}

li a {
  display: inline-block;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #990000;
	color: #FFFF66;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}

.item1 { grid-area: header; }
.item2 { grid-area: left1; }
.item3 { grid-area: right1; }
.item4 { grid-area: left2; }
.item5 { grid-area: right2; }
.item6 { grid-area: left3;}
.item7 { grid-area: right3;}
.item8 { grid-area: right4; }
.item9 { grid-area: right5; }
.item10 {grid-area: footer; }



.grid-container {
 display: grid;
 grid-template-columns: 2fr 6fr 1fr 1fr 1fr 1fr;
 grid-template-areas:
    'header header header header header header'
    'left1 right1 . . . .'
		'left2 right2 . . . .'
		'left3 right3 . . . .'
		'. right4 . . . .'
		'. right5 . . . .'
    'footer footer footer footer footer footer';
  grid-gap: 5px;
  background-color: # #333333;
  padding: 5px;
}

.grid-container > div {
  background-color:  #FFFFCC;
  text-align: left;
	line-height: 24px;
  padding: 5px 5px;
  font-size: 20px;
	align-content: end;
}

/*td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #330000;
}*/

a {
	color: #330000;
}

form {
	background-color: #CCCC99;
}

.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	text-align: center;
	line-height: 34px;
  background-color: #990000;
	color: #FFFF66;
}

.subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
  color: #660000; font-style: oblique;
}

.header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	background-color: #990000;
  color: #FFFF66;
}

.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCC66;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}
a:hover {
	color: #DEDECA;
	background-color: #330000;
}

.sidebar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFF99;
}

.sidebarHeader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFF99;
	background-color: #999933;
 font-weight: bold;
}

.sidebarFooter {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFF99;
 color: #990000;
}

.footer {
  font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #FFFF99;
}

.legal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333333;
}

.box1 {
	border-width: 2px;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
  border-style: dotted;
	}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.dingbat {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #CCCC99;
 color: #660000; font-weight: bolder; font-size: medium;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}