﻿body {	font-family: "Lucinda Sans Unicode", futura, helvetica, monaco, geneva, "sans serif";
	background-color: white;
	background: url(top.png) top repeat-x;
        color: black;
        margin: 0;
        padding: 0;
	text-align: center;}


#container{
	text-align: left;
        position: relative;
	background-color: white;
        margin: 10px auto;
        border: 10px solid #CCC;
        padding: 0;
        width: 830px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 810px;}
	html>body #container {width:810px}


#subcontainer {position:relative;
	margin: 0;
	padding: 100px 0 0 0;
	background: url(kl_banner_shadow.jpg) top left no-repeat;} 


/* ------- Main Content Window ------- */


#contentshell {position: relative;
	border-top: 2px #CCC solid;
	border-left: 2px #CCC solid;
	margin: 0 0 0 140px;
	padding: 0;}
	

#content {position: relative;
	margin: 0 ;
	padding: 1em} 

#content H1 {font-size: 1.4em;
	color: #555;
	border-bottom: 1px solid rgb(150,196,037);
	margin: 0.5em 0;
	font-variant: small-caps;}

#content H2 {font-size: 1.1em;
	color: #555;
	margin: 0.6em 0;
	font-variant: small-caps;} 

#content table {font-size: 0.8em;
	font-variant: none;}

#content p {font-size: 0.8em;
	color: #555;
	margin: .9em 0}

#content em {font-weight: bold;
	font-style: normal;}

#content a:link, #content a:visited {
	color: rgb(150,196,037);
	text-decoration: none;
	border-bottom: 1px solid #CCC;}


#content a:hover {border-bottom: 1px solid rgb(150,196,037);}

#note {background: #FAFAFA;
	border: 2px dotted #CCC;
	padding: 0;
	margin: 1em 0}

#note h1 {font-size: 1.1em;
	font-variant: small-caps;
	border-bottom: 1px solid rgb(150,196,037);
	margin: 0;
	padding: 0.25em 0.5em;
	color: #555;}

#note h2 {font-size: 1.1em;
	border-bottom: 1px solid rgb(150,196,037);
	margin: 0;
	padding: 0.25em 0.5em;
	color: #555}

#note h3 {font-size: 0.9em;
	text-decoration: underline;
	margin: 0;
	padding: 0.25em 0.5em;
	color: #555;}

#note p {font-size: 0.9em;
	text-decoration: none;
	margin: 0.5em 0 0.25em;
	padding: 0 0.5em;
	color: #555;}

.date {font-size: 0.75em;
	font-style: italic;
	color: #AAA;
	padding: 0 2em;
	text-align: right;
	display: block;}

.faq {background: white;
	border: 2px dotted #CCC;
	padding: 0;
	margin: 1em 0}

.faq h4 {background: url(q.png) top left no-repeat;
	padding: 5px 1em 5px 40px;
	margin: 0;
	font-size: 0.8 em;
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid rgb(150,196,037);}

.faq h5 {background: url(a.png) top left no-repeat;
	padding: 5px 1em 5px 40px;	
	margin: 0;
	font-size: 0.75 em;
	color: #555;
	text-decoration: none;}	 





/* -------Navigation Bar------- */


#Navigation {
	position: absolute;	 
	top: 0;
	left: 0;
        margin: 100px 0 0 0;
	padding: 1em 0 0 0;
	border-top: 2px solid #CCC;
        width: 140px;
	background-color: white;}

#Navigation a:link, #Navigation a:visited {
	display:block;
	text-decoration: none;
	color: #555;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: white;
	}

#Navigation a:visited {color: #333;}

#Navigation a:hover {
	display:block;
	text-decoration: none;
	color: rgb(150,196,037);
	border-top: 1px solid rgb(150,196,037);
	border-bottom: 1px solid rgb(150,196,037);	}

.level1 {font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0.1em 0.1em 0.1em 12px;}

.level2 {font-size: 0.75em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0 0 0 0.5em;
	padding: 0.1em 0.1em 0.1em 12px;}

body a {border: 0;
text-decoration: none;}



</style>
