/*
http://nick.typepad.com/topstyletips/2004/11/bookmarks_no_wa.html

Click anywhere in your document.  Lets assume you're on line 12.  Now press Ctrl+K+1. You should see a little green box with a '1' where the number 12 used to be.  Now lets skip to line 29 and press Ctrl+K+2. You should now see a little green box with a '2' ...exciting right?  You can place up to 10 bookmarks (0-9).   

Now that we've created our bookmarks, lets practice jumping around in the document.  To go from bookmark to bookmark, press Ctrl+Q+Bookmark #.  So for example, if I wanted to jump to Bookmark #2, I would press Ctrl+Q+2.    You can see how this feature is pretty handy jumping back and forth in giant sized documents.

Finally, to get rid of a bookmark, go to the bookmark you want to get rid of and press Ctrl+K+Bookmark #

*/

html, body {height:100%;}
body {background-color: White;padding:0;margin:0;text-align:center; /* horizontal centering for IE Win quirks */}
body p{padding:0;margin:0;}

#distance {
	width: 1px;
	height: 47%;
	margin-bottom: -298px; /* half of container's height */
	float: left;
}

#container {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	height: 597px;
	width: 800px;
	clear: left;
}

#nav{
	width: 800px;
	margin: 0 auto;
}	 

#copyright {
	margin: 2px 0 0 0;
	color: #AAAAAA;
	font-size: 0.65em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	width: 800px;
	text-align: right;
	margin: 8px auto 0 auto;
}
#copyright a{color: #AAAAAA;text-decoration:none;}
#copyright a:hover{color:FF7200;}

#iframe {
	height: 331px;
	text-align: left;
	overflow: hidden;
	float: left;
}

#tank{width:800px;height:331px;}





#xcolumn {
	position: absolute;
	width: 100%;
	height: 625px;
	margin-top: 5%;
	margin-bottom: 0%;
	background-position: center 66px;
	margin-left: 0px;
	left: 0px;
}

#xcolumn {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 800px;
	height: 533px;
	margin-top: -266px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*//*set to a negative number 1/2 of your width*/
}
	 
	 
	 

#pic {float:left}
#qot {float:right}
/* Specifications for container for layers to show/hide.
	 Most browsers need both width and height set. */
#viewer	{
	position: relative;
	width: 800px;
	height: 331px;
	z-index: 100;
}
/* Include id's for all your layers here, with commas between. */
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6 , #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12{
	position: absolute;
	visibility: hidden;
	width: 800px;
	left: 0;
	top: 0;
	z-index: 1;
}