/* ###################### OVERALL SETTINGS ###################### */
BODY {
  margin           : 0px;
  padding          : 0px;
  background-color : #FFFFFF;
  color            : #000000;
}

td, tr, p, div {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;se
  color            : #000000;
}

hr {
  background       : #C0C0C0;
  height           : 1px;
  width            : 100%;
}
li {
	list-style-type: none;
}

/* ###################### UPPER BUTTON BAR ###################### */
.buttonbar {
  display          : block;
  -moz-opacity     : 0.85;
  font-family      : Arial, Helvetica, serif;
  width            : 100%;
  text-align       : center;
  filter           : Alpha(opacity=85, finishopacity=85, style=1);
  font-weight      : bold;
  text-decoration  : none;
}

a.buttonbar:link, a.buttonbar:visited {
  padding-top      : 5px;
  padding-bottom   : 5px;
  background       : transparent;
  color            : #FFFFFF;
  border-bottom    : 2px solid transparent;
}
a.buttonbar:hover {
  padding-top      : 5px;
  padding-bottom   : 5px;
  text-decoration  : none;
  border-bottom    : 2px solid #FFFFFF;
  background-color : #9A000B;
  color            : #FFFFFF;
}

.topbar_msie {
  display          : block;
  background-color : #464060;
  font-family      : Arial, Helvetica, serif;
  width            : 100%;
  text-align       : center;
  font-weight      : bold;
  text-decoration  : none;
}

a.topbar_msie:link, a.topbar_msie:visited {
  padding-top      : 5px;
  padding-bottom   : 5px;
  border           : 1px solid #FFFFFF;
  background-color : #464060;
  color            : #efefef;

}
a.topbar_msie:hover {
  padding-top      : 5px;
  padding-bottom   : 5px;
  text-decoration  : none;

  background-color : #9A000B;
  color            : #FFFFFF;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
  color            : #FFFFFF;
}

a.pathway:link, a.pathway:visited {
  color            : #FFFFFF;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #efefef;
  font-weight      : underline;
}

.date {
	color: #ffffff;
}

/* ################### MAIN AND SUB MENU SYSTEM ################### */
.mainlevel {

}

a.mainlevel:link, a.mainlevel:visited {

}

a.mainlevel:hover {

}

.sublevel {
  padding-top      : 2px;
  padding-bottom   : 2px;
  letter-spacing   : 2px;
  width            : 167px;
  border-top       : 1px solid #C0C0C0;
}

a.sublevel:link, a.sublevel:visited {
  padding          : 2px 10px 2px 5px;
  color            : #1734A2;
  font-weight      : normal;
}

a.sublevel:hover {
  padding          : 2px 10px 2px 5px;
  color            : #FFFFFF;
}

table.moduletable {
  width            : 190px;
  
}

table.moduletable th {

}

table.blog {
  width            : 100%;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
  
  background-color : #464060;
  color            : #FFFFFF;
  height           : 20px;
  font-weight      : bold;
  letter-spacing   : 1px;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
}


.sectiontableentry2 {
  background-color : #E0E0E0;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;

}

.highlight {
  color            : blue;
  font-weight      : bold;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #464060;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #464060;
  text-decoration  : none;
  font-weight      : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  text-align       : justify;
  padding-left     : 5px;
  padding-right    : 5px;
  width            : 100%;
}

.contentpaneopen {
  text-align       : justify;
  padding-left     : 5px;
  padding-right    : 5px;
  font-size        : 15px;
  width :99%;
}

.contentheading, .componentheading {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 18px;
  font-weight      : bold;
  color            : #000000;
  text-align       : left;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 12  px;
  color            : #464060;
  border           : 1px solid;
}

.inputbox {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #464060;
  background       : #FFFFFF;
  border           : 1px solid;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 15px;
  color            : #333333;
  text-decoration  : none;
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
  color            : #000000;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
  letter-spacing   : 1px;
}

a.category:hover {
  color            : #000000;
}

.leftcells {

  background-color : #ffffff;
}

/* ###################### KL Accessiable ###################### */

p {
	margin-top: 0px;
}

a {	
	color: #3366CC;	
	text-decoration: none
}
body {	
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 2em;	
	color: #000000;
	margin-top: 0em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
	}

h1 {
	color: #FFFFFF;
	margin-bottom: 0px;
	font-size: 175%;
	}

h2 {
	color: #333333;
	margin-bottom: 0px;
	font-size: 160%;
	}
	
h3 {
	font-size: 140%;
	color: #333333;
	margin-bottom: 0px;
	}
	
h4 {
	color: #333333;
	margin-bottom: 0px;
	font-size: 120%;
	}

h5 {
	color: #000000;
	margin-bottom: 0px;
	font-size: 100%;
	}
	
table {
	color: #FFFFFF
	}
	
td, th {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333333
	}
	
textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em
	}
	
ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: square;	
	list-style-position: outside
	}
	
.BulletBackgroundColor {
	color: #FFFFFF
	}
	
.DataColor {
	color: #DEDECA
	}
	
.footer { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.167em;
	font-weight: bold;
	line-height: 1.83em;
	color: #333333;
	background-color: #CCCCCC
	}
	
.FormBackgroundColor {
	color: #CCCCCC
	}
	
.ImageTitleColor {
	color: #CCCCCC
	}
	
.LabelColor {
	color: #CCCCCC
	}
	
.ListColorEven {
	color: #CCCCCC
	}
.ListFooterColor {
	color: #333333
	}
	
.ListHeaderColor {
	color: #333333
	}
	
.ListColorOdd {
	color: #DEDECA
	}
.ListTitleColor {
	color: #CCCCCC
	}
	
.NavigationBackgroundColor {
	color: #666666
	}
	
.NavigationColor {
	color: #CCCCCC
	}
	
.NewsDataColor {
	color: #DEDECA
	}
	
.StoryTitle {
	color: #000000;
	font-weight: bold
	}
	
.StoryContentColor {
	color: #000000
	}
	
.TitleColor {
	color: #000000
	}
	
a:hover {	
	text-decoration: underline
	}
	
tr.ListHeaderColor th {
	text-align: left;
	}.small {
	font-size: 85%;
}

/* ###################### KL Styles ###################### */

/* CSS Document */

#headerFrame {
	top: 10px;
	position: absolute;
	width: 95%;
	left: 2.5%;
	right: 2.5%;
	height: 250px;
	background-color: #FFFFFF;
}

#focusFrame {
	height: 150px;
	background-image: url(../images/pagename_bg.png);
}

#pageFrame {
	background-color: #005E61;
	position: absolute;
	width: 95%;
	left: 2.5%;
	right: 2.5%;
	top: 250px;
	margin: 0px;
	padding: 0px;
}

#footerFrame {
	background-image: url(../images/footer_bg.png);
	height: 40px;
	margin-left: 190px;
}

#kl_logo {
	height: 100px;
	width: 350px;
	background-color: #FFFFFF;
	top: 0px;
	margin-top: 20px;
        margin-left: 10px;
        margin-bottom: 10px;
	background-image: url(../images/kl_logo.png);
	background-repeat: no-repeat;
}

#topnav {
	right: 0px;
	position: absolute;
	top: 0px;
	height: 0px;
}

#tagline {
	height: 130px;
	width: 170px;
	padding: 10px;
	z-index: 999;
	position: absolute;
	top: 120px;
	left: 0px;
}

#headerbox {
	float: right;
	height: 50px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 80px;
	top: 60px;
	right: 60px;
}

#smallnav {
	font: bold 65% Verdana, sans-serif;
	text-align: right;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 20px;
}

#smallnav a {
	color: #666666;
	text-decoration: none;
}

#smallnav a:hover {
	color: #FFFFFF;
}

#searchbox {
	margin: 0px;
	padding: 0px;
	top: 10px;
	right: 10px;
	position: absolute;
	height: 50px;
	width: 160px;
}

#smallnav img {
	top: 2px;
	bottom: 2px;
}

#search{
	z-index: 101;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#search * {
	vertical-align: middle;
	background-color: #012071;
}

#search input{
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
}

#search a:hover{
	margin: 0px;
}


#focus {
	background-repeat: no-repeat;
	height: 130px;
	right: 0px;
	background-position: left;
	position: absolute;
	top: 150px;
	z-index: 0;
	float: right;
}

#contentleft {
	width:190px;
	z-index: 0;
	background-color: #005E61;
	float: left;
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
}

.sideNav{
	display: block;
        border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF3333;

}

.sideNav img {

}

.sideNav h3{
	color: #339999;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339999;
	font-size: 90%;
	text-indent: 10px;

}

.sideNav a:link, .sideNav a:visited {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #499EA1;
	font-size: 90%;
}

.sideNav a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;

}

#contentcenter {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
	margin-left: 190px;
	padding: 0px;
	background-image: url(../images/center_bg.png);
}
#contentinside {
  min-height : 300px;
  padding-left: 10px;
}

.feature {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding-top: 10px;
}

.feature a:link, #featureLinks a:visited {
	text-decoration: none;
	color: #012071;
}

.feature p {

}

.feature img {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #465CBC;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
}

#siteinfo {
	padding-top: 10px;
	font-size: 75%;
	padding-left: 10px;
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
}

#changesize {
	height: 30px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 60px;
	right: 10px;
}

#mainFrame {
	background-color: #00CCFF;
	width: 90%;
	position: absolute;
	left: 5%;
	right: 5%;
}

.subNav{
	display: block;
	filter:alpha(opacity=80);

	-moz-opacity:0.8;
	opacity: 0.8;
	color: #FFFFFF;
}

.subNav img {

}

.subNav h3{
	color: #339999;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339999;
	font-size: 90%;
	text-indent: 10px;

}

.subNav a:link, .subNav a:visited {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #499EA1;
	font-size: 90%;
}

.subNav a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #005E61;
	padding-left: 12px;
	display: block;
}
.kl_dm_t-0 {
	padding-left: 12px;
}
.kl_dm_t-0_over {
	padding-left: 12px;
	background-color: #012071;
}
.kl_dm_t-0_down {
	padding-left: 12px;
	background-color: #012071;
}
.kl_dm_t-1 {
        font-size: 12px;
        padding-left: 12px;
        color: White;
        background-color: #0C2A77;
        /* Opacity in IE */
        filter: alpha(opacity=80);
        /* Opacity in Mozilla */
        -moz-opacity: 0.8;
        border : 1px solid White;
        height: 30px;
cursor: pointer;

}


.kl_dm_t-1_over {
        font-size: 12px;
        font-weight: bold;
        padding-left: 12px;
        color: White;
        background-color: #005E61;
        /* Opacity in IE */
        filter: alpha(opacity=80);
        /* Opacity in Mozilla */
        -moz-opacity: 0.8;
        border : 1px solid White;
        height: 30px;
cursor: pointer;
}
.kl_dm_t-1_down {
        font-size: 12px;
        font-weight: bold;
        padding-left: 12px;
        color: White;
        background-color: #005E61;
        /* Opacity in IE */
        filter: alpha(opacity=80);
        /* Opacity in Mozilla */
        -moz-opacity: 0.8;
        border : 1px solid White;
        height: 30px;
cursor: pointer;
}