/* ------- "generic" styles */
html { background: #b5b5b5 url(images/back-body.jpg) repeat-x;}
body { margin: 0; padding: 0; font-size:small; text-align: center; white-space: normal;}
a:link, a:visited {text-decoration: none; color: #000099;}
a:hover, a:active {text-decoration: underline; color: #000099;}
a img {border: 0;}
img{border:0;}
p {margin: 0 0 .6em; }
ul {padding-left:16px; margin-left:0;}
li {margin: 0; padding: 0; }
.clear {clear: both;}
.blue {color: #0000CC;}
.explain {position: absolute; left:171px; top: 0px; width:520px; height:auto; padding:20px;   visibility:hidden; border-right:thin #999999 solid; border-bottom:thin #999999 solid; background-color:#FFFFFF;z-index:5}
.highlight {background-color: #FFFF00;}
.hilite {color: #400000;font-size: 14px;}
.invis { position: absolute; left:0px; top: 0px; width:20px; height:20; background:none; visibility:hidden;}
.ltrspace {letter-spacing: 3px;}
.ltrspace1 {letter-spacing: -1px;}
.txtcenterhead {font: bold 18px "Courier New", Courier, monospace; color: #FF0000; text-align:center; margin:1em 0.5em;}
.view {color: #0000CC; background-color: #FFFF00;font-size:x-small;}
#container { margin: 0 auto; position: relative; width: 700px;  height:auto; text-align: left; background-color: #4a606d;}
/* ------- masthead */
#masthead {margin: 0; padding: 0; border: 0; position: relative;}
#toch {position: absolute; left:390px; top: 20px; width:120px; height:30px; z-index:50; text-align: left; font: normal 10px Tahoma, Verdana, sans-serif; color: #330000; font-weight: bold; visibility:hidden;}
/* ------- left menu */
#leftmenu {float: left; width: 170px; height:auto; margin: 0; padding: 0; background-color: #4a606d; }
#wrapper1 {position: relative; width:170px;	height:156px; border:0px; z-index: 1; background-color: #7d93a0;}
#storyframe {position: absolute; left:0px; top:0px;	width:170px;height:39px;border:0px;	background-image:url(images/storyframe.jpg); background-repeat:repeat;	z-index: 1;	visibility: visible;}
#what1 {visibility: visible;	position: absolute;	left:0px;top:39px; width:170px; height:39px; border:0px; z-index: 1;}
#what2 {visibility: hidden;	position: absolute;	left:0px; top:39px; width:170px; height:39px; border:0px; z-index: 2;}
#what-how1 {position: absolute;	left:0px; top:78px;	width:170px; height:39px; border:0px; z-index: 1; visibility: visible;}
#what-how2 {position: absolute;	left:0px; top:78px;	width:170px; height:39px; border:0px; z-index: 1; visibility: hidden;}
#what-who1 {position: absolute;	left:0px; top:117px; width:170px; height:39px; border:0px; z-index: 1; visibility: visible;}
#what-who2 {position: absolute;	left:0px; top:117px; width:170px; height:39px; border:0px; z-index: 1; visibility: hidden;}
#menu-l {position: relative; width:169px; height: auto; border:0px; text-align: right;}
#menu-l {font: normal 12px "Courier New", Courier, monospace; color: #fff;}
#menu-l p {padding-right: .5em;}
#menu-l a:link, a:visited {color: #E3E7EB;}
.txtmenuhead {font-family: "Courier New", Courier, monospace;	font-size: 18px; color: #fe8200;}
/* ------- main content */
div#content a:link, div#content a:visited {text-decoration: none; color: #000099;}
div#content a:hover, div#content a:active {text-decoration: underline; color: #000099;}
#content {
	float:right;
	background: #fff;
	width:489px;
	height:auto;
	padding: 20px;
	margin:0;
	font:13px  
	Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-left: 1px solid #FF6600;
}
#hytmap {
	position: absolute;
	top:10px;
	left:40px;
	width:750px;
	margin: 0px;
	padding: 0px;
	;
	border:#999999 thin solid;
	background-color:#FFF;
	height: 321px;
	z-index: 100;
}
#hyper-content {position: relative; width:489px; margin: 0px; padding: 0px 0px 20px 19px;; background-color:#FFF; height: auto;}
#wrapwhitebrd {position: relative; margin: 0px; height:auto; border:0px; text-align:left; visibility: visible; z-index: 20;}
#wrapwhitebrd li {margin-bottom: .2em; line-height: 1.4em;}
#whatitis {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	padding: 0;
	border:0px;
	visibility: hidden;
}
#whowworks {position: absolute; left:0px; top:0px; width:100%; border:0px; padding:0; z-index: 1; visibility: hidden;}
#whomakes {position: absolute; left:0px; top:0px; width:100%; border:0px; padding:0; z-index: 1; visibility: hidden;}
	/* ------- begin wrapanim */
#shadowbox0 {position: relative;  background: url(images/shadow.png) repeat; top: 20px; left: 95px; width: 500px; height: 320px;  z-index:2; visibility: hidden;}
#shadowcontent0 {
	position: absolute;
	top: -8px;
	left: -8px;
	width: 500px;
	height: 320px;
	visibility: hidden;
}
	/* ------- end wrapanim */
#purchase {
	position: relative;
	background-color: #edfccc;
	padding:1.2em;
	height: auto;
	border: solid 1px #FFF8F2;
}
#p-form {float:left; margin:0px; padding:0px;}
#p-price {float:left; margin: 0px 8px; padding-right:8px; border-right: 1px solid #FF6600;}
.txtxsmall {font-size: x-small;	margin-top: -12px; }
/* ------- end main content */
h1 {font: large bold Tahoma, Verdana, sans-serif; color: #666666; margin-top: 0px;}
h2 {font: small normal Tahoma, Verdana, sans-serif; color: #000033;}
.author {position: absolute; left:0px; top:0px;	width:460px; height:150; padding:20px; border: thin dotted #666; background-color:#FFFFCC; font: small normal Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 3 10px;	z-index: 20; visibility: hidden;}
.copi {clear: both;	 text-align: right;	width:auto; height: 24px; font: x-small Georgia, "Times New Roman", Times, serif; color:#CBC9C9; background: url(images/back-end.jpg); }
.copi p {margin: 0;	padding: 4px 10px 0 0;}
#menu-2 {width:169px; margin-top:3em; border:0px; z-index: 1; font: 10px Georgia, "Times New Roman", Times, serif;	color: #FFFFFF;	text-align: center;}
ol {margin-top: 10px; margin-bottom: 10px;}
.prod {margin-top: 240px;;}
.top330 {top: 330px;;}
#control {
	position:absolute;
	top:180px;
	text-decoration: none;
	font-weight: bold;
}
#control p {;
	color: #fbfcf9;
	display: block;
	margin: 8px;
	padding: 6px;
	border: thin solid #fff;
}
#control p:hover {
	background: #fbfcf9;
	color: #1F141A;
}
.snip {
	margin: 15px;
	padding: 10px;
	border: thin groove #FF8000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #800000;
	line-height: 1.5;
}
.sidebdr {
	border-left: medium groove #FF8000;
	padding-left: 10px;
	margin-left: 15px;
}
.leftWhite {
	color: #FCFCFC;
	padding: 10px;
	font-size: 12px;
}
#cow {
	position:absolute;
	background-color:#edfccc;
	left:172px;
	top:84px;
	width:452px;
	height:143px;
	padding:20px;
	border-right:#ACACAC solid 4px;
	border-bottom:#ACACAC solid 4px;
	z-index:50;
	visibility: hidden;
}
#cow p { line-height:1.5em;}
.paypal {margin-right:8px; border-right: 1px solid #FF6600;
}