body {
	font: arial, helvetica;
	background: #cdc9c9;
}

#container {
	position: relative;
	margin: auto;
	width: 600px;
	border-width: 0;
	border: 0;
}

#headerpic {
	position: abosulte;
	background: #cdc9c9 url(img/headerpic_bg.png) no-repeat;
	margin-left: 111px;
	height: 40px;
	text-align: center;
}

#navigation {
	position: absolute;
	left: 120px;
	top: 65px;
	width: 480px;
	color: black;
	font: 1.1em;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation li {
	display: inline;
	margin: 0 22px 0 0;
	list-style: none;
}

#navigation a {
	padding: 0 1em;
	width: 120px;
	color: blue;
	border: 2px solid #e6e6fa;
}

#navigation a:hover {
	background-color: #e6e6fa;
}

#navigation a:visited {
	padding: 0 1em;
}

#navigation #selected a {
	background: #e6e6fa;
	text-decoration: none;
}

#content {
	position: absolute;
	left: 86px;
	top: 84px;
	background: #e6e6fa;
	height: 314px;
	padding: 4px;
	font-size: 0.9em;
	width: 460px;
}

#pole {
	position: absolute;
	width: 70px;
}

#footer {
	position: absolute;
	top: 398px;
	left: 144px;
	width: 389px;
	color: rgb(0,0,128);
	font-size: 0.6em;
}

#footer a {
	text-decoration: none;
	color: rgb(128,0,0);
}

#footer a:visited {
	text-decoration: none;
	color: rgb(128,0,0);
}

#footer a:active {
	text-decoration: none;
	color: rgb(128,0,0);
}

#footer a:hover {
	text-decoration: underline;
	color: rgb(0,0,255);
}

#genepic {
	position: absolute;
	left: 175px;
	width: 250px;
	height: 187px;
	color: white;
	background: #006;
	padding: 1em;
	margin: 0;
}

#shoppic {
	position: absolute;
	left: 100px;
	top: 120px;
	width: 330px;
	height: 156px;
	color: white;
	background: #060;
	padding: 1em;
	margin: 0;
}

h1 {
	color: rgb(0,0,128);
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
}

h2 {
	color: rgb(0,0,128);
	font-size: 1.4em;
}

h3 {
	color: rgb(0,0,128);
}

h4 {
	color: rgb(0,0,128);
	margin: 0.5em;
}

p {
	color: rgb(128,0,0);
}

#directions {
	font-size: 0.8em;