body
{
margin: 10 0 10 0;
background-color: #300F0F;
color: #300F0F;
text-align: center;
}

#container
{
margin: 0px auto;
padding: 10px;
background-color: #BFA878;
width: 780px;
text-align: left;
}

#header
{
margin: 0px auto;
background: #bfa878 url("kcheader.png") no-repeat;
width: 760px;
height: 140px;
}

.spacer
{
margin: 0px auto;
width: 760px;
height: 5px;
border-bottom: 1px solid #300F0F;
}

#content
{
margin: 10px 0px 10 10;
padding-right: 5px;
width:560px; 
float:left;
border-right: 1px solid #300F0F;
}

#sidebar
{
margin: 10px 5px 10 0;
padding-left: 5px;
width:190px; 
float:left;
}

#footer
{
margin: 10px auto;
padding: 10px 0;
border-top: 1px solid #300F0F;
width: 760px;
clear: both;
display: block;
font-size: 8pt;
}

h1
{
margin: 0 0 10 0;
height: 30px;
color: #300F0F;
}

h2
{
margin: 0 0 10 0;
height: 15px;
color: #300F0F;
}

h3
{
height: 12px;
color: #300F0F;
}

a
{
color: #FFFFFF;
text-decoration: none;
outline: none;
}

a:active
{
color: #FFFFFF;
}

a:hover, a:focus
{
color: #300F0F;
border: 0;
}


a.button 
{ 
background:url('kctest/pyrosarcolight.png') repeat 0px 0px; 
width: 120px; 
height: 35px; 
display: block; 
}

a.button span 
{ 
display: none; 
}

a.button:hover 
{ 
background: url('kctest/pyrosarcodark.png') repeat 0px -35px; 
}