body {
	margin: 0px; 
	padding: 0px; 
	font-size: 12px; 
	font-weight: normal; 
	line-height: 15px; 
	font-family: tahoma, arial, geneva, helvetica;
}

a {
	color: #ba7f00; text-decoration: underline;
}

a:active {
	color: #ffffff;
	/* background-color: #d99400; */
	text-decoration: none;
}

a:visited {
	color: #ba7f00; text-decoration: underline;
}

a:hover {
	/*color: #ffffff; 
	 background-color: #d99400; */
	text-decoration: none;
}

#active_area {
	display:block;
	width:970px;
	background-color: #ffffff;
	top:0px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	height:100%;
}


/*Header of page */

.header {
	display:block;
	position:relative;
  	background-image:url('images/bg_header_bluefade_white_orange_10x115.png'); 
	background-repeat:repeat-x;
	height:115px;
 	width: 100%;
	z-index:1;
}
#leftfade {
	background-image:url('images/bg_header_left_bluefade_5x115.png'); 
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:115px;
	width:5px;
	z-index:1500;
}
#rightfade {
	background-image:url('images/bg_header_left_bluefade_5x115.png'); 
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	height:115px;
	width:5px;
	z-index:1500;
}

#logo {
	background-image:url('images/logo_knowhow_118x38.png'); 
	background-repeat:no-repeat;
	position:absolute;
	top:48px;
	left:40px;
	height:37px;
	width:116px;
	z-index:500;
}


#hotpick {
	background-color:#0365a9;
	width:auto;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	color:#ffffff;
	padding: 0px 15px 0px 15px;
	position:absolute;
	right:0px;
	top:72px;
}

.main_navigation, .main_navigation_fp {
	display:block;
	position:relative;
	background-color:#eeeeee;
	height:40px;
	width:auto;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	line-height:40px;

}
.main_navigation {
	background-image:url('images/bg_content_top_two_greys_2x2.png'); 
	background-repeat:repeat-x;
	background-position:bottom;
}
	
	/* Front page has different navigation background */
.main_navigation_fp {
	position:relative;
	background-color:#ffffff;
}

.main_navigation ul, .main_navigation_fp ul {
	position:relative;
	padding:0px;
	margin:0px;
	list-style:none;
	margin-left:35px;
	
}

.left, .left li {
	float:left;
	margin-right:5px;
	z-index:10000;
}

.right, .right li {
	float:right;
	margin-right:5px;	
}
.leftnavi, .rightnavi {
	overflow:visible;
	position:absolute;

}
.rightnavi {
	float:right;
	right:15px;
}
/*End of header styles */

/*Content styles */
/* The content div shown used in every template */

.content_area {	
	display:block;
	position:relative;
	border-left:5px solid #fff;
	border-right:5px solid #fff
	height:100%;
}

.content {
	padding-top:5px;
	margin-left:5px;
	display:block;
	width:733px;
	float:left;
}

.rich_text_section {
	margin:0px 0px 25px 25px;
	width:514px;
}

.rich_text_section img {
	margin:10px;
}

.rich_text_section .left_img {
	vertical-align:text-top;
	float:left;
}

.rich_text_section .right_img {
	vertical-align:text-top;
	float:right;
}
.rich_text_section_hr {
	border-top:1px dotted #9e9e9e;
	margin-top:5px;
	height:20px;
	width:100%;
}


rich_text_section a:active {
	color: #ffffff;
	/* background-color: #d99400; */
	text-decoration: none;
}

rich_text_section a:visited {
	color: #ba7f00; text-decoration: underline;
}

rich_text_section a:hover {
	/*	color: #ffffff; */
	/* background-color: #d99400; */
	text-decoration: none; 
}

/*Footer styles */
.footer {
	position:relative;
	clear:both;
	display:block;
	background-image:url('images/bg_footer_greenfade_10x45.png'); 
	background-repeat:repeat-x;
	height:45px;
	width:940px;
	border-bottom:5px solid #ffffff;
	border-top:5px solid #ffffff;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;	
	padding-left:20px;
}

/* Common settings for all footer styles */
.footer_content {
	position:absolute;
	top:50%;
	margin-top:-0.5em;
}

/*End of footer styles */


/*Fronpage-specific styles */

.fp_footer {
	border-left:5px solid #eee;
	border-right:5px solid #eee;
}

.fp_footer {
	background-image:url('images/bg_footer_greyfade_10x45.png'); 
	background-repeat:repeat-x;
	height:45px;
	width:940px;
	border-bottom:5px solid #eee;
	border-top:5px solid #eee;
	display:block;
	position:relative;
	padding-left:20px;	
}

.fp_columns {
	position:relative;
	/* background-image:url('images/bg_news_green_10x240.png'); 
	background-repeat:repeat-x; */
	height:300px;
	border-top:5px solid #eee;
}

.fp_columns h2 {
	color:#999;
	margin:0px;
	margin-bottom:20px;
}

.fp_columns p {
	color:#666;
	margin:0px;
	font-size:0.9em;
}

.fp_columns a,.fp_columns a:visited, .fp_columns a:hover, .fp_columns a:active  {
	color:#666;
	margin:0px;
	text-decoration:underline;
}

.fp_columns a:hover {
	color:#666;
	margin:0px;
	text-decoration:none;
}

.fp_column1 {
	position:relative;
	display:block;
	float:left;
	padding-left:35px;
	padding-right:15px;
	padding-top:20px;
	width:215px;
	height:300px;
}
.fp_column {
	position:relative;
	display:block;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	width:200px;
	height:300px;

}
.fp_divider_right {
	background-image:url('images/fp_content_bigpipe_green_2x224.gif');
	background-repeat:no-repeat;
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-112px;
	width:2px;
	height:300px;
}

.fp_column1 ul, .fp_column ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.fp_list1 li {
    margin-bottom:10px;
}

.fp_list2 li {
	margin-bottom:10px;
	margin-left:10px;
}
/* List bullets */
.bullet {
	display:inline;
	position:absolute;
    background-image:url('../images/bullet_green_arrow_12x12.gif');
    background-position: 0px 0px;
    background-repeat:no-repeat;
	margin-left:-17px;
	width:12px;
}

.circle_bullet {
    background-image:url('../images/bullet_green_circle_7x7.gif');
    background-position: 0px 3px;
    background-repeat:no-repeat;
    display:inline;
    position:absolute;
	margin-right:3px;
	margin-left:-10px;
	padding-left:10px;
}


h1 {
	font-size: 16px; font-weight: bold; color: #0087cf; font-family: tahoma, arial, geneva, helvetica;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h2 a:active {
	font-size: 13px; font-weight: bold; color: #4fae00; font-family: tahoma, arial, geneva, helvetica;
}

h3 {
	font-size: 12px; font-weight: bold; color: #000000; font-family: tahoma, arial, geneva, helvetica;
}

h4 {
	font-size: 12px; font-weight: bold; color: #000000; font-family: tahoma, arial, geneva, helvetica;
}

td {
	font-size: 12px; font-weight: normal; color: #525252; line-height: 15px; font-family: tahoma, arial, geneva, helvetica;
}

tr {
	font-size: 12px; font-weight: normal; color: #525252; line-height: 15px; font-family: tahoma, arial, geneva, helvetica;
}

p, .content ul, .content ol, label {
	font-size: 12px; font-weight: normal; color: #525252; line-height: 15px; font-family: tahoma, arial, geneva, helvetica;
}

.footer_front, .fp_footer {
	font-size: 12px; font-weight: normal; color: #666666; font-family: tahoma, arial, geneva, helvetica;
}

.footerpipe_front {
	font-size: 11px; font-weight: normal; color: #b0b0b0; font-family: tahoma, arial, geneva, helvetica;
}
.footerpipe_front, .footerpipe {
	margin-left:10px;
	margin-right:10px;
}

.footer {
	font-size: 12px; font-weight: normal; color: #ffffff; font-family: tahoma, arial, geneva, helvetica;
}

.footerpipe_content, .footerpipe {
	font-size: 11px; font-weight: normal; color: #9dee6c; font-family: tahoma, arial, geneva, helvetica;
}

.navi {
	font-size: 12px; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
}

.navi:link {
	color: #666666; text-decoration: none;
}

.navi:visited {
	color: #666666; text-decoration: none;
}

.navi:hover {
	color: #333333; text-decoration: underline;
}

.navi:active {
	color: #333333; text-decoration: underline;
}

.navi_on {
	font-size: 12px; color: #333333; font-weight: bold; font-family: tahoma, arial, geneva, helvetica;
}

.navipipe {
	font-size: 12px; color: #bdbdbd; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
}
.breadcrumbtrail {
	display:block;
	position:relative;
	background-color:#0b98df;
	height:30px;
	line-height:30px;
	width:100%;
	padding:0px 0px 0px 22px;
	margin-bottom:20px;
}

.breadcrumbtrail ul {
	display:block;
	position:absolute;
	padding:0px;
	margin:0px;
	color:#fff;
	line-height:30px;
}

.breadcrumbtrail li {
	list-style:none;
	color:#fff;
	float:left;
}

.breadcrumbtrail a {
	margin-right:6px;
	text-decoration:none;
	color:#d4f1ff;
}

.breadcrumbtrail a:hover {
	text-decoration:underline;
}

.breadcrumbtrail .on {
	font-weight:bold;
}

.breadcrumb_delim {
	margin:0px 6px 0px 0px;
}


.left_navigation {
	display:block;
	margin:5px 0px 0px 0px;
	padding:0px;
	float:left;
	width:200px;
}

.left_navigation li {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;	
}

.left_navigation ul {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
}

.left_navigation a, .subnavi {
	background-color:#f1f1f1;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;	
}

.navi_l2 span, .navi_l2 a {
	padding-left:35px;
	width:165px;
	height:26px;
	margin-top:1px;
	display:block;
	position:relative;
	line-height:25px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.navi_l2 ul, .navi_l2 li, .navi_l3, .navi_l3 ul li, .subnavi2_on, .subnavi2_on span {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.navi_l3 {
	margin:0px;
	padding:0px;
}

.navi_l3 span, .navi_l3 a {
	padding-left:44px;
	width:156px;
	height:26px;
	margin-top:1px;
	display:block;
	position:relative;
	line-height:25px;
}

.navi_l4 span, .navi_l4 a {
	padding-left:53px;
	width:147px;
	height:23px;
	margin-top:1px;
	display:block;
	position:relative;
	line-height:22px;
}

.subnavi1 {
	font-size: 11px; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
	background:#f1f1f1 url('./images/bullet_blue_arrow_10x10.png') no-repeat scroll 18px 50%;
}

.subnavi1:link {
	color: #007dbd; text-decoration: none;
}

.subnavi1:visited {
	color: #007dbd; text-decoration: none;
}

.subnavi1:hover {
	color: #00507a; text-decoration: underline;	
}

.subnavi1:active {
	color: #00507a; text-decoration: underline;
}

.subnavi1_on, .subnavi1_on a {
	font-size: 11px; background-color: #f4a700; color:#fff; font-weight: bold; font-family: tahoma, arial, geneva, helvetica; text-decoration: none;
}

.subnavi2, .subnavi2 a {
	font-size: 10px; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
	background-color:#f1f1f1;
}

.subnavi2:link {
	color: #333333; text-decoration: none;
}

.subnavi2:visited {
	color: #333333; text-decoration: none;
}

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

.subnavi2:active {
	color: #000000; text-decoration: underline;
}

.subnavi2_on {
	font-size: 10px; color: #ffffff; background-color: #f4a700; font-weight: bold; font-family: tahoma, arial, geneva, helvetica;
}

.subnavi3 {
	font-size: 10px; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
}

.subnavi3:link {
	color: #575757; text-decoration: none;
}

.subnavi3:visited {
	color: #575757; text-decoration: none;
}

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

.subnavi3:active {
	color: #000000; text-decoration: underline;
}

.subnavi3_on {
	font-size: 10px; color: #ffffff; background-color: #f4a700; font-weight: bold; font-family: tahoma, arial, geneva, helvetica;
}

.front {
	font-size: 12px; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
	z-index:100000;
}

.front_text {
	font-size: 12px; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
	z-index:100000;
}

.front:link {
	color: #ffffff; text-decoration: none;
}

.front:visited {
	color: #ffffff; text-decoration: none;
}

.front:hover {
	/* color: #286b00; text-decoration: none; border-bottom: #389700 1px dashed;	*/
	text-decoration:underline;
}

.front:active {
	color: #286b00; text-decoration: none; border-bottom: #389700 1px dashed;
}

.front_date {
	font-size: 12px; color: #c1ff9c; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
}

.site {
	font-size: 11px; font-weight: normal; font-family: tahoma, arial, geneva, helvetica;
}

.site:link {
	color: #007dbd; text-decoration: none; border-bottom: #afafaf 1px dashed;
}

.site:visited {
	color: #007dbd; text-decoration: none; border-bottom: #afafaf 1px dashed;
}

.site:hover {
	color: #00507a; text-decoration: none; border-bottom: #666666 1px dashed;
}

.site:active {
	color: #00507a; text-decoration: none; border-bottom: #666666 1px dashed;
}

.site_on {
	font-size: 11px; color: #00507a; font-weight: bold; font-family: tahoma, arial, geneva, helvetica;
}
.sitepipe {
	font-size: 11px; font-weight: normal; color: #bdbdbd; font-family: tahoma, arial, geneva, helvetica;
}

.table_header_blue {
	font-size: 11px; color: #ffffff; background-color: #0b98df; font-weight: bold; font-family: tahoma, arial, geneva, helvetica;	
}
.table_header_green {
	font-size: 11px; color: #ffffff; background-color: #56b300; font-weight: bold; font-family: tahoma, arial, geneva, helvetica;
}

.table_header_orange {
	font-size: 11px; color: #ffffff; background-color: #f4a700; font-weight: bold; font-family: tahoma, arial, geneva, helvetica;
}

.right_lift {
	border:1px solid #0b98df;
	margin-left:10px;
}

/* Form elements */

.formelement {
	display:block;
	clear:both;
}

.formelement, .formelement input, .formelement select {
	font-size: 12px; font-weight: normal; color: #525252; line-height: 20px;  height:auto; font-family: tahoma, arial, geneva, helvetica;
	margin-bottom:10px;
	text-align:left;
}

.formelement textarea {
	font-size: 12px; font-weight: normal; color: #525252;
	font-family: tahoma, arial, geneva, helvetica;
	margin-bottom:10px;
	text-align:left;
}


.formelement label {
	width:160px;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:10px;
}

.formelement_textarea, .formelement_text, .formelement_select {
	float: left; width:60%; border:1px solid #BDBDBD;
}

.formelement_text, .formelement_select {
	height:12px;
	line-height:12px;
	background-color:#eeeeee;
}

.formelement .optiongroup {
	float:left;
	margin-bottom:10px;
	clear:right;
}

.formelement .checkbox, .formelement .radio {
	line-height: 12px; 
	width:12px;
	height:12px;
	margin-bottom:0px;
	text-align:left;
}

.formelement .submit {
	width:30%; margin:20px 10% 0px 0px; float:right;
	height: 25px;
	text-align:center;
}

.option_row {
	margin-bottom:5px;
}

.mgnlControlBarSmall {
	clear:both;
}

.mgnlBtnsLeft {
}