html {
	background-image:url('./head_back.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-size: 100% 110px;
}
body {
	font-size:	85%;
	font-family: verdana, sans-serif;
	line-height: 25px;
	background:	cornsilk;
	width:	900px;
	margin:	0 auto;
}
/*Header*/
.header	{
	font-family: "comic sans ms", serif;
	background-color: maroon;
	color:	cornsilk;
	height:	100px;
	width: 100%;
	padding: 5px;
}
.name	{
	font-size:	250%;
	font-weight: 700;
	position:	relative;
	left:	280px;
	bottom:	40px;
	z-index: 0;
}
.motto	{
	font-size:	85%;
	position: relative;
	left: 130px;
	bottom:	20px;
	z-index: 0;
}
.date	{
	font-size:	85%;
	position:	relative;
	bottom:	85px;
	right:	400px
}
.nav	{
	position:	relative;
	left:	120px;
	border:	1px solid cornsilk;
	z-index: 50;
}
.nav2	{
	font-size:	70%;	
}
.nav a	{
	color:	cornsilk;
	text-decoration:	none;
	padding-left:	10px;
	padding-right:	10px;
	border:	1px solid cornsilk;
}
.nav2 a	{
	color:	cornsilk;
	text-decoration:	none;
}
.nav2 a:hover	{
	background-color:	cornsilk;
	color:	maroon;	
}
.loc	{
	color:	maroon;
	background-color:	cornsilk;
	padding-left:	10px;
	padding-right:	10px;
	border:	1px solid maroon;
}
a	{
	color:	maroon;
}
a:hover	{
	background-color:	cornsilk;
	color:	maroon;
}
a:active	{
	background-color:	wheat;
}
/*Content*/
.container	{
	min-height:	400px;
	padding:	5px 5px 5px 5px;
}
.left	{
	float:	left;
	width:	425px;
	padding:	5px 5px 5px 5px;
}
.right	{
	float:	right;
	width:	425px;
	padding:	5px 5px 5px 5px;
}
h3	{
	background-color:	maroon;
	color:	cornsilk;
	padding-left:	10px;
	font-family:	garamond, serif;
	font-size:	140%;
	font-weight:	150%;
	position:	relative;
	top:	10px;
}
h3 a	{
	color:	cornsilk;
	text-decoration:	none;
}
dt	{
	font-weight:	bold;
	color:	maroon;
}
/*Footer*/
.footer	{
	background:	maroon;
	color: cornsilk;
	text-align:	center;
	font-size:12px;
}