body {
  background-color: white;
  color: black;
  font-family: tahoma;
}
		table.energy {
			border:1px solid #675786;
			border-collapse:collapse;
			padding:3px;
			width:1200px;
		}
		table.energy th {
			border:1px solid #675786;
			padding:4px;
			background: #e3e9fd;
			color: #05545c;
			font-size: 11px;
		}
		table.energy td {
			border:1px solid #675786;
			text-align:center;
			padding:2px;
			background: #ffffff;
			color: #313030;
			font-size: 10px;
		}

.writings {
}

.dates {
	color: #5C5D5E;
	font-size: 12px;
	letter-spacing: 2px;
	padding-bottom: 5px;
	padding-left: 25px;
}

h1 {
	color: #242424;
	padding-left: 25px;
}

h2 {
	color: #454343;
	padding-left: 25px;
}

#dobbsheader {
	content: url(../img/bob.png);
	cursor: not-allowed;
}

#dobbsheader:hover {
	content: url(../img/bob2.png);
	cursor: not-allowed;
}

.container {  display: grid;
  grid-template-columns: 0.3fr 1.6fr 0.9fr;
  grid-template-rows: 0.2fr 0.99fr 0.0fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "BanLeft Banner BanRight"
    "MainLeft MainArea MainRight"
    "FootLeft Footer FootRight";
}

.Banner { grid-area: Banner; }

.Footer { grid-area: Footer; 
			font-size: 10px;}

.BanLeft { grid-area: BanLeft; }

.BanRight { grid-area: BanRight; }

.FootLeft { grid-area: FootLeft; }

.FootRight { grid-area: FootRight; }

.MainArea { grid-area: MainArea;
			 width: 750px;
			 padding-left: 10px;
			 }

.MainLeft { grid-area: MainLeft; }

.MainRight { grid-area: MainRight; }


#homebutton {
	content: url(../img/returnhome.png);
	cursor: zoom-in;
}

#homebutton:hover {
	content: url(../img/returnhome2.png);
	cursor: zoom-out;
}

#wildbutton {
	content: url(../img/inthewild.png);
	cursor: zoom-in;
}

#wildbutton:hover {
	content: url(../img/inthewild2.png);
	cursor: zoom-out;
}

#artbutton {
	content: url(../img/artwork.png);
	cursor: zoom-in;
}

#artbutton:hover {
	content: url(../img/artwork2.png);
	cursor: zoom-out;
}

#writebutton {
	content: url(../img/writings.png);
	cursor: zoom-in;
}

#writebutton:hover {
	content: url(../img/writings2.png);
	cursor: zoom-out;
}

#energybutton {
	content: url(../img/energydrinks.png);
	cursor: zoom-in;
}

#energybutton:hover {
	content: url(../img/energydrinks2.png);
	cursor: zoom-out;
}

#subgeniusbutton {
	content: url(../img/subgeniuscom.png);
	cursor: zoom-in;
}

#subgeniusbutton:hover {
	content: url(../img/subgeniuscom2.png);
	cursor: zoom-out;
}

#mastodonbutton {
	content: url(../img/mastodon.png);
	cursor: zoom-in;
}

#mastodonbutton:hover {
	content: url(../img/mastodon2.png);
	cursor: zoom-out;
}

#dobbstownbutton {
	content: url(../img/dobbstown.png);
	cursor: zoom-in;
}

#dobbstownbutton:hover {
	content: url(../img/dobbstown2.png);
	cursor: zoom-out;
}

#button9 {
	content: url(../img/button9.png);
	cursor: zoom-in;
}

#button9:hover {
	content: url(../img/button92.png);
	cursor: zoom-out;
}

#button10 {
	content: url(../img/button10.png);
	cursor: zoom-in;
}

#button10:hover {
	content: url(../img/button102.png);
	cursor: zoom-out;
}

#hemlockbutton {
	content: url(../img/hemlock.png);
	cursor: url(../img/hemlockcur.png), default;
}

#hemlockbutton:hover {
	content: url(../img/hemlock.png);
	cursor: url(../img/hemlockcur.png), default;
}