*	{
	padding:0;
}
		
html  {
	background: #d1a574 url(../images/marblebackx.jpg) repeat-y;
	height:100%;
}
html>body 
	{
	min-height:100%;
	height:auto;
}

* html  body {
	min-height:100%;
	height:auto;
}


body {
    /*background: url(../images/marbleX.gif) repeat-y top left; 
	background-position:0px top; 
	*/
	overflow-y: auto;
	overflow-x: hidden;
 	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Palatino Linotype, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif, arial;
	color: #000000;
	/* font-size: 14px;
	line-height: 17px;
	font-style: plain;
	letter-spacing: 0.01em;	
	text-decoration: none; */
	font-size: 110%;
	line-height: 1.2;
	margin: 0px 0px 10px 0px;
	background-color: transparent;
	/* Required height:100% and Overflow-y:auto To trick Ie6*/
}
#wrapper {
	min-height: 100%;
	/*background:url(../images/marbleX.png) repeat-y top left; */
	position: relative;
  width: 98%;
			height: auto !important; /* for modern browsers */
		height: 100%; /* for IE */
  z-index: 20;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#Xremarble {
  top:96px;
  left:181px;
  width: 33px; 
			height: 5px;
  position:fixed;
  z-index: -1000;
			background:url(../images/re-marble.png) no-repeat top left;
}
* html #Xremarble {
position: absolute;
top: 96px;
left: 181px;
}
#srch {
border: 0px solid black;
z-index: 1000;
/*padding: 4px;
width: 40em;
*/
}
#metal1 {
 position: absolute;
 left: 54%;
 text-align: center;
 top: 97px; 
width: 364px;
 z-index: 1000;
 margin-left:4px;
}
#metalimages{
 position: absolute;
 left: 54%;
 text-align: center;
 top: 100px;
 width: 364px;
 z-index: 10;
}
#metalshine{
 position: absolute;
 left: 54%;
 text-align: center;
 top: 117px; 
width: 277px;
height: 14px;
 z-index: 100;
 margin-left:45px;
}
#metal1container {
position: relative;
padding: 130px 0 0 27%;
margin: 0 0 0 0;
background: transparent;
/* like block1h0 for positioning x askew w/ the island */
}
.sm{
font-size: .89em;
}
.lg {
font-size: .94em;
}
#block1 {
 vertical-align: top;
 text-align: left;
 width: 70%;
	 /* padding: 160px 0; */
	 	 /*padding-top: 120px;*/
 margin-right: 25%; 
 margin-left:22%;
 margin-top: 0px;
		 position: relative;
		 
}
#xblock0 {
 /* vertical-align: top; */
	width: 70%;
	 margin-right: 0%; 
 margin-left: 23%;
 margin-top: 0px;
 text-align: center;
	padding: 0 0 0 0;
}
#block0h {
 /* vertical-align: top; */
	/*width: 70%; */
	 margin-right: 0%; 
 margin-left:26%;
 margin-top: 0px;
 text-align: center;
	padding: 0 0 0 0;
}
#block1t {
 vertical-align: top;
 text-align: left;
 width: 60%;
	 /* padding: 160px 0; */
	 padding-top: 120px;
 margin-right: 0%; 
 margin-left:280px;
 margin-top: 0px;
}
#block1h {
 vertical-align: top;
 text-align: left;
 width: 60%;
	 padding: 160px 0; 
 margin-right: 0%; 
 margin-left:24%;
 margin-top: 0px;
}

#block1h0 {
padding: 20px 0 0 27%;
height: 439px;
margin: 0 0 0 0;
background: transparent;
}

#islandcontentwrapper {
background: url("../images/island1.gif") no-repeat left top;
position:relative;
width: 780px;
height: 439px;
padding: 0 0 0 0;
}
#island-r {
position: absolute;
left: 263px;
top: 370px;
margin: 0;
padding: 0;
width: 13px;
height: 10px;
background: url("../images/r8.png") no-repeat left top;
}
/* imports */
#im {
 position: relative;
 vertical-align: top;
 text-align: left;
 /*width: 100%; */
 width:75%;
 /*padding-top: 120px; */
 /* margin-right: 30%; */
 margin-left: 22%;
 margin-top: 0px;
 margin-bottom: 0;
 padding-bottom: 0;
 z-index: 10;
}
#xim {
/* position: relative; */
 vertical-align: top;
 text-align: left;
 /*width: 100%; */
 width:75%;
 /*padding-top: 120px; */
 /* margin-right: 30%; */
 margin-left: 22%;
 margin-top: 0px;
 margin-bottom: 0;
 padding-bottom: 0;
 z-index: 10;
}
.im {
 position: relative;
 vertical-align: top;
 text-align: left;
 /*width: 100%; */
 width:75%;
 /*padding-top: 120px; */
 /* margin-right: 30%; */
 margin-left: 22%;
 margin-top: 0px;
 margin-bottom: 0;
 padding-bottom: 0;
 z-index: 10;
}

#imi {
		 position: relative;
 vertical-align: top;
 text-align: left;
 /*width: 100%; */
		 width: 80%;
	 /*padding-top: 120px; */
 /* margin-right: 30%; */
 margin-left: 22%;
 margin-top: 14px;
		 margin-bottom: 0;
		 padding-bottom: 0;
		 z-index: 10;
}
#cont {
width: 85%;
position: relative;
}
.cont {
width: 85%;
position: relative;
}
#cont0 {
width: 100%;
position: relative;
}
.cont0 {
width: 100%;
position: relative;
}
#hspace {
height: 121px;
}
#hspace0 {
height: 101px;
}
#footerXmain {
text-align: center;
height: 38px;
width: 100%;
border: 1px solid #630000;
}
#imgallery {
 vertical-align: top;
 text-align: left;
 width: 75%;
	 
 margin-right: 0%; 
 margin-left:23%;
 margin-top: 0px;
		 margin-bottom: 0;
		 padding-bottom: 0;
}
/* width: 100%; now im formatted a whole lot like block1 */
#imh {
position: relative;
 vertical-align: top;
 text-align: left;
 /* width: 70%; */
	 /*padding-top: 120px; */
 padding: 20px 0 0 20%;
 margin: 0 0 0 0;
 background: transparent;
/* harmonize imh w/ block1h0 for same behaviour horozontally */
/* width: 100%; now im formatted a whole lot like block1 */
}

#imxt {
 vertical-align: top;
 text-align: left;
 width: 60%;
	 padding-top: 100px; 
 margin-right: 0%; 
 margin-left:22%;
 margin-top: 0px;
}
/* width: 100%; now im formatted a whole lot like block1 */
#block0 {
 /* vertical-align: top; */
	width: 70%;
	 margin-right: 0%; 
 margin-left: 25%;
 margin-top: 0px;
 text-align: center;
	padding: 0 0 0 0;
}
#photorotate {
 position: absolute;
 left: 21px;
 text-align: center;
 top: 50px;
 z-index: 1;
}
#logo {
width: 176px;
height: 96px;
/* background: url(../images/kcs-logo.png) no-repeat top left;
*/
}

#higherlevel {
width: 496px;
height: 62px;
background: url(../images/higher-level0.png) no-repeat top left;
}

#topBanner { 
  top:0;
  left:0;
  width: 100%; 
  height: 101px;
  position:fixed;
  z-index: 900;
  background: url(../images/header1Xa.gif) no-repeat top left;
}
* html #topBanner {
position: absolute;
top: 0;
left: 0;
}
.res {
/* class diff'g top menu li a fm lh menu*/
}
.shp {
/*class diff'g top menus shop li's */
}
.nspace {
display: block;
height: 120px;
}
#search { 
/*  top:20px;
  left:700px;
  width: 400px; 
  position:fixed;
*/
  position: relative;
  z-index: 1000;
  
  padding: 0 0 7px 0;
}
#topBannerfill { 
  top:0px;
  left:940px;
  width: 100%;
  height: 101px;
  position:fixed;
  z-index: 899;
  background: url(../images/headerX.gif) no-repeat top left;
  overflow-x:hidden;
}
* html #topBannerfill {
position: absolute;
top: 0;
left: 940px;
}

#scroll2 {
 position: absolute; 
 left: 58%; 
 top:205px; 
 z-index: 2;
}
#scroll20 {
 position: absolute; 
 left: 317px; 
 top:30px; 
 z-index: 2;
}
/*
#topButtons { 
  top: 96px;
  left: 220px;
  width: 847px;
  position:fixed; 
  background-color: transparent;
  color: #000000;
			font-size: 14px;
			text-align: center;
	line-height: 17px;
	font-style: plain;
	letter-spacing: 0.01em;	
	text-decoration: none;
  z-index: 100;
			overflow-x:hidden;
  }
*/			
/* for #topButtons... see topnav css's */
			
/*
ul {
margin: 1em 0px .7em 1px;
padding: 0 0 0 4px;
list-style-position: inside;
}
*/

			
ol {
margin: 1em 0px .7em 1px;
padding: 0 0 0 4px;
list-style-position: inside;
} 
/* note: i'm saying all 'paragraphs' will be lighter text. various headings can be solid black */ol li {
margin: 1em 1px .7em 1px;
}
.ulli {
color: #000000;
}
ul {margin-top: 0;
   margin-bottom: 1em;
 list-style-type: disc;
}
li {
margin: 0 1px 0 1px;
color: #000;
}
ol li ul li {
color: #000;
margin: .4em 1px .4em 1px;
}
.liextra {
margin-top: .6em;
}
			
#topButtons ul {
margin: 0 0 0 0;
padding: 0 0 0 0;}#topButtons li {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#sideMenuTop {
height: 100%;
}
#sideMenu { 
  top: 110px;
  left: 9px;
  width: 117px;
  height: 600px;
  position: fixed; 
  z-index: 1000;
}

* html #sideMenu {
position: absolute;
top: 110px;
left: 9px;
}

#upper {
width: 100%;
 z-index: 140;
}
#accmenu {
text-align: left;
position: absolute;
top: 175px;
left: 85%;
z-index: 40;
font-family: arial;
}
.accmenu {
text-align: left;
position: absolute;
top: 175px;
left: 85%;
z-index: 40;
font-family: arial;
}
.accmenua {
 padding-left: 50px;
	text-align: left;
	line-height: 1.4;
	font-size: 11px;
	z-index: 40;
	width: 130px;
	font-family: arial;
}
.accmenua0 {
 padding-left: 15px;
	text-align: left;
	line-height: 1.4;
	font-size: 11px;
	z-index: 40;
	width: 130px;
	font-family: arial;
}
.accmenub {
text-align: left;
z-index: 40;
font-family: arial;
}
.accmenu0 {
text-align: left;
position: absolute;
top: 10px;
left: 100%;
z-index: 40;
font-family: arial;
}
.accmenu0a {
text-align: left;
position: absolute;
top: 10px;
left: 100%;
z-index: 40;
font-family: arial;
}
.accmenu1 {
text-align: left;
position: absolute;
top: 10px;
left: 100%;
z-index: 40;
font-family: arial;
}
/* note - oddly even 100% w/ in a '.cont' div and 
accmenu w/ its 99%... put accmenu in to far 
*/#antons {
font-size: 14px;
padding: 0px 0px 7px 0px;
}
.section {
position: relative;
width: 87%;
}
.section0 {
position: relative;
width: 81%;
}
/*
.over
	{
	display: block;
	margin: 0px 0px 6px 0px;
	padding: 6px;
	width: 119px;
	font: bold 11px arial;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	white-space: nowrap;
	color: #FFF;
}
*/
/*
#sideMenu ul.list
	{ font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	font-size: 14px;
	line-height: 17px;
	font-style: plain;
	letter-spacing: 0.01em;	
	text-decoration: none;
	
	margin: 0px 0px 0px 15px;
}
*/
.over
	{
	display: block;
	margin: 0px 0px 6px 0px;
	padding: 6px;
	width: 119px;
	font: bold 11px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	white-space: nowrap;
	color: #FFF;
}
#sitemap ul {margin-top: .3em;
 }
#sitemap li {margin-top:.3em;
 }
#sitemap {
font-size: .77em;
}.largerb {
font-size: 1.15em;
font-weight: bold;
}.largerbp { 
font-size: 16px;
font-weight: bold;
}.kcscolor {
color: #630000;
}
.spacerimg {
display: block;
}
H1 {
	font-style: normal;
 	font-size: 1.5em;
	font-weight : bold;
	color : #630000;
	margin-top: .4em;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: .9em;
	
}
H2 {
	
	font-style: normal;
 	font-size: 1.3em;
	font-weight : bold;
	color : #630000;
	margin-top: .4em;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: .8em;
}
H3 {
	font-style: normal;
 	font-size: 1.3em;
	font-weight : bold;
	color : #630000;
	margin-top: .4em;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: .7em;
	
}
/* note: making h3 and h2 (h2 sizes -> h3 .. the same to harmonize headings. */
H4 {
	font-style: normal;
 	font-size: 1.05em;
	font-weight : bold;
	color : #630000;
	margin-top: .4px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: .6em;
}
H5 {
	font-style: normal;
 	font-size: .97em;
	font-weight : bold;
	color : #630000;
	margin-top: .3em;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: .5em;
}
/*
hr	{
	border: 1px solid #7e2b11;
	margin: 40px 0px 10px 0px;
}
*/
.hrdiv { height: 18px; border-top: 1px solid #630000; margin: 9px 20px 2px 20px; width:100%; text-align: center;
}
.lineshim {
width:10px;
line-height: .5em;
/* you put the 'line height you want in and have a   in it */
}
hr {
-moz-box-sizing:border-box;
-moz-float-edge:margin-box;
border:1px inset;
color:gray;
display:block;
height:2px;
margin:0.5em auto;
}
p {
margin: .3em 1px .9em 1px;
color: #000;
text-align: left;
}
.inline {display: inline;
}
.inlinep {display: inline; margin-bottom: .9em; 
}
	
.inlineh {
font-size: 1.02em;
font-weight: 700;
color : #630000;
line-height: 1.2;
vertical-align: -.01em; 
}
.fakeh {
display: block;
font-size: 1.1em;
font-weight: 700;
color : #000000;
margin: .4em 0 .2em 0;
} 

.hBio {
font-size : 1.1em; 
color : #630000; 
font-weight : bold; 
display: block;
margin-bottom : .7em;
text-align : left;
}
.plain	{ font-weight: plain;}
.bold	{ font-weight: bold;}
.smallerc { font-size: 12px; line-height: 12px;}
.smallerp { font-size: 13px; line-height: 15px;}
.leading { line-height: 16px;}
.largerc{ font-size: 16px; line-height: 20px;}
.italic { font-style: italic; }
.alignc { text-align: center; }
.floatleft { float: left; margin: 0px 15px 5px 0px; }
.floatright { float: right; margin: 0px 0px 15px 5px; }
.red {color: #7e2b11;}
.larger {
font-size: 1.08em;
}
.squnched {
	font-style: plain;
	letter-spacing: 0.01em;	
	text-decoration: none; 
}

.smaller {
	font-weight: 400; font-size: 0.9em; font-style: normal;
}
.smallerabit {
	font-weight: 400; font-size: 0.95em; font-style: normal;
}
.smallerabitmore {
	font-weight: 400; font-size: 0.89em; font-style: normal;
}
.littletext {
	font-family: verdana, sans-serif; font-weight: 300; font-size: .67em; font-style: normal;
}
.littlertext {
	font-family: verdana, sans-serif; font-weight: 300; font-size: .57em; font-style: normal;
}
.smallerway {
	font-weight: 400; font-size: .8em; font-style: normal;
}
.pumpup {
	font-weight: 400; font-size: 1.1em; color: #000000; font-style: normal; 
}
.pumpUp {
	font-weight: 400; font-size: 1.1em; color: #000000; font-style: normal; 
}
/* note need to elim the 'xAbc' type naming! */
.normal {
	font-weight: 400; font-size: 1em; color: #000000; font-style: normal; 
}
/*
ul.list
	{ 	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 17px;
	font-style: plain;
	letter-spacing: 0.01em;	
	text-decoration: none;
	margin: 0px 0px 0px 15px;
}*/
.button {
	font-weight: plain;
	color: #ededed;
	font-size: 11px;
	letter-spacing: 0.00em;		
 	
 	text-decoration: none;
 cursor: pointer;	
}
.button0 {
	font-weight: plain;
	
	font-size: 11px;
	letter-spacing: 0.00em;		
 	
 	text-decoration: none;
 cursor: pointer;	
}
.button0:hover {
	font-weight: plain;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 0.00em;	
 	
 	text-decoration: none; 
}
A.button:link , a.button0:link 
	{
	font-weight: plain;
	color: #ededed;
	font-size: 11px;
	letter-spacing: 0.00em;		
 	
 	text-decoration: none; 
}
A.button:visited, a.button0:visited
	{
	font-weight: plain;
	color: #ededed;
	font-size: 11px;
	letter-spacing: 0.00em;	
 	
 	text-decoration: none; 
}
A.button:hover, a.button0:hover
	{
	font-weight: plain;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 0.00em;	
 	
 	text-decoration: none; 
}
/*
note footer styles in the footer footer-mainX.html etc
*/
a {
	color: #000080; text-decoration: none;
	font-weight:300;
	}
	
a:link { 
	color: #000080;
	text-decoration: none;
	font-weight:300;
	}
a:hover {
	color: #00ccee; 
	text-decoration: underline;
	font-weight:300;
}

.accmenua a{
	color: #000080; text-decoration: none;
	font-weight:300;
	}
	
.accmenua a:link { 
	color: #000080;
	text-decoration: none;
	font-weight:300;
	}
.accmenua a:hover {
	color: #00ccee; 
	text-decoration: none;
	font-weight:300;
}
.thumbnail
	{
	position: relative;
	z-index: 1;
	}
.thumbnail:hover
	{
	background-color: transparent;
	z-index: 1000;
	}
.thumbnail span
	{ /*CSS for enlarged image*/
	position: absolute;
	background-color: black;
	padding: 0px;
	left: -1000px;
	border: 0px solid black;
	visibility: hidden;
	color: white;
	text-decoration: none;
	}
.thumbnail span img
	{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	z-index: 1000;
	}
.thumbnail:hover span
	{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -13px;
	left: -17px; /*position where enlarged image should offset horizontally */
	z-index: 1000;
	}
	
.smallerbr {margin-top: 3px;}	

/* anti link outlines by: http://www.ozoneasylum.com/5031 */
a {
	/* color : #000080; */
	text-decoration : none ;
	-moz-outline: none;
	outline: none;
 }
 a {selector-dummy: expression(this.hideFocus=true); } sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
sub { 
 font-size: 65%;
}
sup { 
 font-size: 65%;
}
.cent {display: block; text-align: center; padding-bottom: 7px;
}
.cenp {text-align: center;}
.highlight {background-color: transparent; color: #ffff99;}  
.ulstd { list-style: none;
	list-style-type: disc;
	margin-left: 5px;
	padding-left: 1em;
	}
/* note 1) the 1px nec for IE ev'ly as it cuts off the disc! 2)this x covers hanging indent - this you have to have 'out' or class the li's manually unless some selection can be done 
*/
.listd {	text-indent: -1em;
}
/* note this is the bit for hanging indents on the above 'ulstd' ul 
*/	
.ulplain {
 list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0ex;
}
ul.ulplain li {
 list-style: none;
	margin-left: 0;
	padding-left: 2em;
	text-indent: 3ex;
	
	margin: 0 0 1em 0;
}
ul.ulplain li  ul li {
 list-style: none;
	margin-left: 0;
	padding-left: 2em;
	text-indent: 3ex;
	
	margin: 0 0 0 0;
}

.blk {
color: #000000;
}
#vid {
position: relative; /*or absolute*/
z-index: 0;
}

#flash {
position: relative; /*or absolute*/
z-index: 0;
}
.flash {
position: relative; /*or absolute*/
z-index: 0;
}
.posrel {
position: relative;
}
.posabso {
position: absolute;
}
.posabsol {
position: absolute;
}
.floatr {
display: block;
float: right;
}
.floatl {
display: block;
float: left;
}
.clearb {
clear: both;
}
.textac {
text-align: center;
}
.marginlra {
margin: 0 auto;
}
.blogentry {
border: 1px solid #630000;
background: rgb(231, 231, 231);
padding: 10px;
width: 700px;
margin-bottom:15px; 
}
.niceoutlinedbox {
border: 1px solid #630000; padding: 9px 9px 1px 9px; margin-bottom: 7px; width: 400px;
}
/* rounded edges stuff #eeddaa
*/
		.fctop {
		border: none;
		background: url('../images/originalt.png');
		padding: 0;
		margin: 0;
		width: 297px;
		height: 10px;
	}
		.fcmid {
		border: none;
		padding: 0;
		margin: 0;
		background: url('../images/originalm.png') repeat-y left top;
		width: 297px;
	}
		.fcbot {
		border: none;
		padding: 0;
		margin: 0;
		background: url('../images/originalb.png') no-repeat left top;
		width: 297px;
		height: 21px;
	}
/* / rounded edges stuff */


table.lineard { 
border-collapse:collapse;
border: 1px solid #aaa; 
}

table.lineard td {
border-bottom: 1px solid #aaa;
}

.vidplus {
position: absolute;
height: 15px;
width: 15px;
padding: 0;
margin: 0;
left: 5px; 
top: 49px; 
z-index: 30;
background: transparent url(../images/vidplus.gif) no-repeat top left;
}
.vidlinks {
padding: 0;
margin: 0 0 15px 0;
}
.vidlinks0 {
padding: 0 0 10px 0;
margin: 0 0 15px 0;
background-color:#E7E7E7;
/*border-bottom: 1px solid #630000;
*/
}
#vidselect {
overflow-y: auto;
height:325px;
position: relative;
margin: 9px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #630000;
border-bottom: 1px solid #630000;
}
.exps {
padding: 0;
/* one of the 'gnl name "classes" */
}
.poofborders {
border: 1px solid #630000;
margin: 9px;
padding: 7px;
}
.poofborders img {
margin: 5px;
}
.liketransparancy {
background: url("../images/backgroundn.jpg") repeat left top;
}
.whitelink {
color: #fff;
text-decoration: none;
font-size: 13px;
}
a.whitelink  {
color: #fff;
text-decoration: none;
display: block;
padding-top: 5px;
	-moz-outline: none;
	outline: none;
}
a.whitelink:link {
color: #fff;
text-decoration: none;
}
a.whitelink:hover {
color: #00ddee;
text-decoration: none;
}
#bshop {
background: transparent url('../images/b-shop0.png') left top no-repeat; 
height: 42px; 
width: 146px; 
text-align: center;
}