body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #222;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	min-width: 992px;
	background: #fff;
	}
	
h1 {
	font-size: 15pt;
	/*line-height: 1.6em;*/
	color: #017;
	}
h1 .firstword {
	color: #2ae;
	}
h2 {
	font-size: 10.4pt; /* was 11pt */
	/* line-height: 1.6em; */
	color: #333;	
	font-size: 14px;
	}
h2.title {
	margin-bottom: 4px;
	}
h3 {
	font-size: 9pt; /* was 10pt */
	/* line-height: 1.6em; */
	color: #333;
	}
address {
	font-style: normal;
	}
	
div#wrapper {
	position: relative;
	left: 50%;
	margin-left: -420px;	
	top: 0; /* use margin instead of top to avoid scroll difficulty */	
	/*
	the design is based on a grid of 960 width /12
	11/12 = 880 is delineated by the outline
	the unseen 1/12 gives space for logo
	thus wrapper should be centred on 960, not 880
	*/
	padding: 0;
	margin-top: 64px;
	margin-bottom: 48px; /* ensures subfooter is viewed ?*/
	
	border: 0;
	width: 880px;
	background: #fff;
	}
div#background_box {
	padding: 0;
	margin: 0;
	border: 0;
	border-top: #777 1px solid;
	width: 880px;
	background: #fff;
	}
	
div#outline_box {
	width: 880px;
	padding: 0;
	margin: 0;
	border-top: #888 solid 2px;
	border-right: #888 solid 2px;
	border-left: #888 solid 2px;
	border-bottom: #888 solid 2px;
	}
	
div#header {
	width: 880px;
	border: 0;
	height: 62px;
	background: #fff;
	}
div#logo_box {
	position: absolute;
	z-index: 99;
	left: -50px;
	top:  -45px;
	width: 115px;
	height: 160px;
	margin: 0;
	padding: 0;
	background: url(../style/kg_logo115x160.gif) no-repeat top left;
	background: url(style/kg_logo115x160.gif) no-repeat top left;
	}
div#corner_tr {
	float: right;
	position: relative;
	right: -2px;
	top: -2px;
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 0;
	background: #fff url(../style/topRight_888_64.gif) no-repeat top right;
	background: #fff url(style/topRight_888_64.gif) no-repeat top right;
	}	
/* #footer contains #corner_bl */
div#footer {
	clear: both;
	border: 0;
	padding: 0;
	margin: 0;
	}
div#corner_bl {
	position: relative;
	left: -2px;
	top: 2px;
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 0;
	background: #fff url(../style/bottomLeft_888_64.gif) no-repeat bottom left;
	background: #fff url(style/bottomLeft_888_64.gif) no-repeat bottom left;
	}
div#telephone_box {
	padding: 0 0 14px 80px;
	margin: 10px 0 0 0;
	border: 0;
	font-size: 8.5pt;
	letter-spacing: 1.2pt;
	background: #fff;
	}	
	
div#heading_box {
	padding-top: 24px;
	width: 860px;
	min-width: 860px;
	border: 0;
	}
div#heading_box h1 {
	display: inline;	
	margin: 0  0 4px 0;
	margin: 0; 
	
	padding: 24px 0 4px 32px; 
	padding-bottom: 2px;
	padding-top: 12px;
	border-bottom: #999 solid 1px;
	line-height: 1.6em;
	}

div.news_title_box {
	clear: both;
	margin: 8px 0 0 0;
	padding: 0;
	width: 860px;
	min-width: 860px;
	border: 0;
	}
div.news_title_box h2 {
	margin: 0 0 0 0; 
	padding: 16px 0 8px 80px;
	}
div.column_box {
	padding: 0 0 0 80px;
	/* ie7 was reading margin or padding applied to ul, so add space here instead ! */
	margin: 0;
	
	border: 0;
	font-size: 10.5px;
	line-height: 1.35em;
	clear: both;
	min-height: 328px;
	}
	
div.column_left {
	float: left;
	width: 400px;
	
	/*min-height: 328px; min-height: 352px;  min-height: 320px; 
	padding-top: 24px;
	*/
	border: 0;
	padding-top: 0px;
	padding-left: 0px;
	
	/* background: #fee; */
	}
div.column_left p {
	padding: 0 40px 0 0px;
	margin: 2px 0 16px 0;
	}
div.column_left p.first {
	margin-top: 16px;
	}
div.column_left h2.first {
	margin-top: 16px;
	margin-bottom: 16px;
	}
div.column_left h3.first {
	margin-top: 16px;
	}
	
.column_left address {
	margin: 0;
	margin-top: 16px;
	padding-left: 0px;
	padding-right: 40px;
	}
.column_left h1 {
	display: inline;
	margin: 0;
	padding-left: 32px;
	padding-right: 0;
	padding-bottom: 6px;
	border-bottom: #999 solid 1px;
	line-height: 1.6em;
	}
.column_left h2 {
	padding: 0 0 0 0px;
	margin: 16px 0 8px 0;
	}
.column_left h2.title {
	margin-bottom: 4px;
	}
.column_left h3 {
	padding: 0 0 0 0px;
	margin: 2px 0 8px 0;
	}
.column_left h4 {
	padding: 0 0 0 0px;
	margin: 2px 0 8px 0;
	}
.column_left img {
	float: left;
	margin: 0;
	margin-top: 16px;
	padding: 0;
	padding-left: 16px;
	}	
.column_left li img {
 	border: 0;
 	float: left;
	padding: 0;	
 	margin: 0;
 	margin-right: 16px;
 	margin-bottom: 12px;
	}

.column_left ul {
	margin-left: 0;
 	margin-left: 20px;
	padding-left: 0;
}
.column_left li {
}




div.column_right {
	float: right;
	width: 400px;
	/* background: #eee; */
	}

#bar {
	margin: 0;
	padding: 0;
	height: 1.5em;
}
.me {
	color: #222;
	}
.firstletter {
	color: #2ae;
	}
	
/* --------------------------------------- nav menu suckerfish ------------------------------ */
#nav, #nav ul {
	float: right;
	list-style: none;
	background: #fff;
	padding: 0;
	margin: 0 0 1em 0;
	border: 0;
	font-family: arial, helvetica, serif;
	font-size: 12px;
	line-height: 1;
}
#nav a {
	display: block;
	color: #555;
	text-decoration: none;
	padding: 0.25em 2em;
}
#nav a.pa {
	background: url(rightarrow2.gif) center right no-repeat;
}
#nav li {
	float: left;
	padding: 0;
	/*
	width here stops menu headings taking up as much room as they want
	width: 10em;
	*/
	background-color: #fff;	
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 23em;
	font-weight: normal;
	margin: 0;
	/* border: 1px solid #333; */
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #777;
}


#nav li li {
	padding-right: 0;
	width: 23em;
	font-size: 12px;
	background-color: #fbfbfb;	
	border-bottom: 1px solid #f0f0f0;
}
#nav li ul a {	
	width: 20em;
	/*
	10 = li.li.width 13 - (li.ul.a.padding 2 + 1)
	*/
	padding-left: 2em;
	padding-right: 1em;
}
#nav li ul ul {
	margin: -1.75em 0 0 22em;
	/* or 23em */
}
#nav ul li ul {
	position: absolute;
	right: 22em;
	margin-top: -1.50em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}


/*
#nav li:hover ul {left: auto;} could be ie7 prob, but not for me!?
*/

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #fff;
	color: #000;
}
#nav li li:hover a, #nav li li.sfhover a {
	color: #000;
}

#nav ul li:hover ul li a, #nav ul li a:hover ul li a{display:block; color: #777;}

#nav li ul li:hover ul li:hover a { color: #000; } /* secondary menu rollover color */

/*  ------------------------------  end menu  ------------------------------ */

.column_box a {
	padding: 0;
	border-bottom: 0;
	margin: 4px 0 4px 0px;
	text-decoration: none;
	}
.column_box a:link {
	color: #222;
	text-decoration: none;
	border-bottom: 0;
	}
.column_box a:visited {
	color: #222;
	border-bottom: 0;
	}
.column_box a:hover {
	color: #000;
	border-bottom: 1px solid #777;
	}
.column_right .me {
	margin: 0;
	padding: 0;
	color: #017;	
	line-height: 2em;
	}	
	
	
.super {
	vertical-align: super;
	font-size: 7px;
	}