/* #FF 2A E0     #FF 87 20; */

a { color:#FF8720; text-decoration:underline; }
a:link { color:#FF8720; text-decoration:underline; }
a:visited { color:#A34614; text-decoration:underline; }
a:hover { color:#A34614; text-decoration:underline; }
a:active { color:#FF8720; text-decoration:none; }

body {
	margin-top: 0px;
	margin-left: 0px;
	background-color: #743B15;
}

div, span, H1, H2, img, ul, li {
	margin: 0px;
	padding: 0px;
}

img {
	border-style:none; 
	border-width:0px;
}

div.Frame {
	position: absolute;
	top: 0px;
	z-index: -3;
	
	background-image: url(pics/bg.png);
	background-repeat: repeat-y;
	background-color: white;
	
	width: 829px;
	height: 100%;
}

div.Frame div {
	z-index: -2;
	
	width: 829px;
	height: 18px;
	background-image: url(pics/bgSprite.png);
}

div.Frame div.Bottom {
	position: fixed;
	bottom: 0px;
	background-position: 0px -13px;
}

div.Frame div.Top {
	position: absolute;
	top: 0px;
}

div.Head {
	background-image: url(pics/head.png);
	background-repeat: no-repeat;
	
	position: absolute;
	left: 18px;
	top: 10px;
	height: 200px;
	width: 800px;
	
	font-family: Andy,"Comic Sans MS",Helvetica,Arial,sans-serif;
}

div.Head H1 {
	font-size: 40px !important;
	font-weight: bold;
	color: white;
	
	margin-left: 20px;
	margin-top: 3px;	
}

div.Head H2 {
	font-size: 12pt !important;
	font-weight: bold;
	color: white;
	
	margin-left: 20px;	
}

#Shadow {
	text-shadow:#333333 3px 2px 4px;
}

div.Head ul#Nav {
	position: absolute;
	top:98px;
	left: 145px;
	
	width: 520px;
	height: 73px;
	
	text-align: center;
}

div.Head ul#Nav li {
	display: inline;
	list-style: none;
}

div.Head ul#Nav li a {
	float: left;
	
	width: 110px;
	height: 80px;
	
	background-image: url('pics/eichelSprite.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index; 0;
	
	font-size: 12px !important;
	font-weight: bold;
	text-shadow:#FFFFFF 1px 1px 0px;
	text-decoration: underline;
}

div.Head ul#Nav li a:hover {
	background-position: 0px -80px;
	color: #FF8720;
}

div.Head ul#Nav li#Selected a {
	background-position: -110px 0px;
	text-decoration: none;
}

div.Head ul#Nav li#Selected a:hover {
	background-position: -110px -80px;
	color: #A34614;	
}

div.Head ul#Nav li#Home a {
	position: absolute;
	bottom: 3px;
	right: 3px;
	
	width: auto;
	height: auto;
	background: 0;
	vertical-align: bottom;
}

div.ContentFrame {
	position: absolute;
	
	top: 188px;
	bottom: 50px;
	left: 149px;
	z-index: -1;
	
	width: 650px;
	overflow: scroll;	
}

div.ContentFrame div.Content {	
	top: 0px;
	left: 0px;
	width: 630px;
	
	background-color: white;
	
	font-family: Helvetica,Arial,sans-serif;
	color: #A34614;
}

div.Content * {
	z-index: 0;
}

div.Content H1 {
	height: 91px;
	
	background-image: url(pics/contentHead.png);
	background-repeat: no-repeat;
	background-color: white;
	
	padding-left: 35px;
	padding-top: 10px;
	padding-right: 150px;
	
	font-family: Andy,"Comic Sans MS",Helvetica,Arial,sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: white;	
}

div.Content p {	
	position: relative;
	top: -45px;
	
	font-size: 10pt;
	font-weight: normal;
	/*text-align: justify;*/
	
	margin-left: 35px;
	margin-right: 200px;
}

div.Content p + p,
div.Content div.Image + p,
div.Content a.zoom + p {
	text-indent: 2em;
}

div.Content p + p.noindent,
div.Content div.Image + p.noindent,
div.Content a.zoom + p.noindent {
	text-indent: 0em;
}

div.Content ul {
	position: relative;
	top: -45px;
	list-style-position: outside;
	list-style-type: none;
	font-size: 10pt;
	font-weight: normal;
	
	margin-left: 35px;
	margin-right: 200px;
}

div.Content ul li {
	background-image: url('pics/li.png');
	background-repeat: no-repeat;
	background-position: left top;
	
	padding: 0px;
	padding-left: 40px;
	margin: 0px;
	margin-bottom: 16px;
	
	min-height: 32px;
}

div.Content *.Floating {
	width: 180px;
	
	margin: 3px;
	margin-left: 10px;

	background-color: white;
	background-image: url('pics/floatBg.png');
	background-repeat: repeat-y;	
	
	font-family: Andy,"Comic Sans MS",Helvetica,Arial,sans-serif;
	font-size: 8pt;
}

div.Content *.Floating#Right {
	float: right;
	clear: right;
}

div.Content *.Floating#Left {
	position: relative;
	top: -45px;
	float: left;
	clear: left;
}

div.Content *.Floating * {
	position: static;
	margin: 0px;
	padding: 0px;
}

div.Content *.Floating>* {
	padding-left: 10px;
	padding-right: 10px;
}

*.Floating *#Top {
	padding-top: 10px;
	background-image: url('pics/floatBgTop.png');
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 2;
}

*.Floating *#Bottom {
	padding-bottom: 10px;
	background-image: url('pics/floatBgBottom.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 2;
}

*.Floating img {
	width: 160px;
}

*.Floating img + p {
	font-family: Andy,"Comic Sans MS",Helvetica,Arial,sans-serif;
	font-size: 8pt;
	font-style: italic;
	font-weight: lighter;
}

a.zoom {
	display: block;
}

a.zoom > *  {
	display: block;	
}

a.zoom:link,
a.zoom:visited,
a.zoom:hover,
a.zoom:active {
	text-decoration: none;
	color: #A34614;
	border: none;
}

a.zoom:active {
	position: fixed;
	top: 185px;
	float: none;
	width: 630px;
	
	margin: 0px;
	padding: 0px;
	
	z-index: 3;	
	text-align: center;
}

a.zoom:active > * {
	width: 630px;
}

a.zoom:active *.Floating {
	float: none;
	background-image: url('pics/zoomBg.png');
	background-repeat: repeat-y;
}

a.zoom:active *.Floating#Right {
	position: relative;
	top: 0px;
	right: 0px;
}

a.zoom:active *.Floating#Left {
	position: relative;
	top: 0px;
	left: -10px;
}

a.zoom:active *.Floating  *#Top {
	background-image: url('pics/zoomBgTop.png');
	background-repeat: no-repeat;
	background-position: left top;
}

a.zoom:active *.Floating *#Bottom {
	background-image: url('pics/zoomBgBottom.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

a.zoom:active *.Floating > * {
	width: 320px;
	margin: 0px;
	padding-left: 155px;
	padding-right: 155px;
	
	color: white;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

div.Content blockquote {
	font-family: Andy,"Comic Sans MS",Helvetica,Arial,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #A34614;	
}

div.Content blockquote + hr {
	border: 0;
	height: 10px;	
}

div.Content blockquote q:before {
	content:open-quote;
}

div.Content blockquote q:after {
	content:close-quote " ";
}

div.Content blockquote cite {	
	font-style: italic;
	font-weight: lighter;
}

div.Foot {
	position: absolute;
	bottom: 15px;
	left: 20px;
	
	width: 790px;
	height:30px;
	
	background-color: white;
	color: #A34614;
	
	margin: 0px;
	padding: 0px;
	
	border-top-style: solid;
	border-top-color: #A34614;
	border-top-width: 1px;
	
	font-family: Helvetica,Arial,sans-serif;
	font-size: 8pt;
	font-weight: lighter;

	text-align: center;	
}

div.Hat {		
	position: fixed;
	left: 670px;
	top: 38px;
	width: 100px;
	height: 100px;
	z-index: 5;	
}

div.Hat:hover {
	background-image: url(pics/hut.png);
	background-repeat: no-repeat;
}