body 
{
    margin: 0;
	padding: 0;
    background-color: #204060;
}

h1
{
	font-family: sans-serif;
	color: #ffffff;
}

h2
{
	font-family: sans-serif;
	color: #ffffff;
}

h3
{
	font-family: sans-serif;
	color: #ffffff;
}

p
{
	font-family: sans-serif;
	color: #ffffff;
}

a
{
	font-family: sans-serif;
}

li
{
	font-family: sans-serif;
	color: #ffffff;
}

td
{
	font-family: sans-serif;
	color: #ffffff;
}

tr
{
	font-family: sans-serif;
	color: #ffffff;
}

#menu a:hover 
{
	background-color: #ecf2f8;
	color: #274e72;
}

#garfield
{
	max-width: 100%;
	height: auto;
}

#body
{
	background-color: #204060;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
}


#footer
{		
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #2d5986;
}

@media screen and (max-width: 620px) {
	#menu
	{
		float: none;
		width: 100%;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
		background-color: #79a6d2;
		border-top: solid thin #2d5986;
		border-bottom: solid thin #2d5986;
	}
	
	#menu p 
	{
		color: #ffffff;
		margin-left: 10px;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	#menu a 
	{
		color: #000000;
		background-color: #9dbfe1;
		text-decoration: none;
		padding-left: 0.25em;
		padding-right: 0.25em;
	}
	#banner h1 
	{
		margin-left: 5px;
		text-align: center;
		font-size: 28pt;
		color: #ffffff;
		text-shadow: -3px 3px #204060;
	}
	#banner
	{
		height: 6em;
		background-color: #2d5986;
		background-image: url(roads.png);
		background-repeat: no-repeat;
		background-size: 100%;
		border-top: solid;
		border-bottom: solid;
		border-color: #2d5986;
		width: 100%;
	}
}

@media screen and (min-width: 620px) {
	#menu
	{
		float: left;
		width: 8em;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
		background-color: #79a6d2;
		border-top: solid thin #2d5986;
		border-bottom: solid thin #2d5986;
	}
	
	#menu p 
	{
		color: #ffffff;
		margin-left: 10px;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	#menu a 
	{
		color: #000000;
		background-color: #9dbfe1;
		text-decoration: none;
		padding-left: 0.25em;
		padding-right: 0.25em;
	}
	#body.home
	{
		margin-left: 10em;
	}
	#banner h1 
	{
		margin-left: 5px;
		text-align: center;
		font-size: 36pt;
		color: #ffffff;
		text-shadow: -3px 3px #204060;
	}
	#banner
	{
		height: 7em;
		background-color: #2d5986;
		background-image: url(roads.png);
		background-repeat: no-repeat;
		background-size: 100%;
		border-top: solid;
		border-bottom: solid;
		border-color: #2d5986;
		width: 100%;
	}
}