body{background-color: #000;}

#background-sides{margin: 0 auto; width: 1000px; background:url(/images/khf_bg.jpg) top center repeat-y #000;}
#background-bottom{height: 50px; width: 1000px; margin: 0 auto; background:url(/images/khf_bottom.jpg) top left no-repeat #000;}

#pagewrapper{
width: 900px;
margin: 0 auto;
}

#header{
height: 105px;
position: relative;
background: url(/images/HeaderGraphic.jpg) top right no-repeat;
}

#header #logo{
position: absolute;
top: 10px;
left: 10px;
z-index: 900;
}

#header #logo #tagline{
color: #fff;
position: absolute;
font-size: 11px;
height: 14px;
top: 81px;
left: 65px;
font-style: italic;
line-height: 1em;
padding: 0;
margin: 0;
z-index: 999;
}

#body{
overflow:hidden;
width: 895px;
display:table;
margin: 0;
padding: 0;
}

#Navigation{
display:table-cell;
width: 170px;
padding-bottom: 50px;
vertical-align:top;
padding-top: 15px;
}

ul.nav, ul.nav li{
padding: 0; 
margin: 0;
list-style-type: none;
}

ul.nav li a:link, ul.nav li a:visited{
display:block;
color: White;
padding: 5px;
font-weight: bold;
}
ul.nav li a:active, ul.nav li a:hover{
text-decoration: none;
color: #000;
background: #ba1319;
}
ul.nav li a.selected:link, ul.nav li a.selected:visited{
background: #ed2323;
color: #000;
}
ul.nav li ul{display:none;}
ul.nav li.selected ul{
display:block;
padding: 0;
margin-left: 10px;
}
ul.nav li.selected li a:link, ul.nav li.selected li a:visited{
background: transparent;
color: #ddd;
font-style: italic;
font-weight: normal;
border-bottom: 1px dotted #ddd;
}
ul.nav li.selected li a:active, ul.nav li.selected li a:hover{
color: #ba1319;
border-color: #ba1319;
}
ul.nav li.selected li a.selected{
color: #ed2323;
border-bottom: 1px dotted #ed2323;
}

#ContentBody, #FeatureImages{
display:table-cell;
background-color: #ed2323;
margin: 0; 
padding: 0;
position: relative;
vertical-align:top;
overflow:hidden;
font-size: 10pt;
}
#FeatureImages{display: block; text-align:center; width: 876px; margin: 10px 10px 10px 8px; background:transparent; position:relative;}
ul.featureImages { list-style:none; padding: 0; }
ul.featureImages li { position: relative; cursor: pointer; padding: 0; list-style:none; display:block; width: 280px; height: 338px; overflow:hidden; float:left; margin-left:10px; border-right: 2px solid #ed2323; }
ul.featureImages li span { display: block; width: 222px; height: 288px; position: absolute; left: 23px; top: 340px; padding: 20px; background: url(/images/SlideUpBG-fs8.png) top left no-repeat transparent; }
/*ul.featureImages{margin: 0; padding: 0; position:relative; list-style:none;}
ul.featureImages li{display:block; overflow:hidden; padding: 0; cursor:pointer; float: left; width: 285px; margin-right: 9px; height: 338px; border: 1px solid #ed2323; border-width: 0 2px 0 0;}
ul.featureImages li span{ display: block; position: absolute; top: 50px; left: 305px; color: #000; width: 240px;}*/
ul.featureImages li a:hover{text-decoration:none; cursor:pointer;}

#buttonRow{font-size: 10pt; text-align:right; padding-top: 3px; padding-right: 215px;}
#buttonRow #smallerFont a{font-size: 8pt; color: Black; text-decoration:none;}
#buttonRow #largerFont a{font-size: 12pt; color: Black; text-decoration:none;}
#buttonRow #printButton{margin-top: 2px;}
#InnerBox{
display:block;
background-color: #fff;
margin: 5px;
padding: 10px;
width: 500px;
padding-bottom: 2000px;
margin-bottom: -2000px;
margin-right: 200px;
}
#SideContent{
width: 175px;
margin: 5px;
padding: 5px;
float: right;
}
.SideBox{
border: 1px solid black;
border-width: 1px 2px 2px 1px;
border-width: 0;
}
.SideBox h3{
font-size: 110%;
border-bottom: 1px solid black;
}
.SideBox p{
font-size: 90%;
}
.SideBox a:link, .SideBox a:active{
color: #000;
/*border-bottom: 1px dashed #000;*/
}
.SideBox a:visited{
color: #333;
/*border-bottom: 1px dashed #333;*/
}
.SideBox a:hover{
color: #6F0000;
font-style: italic;
border-bottom: 1px solid #6F0000;
text-decoration: none;
}
.SideBox ul{padding-left: 10px;}

#NewItems{width: 870px; padding: 0; margin: 0 auto;}
#News, #Trials{
width: 420px; 
padding: 0 5px 10px 5px;
margin: 0;
font-size: 90%; 
background:#fff;
position:relative;
opacity: .9;
-moz-opacity: .9;
filter: alpha(opacity=90);
float: left;
}
#News h3, #Trials h3{border-bottom: 1px solid #000;}
#News a, #Trials a{font-weight: bold;}
#Trials{margin-left: 10px;}

/*
Taken from IE6 CSS; also fixes display issues in IE7. Tested in Firefox 3/3.5, IE7/8, Opera 9.6, Safari 4
*/
#Navigation {float: left;}
#ContentBody {float: left;}
#SideContent{
width: 175px;
margin: 5px;
padding: 5px;
float: right;
}
#InnerBox{
display:block;
background-color: #fff;
margin: 3px;
padding: 5px;
width: 500px;
padding-bottom: 2000px;
margin-bottom: -2000px;
margin-right: 200px;
}
/**/

.ReleaseYear{ font-size: 125%; font-weight:bold; padding: 0; }
.ReleaseList{ padding: 0.5em 0 2em 20px; }
.Release { padding: 1em 0; }
.ArticleLink{}

#footer{
padding-top: 5px;
color: #fff;
font-size: 90%;
text-align:center;
}

#SliderTip{
display: none;
width: 179px;
height: 79px;
padding: 15px;
overflow:hidden;
background: url(/images/white-fs8.png) top left no-repeat transparent;
text-align: center;
}