/*
 * MacIE can't use font-size:100%; and can't see @media, so use @media screen to fix for other browsers.
 * But Mac NN7 can see @media and doesn't like font-size:100% without first setting an absolute value...
 */
body, table#dCentre, td#tdDCentre {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;margin:0px;padding:0px;width:100%;height:100%;background-color:#CCCCCC;}
p {margin:0px;}
table#dCentre {width:100%;height:100%;}
div#dOutside {position:relative;width:752px;color:#ffffff;background-color:#29282b/*#2E2D30*/;margin:0px;padding:0px;text-align:left;vertical-align:top;}


/* BANNER CSS */
div#dBanner {position:relative;width:100%;height:183px;margin:0px;padding:0px;}
/*div#dBanner img#kmlogo {position:relative;left:41px;top:71px;}*/
div#kmlogobanner {position:absolute;left:35px;top:66px;width:300px;height:90px;text-align:center;letter-spacing:1.9px;}


/* CONTENT CSS */
div#dWhiteline {position:relative;width:100%;height:20px;background-color:#6e6d98/*#6A696B*/;margin:0px;padding:0px;}
div#dContent {position:relative;width:100%;margin:0px;padding:0px;}

div#pTitle {position:absolute;z-index:2;left:310px/*95px*/;top:0px;width:138px;height:100%;text-align:left;font-weight:bold;}
div#pTitle span.mlink span.box {background-color:#57A8B4;}
div#pTitle h1 {font-size:1em;margin-top:0em;margin-bottom:0em;}
div#dLineCol {position:absolute;z-index:1;left:295px;top:0px;width:401px;height:100%;text-align:left;background-color:#7977a5/*#8D8DA4*/;}

div#dGetApp {
	position:absolute;
	left: 60px;
	top: 200px;
	width: 175px;
}
div.indidiv {position:relative;width:100%;margin:0px;}
div.indiicon {position:relative;width:21px;left:0px;top:0px;height:38px;float:left;}
div.inditxt {position:relative;left:7px;top:0px;z-index:2;}

p.getshockwave a {color:#ffffff;text-decoration:underline;margin:0px;}
p.getshockwave a:hover {font-weight:bold;text-decoration:underline;}
p.getshockwavelk {margin:0px;}
p.getshockwavelk a {color:#ffffff;text-decoration:underline;}
p.getshockwavelk a:hover {font-weight:bold;text-decoration:underline;}


div#pContent {position:relative;z-index:2;left:295px;top:0px;width:401px;padding-top:25px;padding-bottom:25px;text-align:left;background-color:#4e4858/*#6F6E98*/;}
div#pContent div#pTheText {display:block;margin-left:25px;margin-right:25px;line-height:130%;}
div#pContent div#pTheText h2 {color:#57A8B4;font-size:1.1em;margin-top:1em;margin-bottom:0.7em;}
div#pContent div#pTheText p {margin-bottom:0.5em;}
div#pContent div#pTheText ul {margin-top:0em;margin-bottom:1.1em;}
div#pContent div#pTheText li {line-height:150%;}
div#pContent div#pTheText a#emlink {color:#ffffff;font-weight:bold;text-decoration:none;}
div#pContent div#pTheText a#emlink:hover {text-decoration:underline;}
div#pContent div#pTheText a.ddlink {color:#ffffff;font-weight:bold;text-decoration:none;}
div#pContent div#pTheText a.ddlink:hover {text-decoration:underline;}
div#pContent div#pTheText p.pgtop {text-align:right;margin-top:1em;margin-bottom:0em;}
div#pContent div#pTheText p.pgtop a {color:#ffffff;font-weight:bold;text-decoration:none;}
div#pContent div#pTheText p.pgtop a:hover {text-decoration:underline;}
div#pContent div#pTheText h2 a {color:#57A8B4;text-decoration:none;}
div#pContent div#pTheText h2 a:hover {color:#ffffff;text-decoration:underline;}
div#pContent div#pTheText p.grntxt {color:#57A8B4;}
div#pContent div#pTheText p.grntxt a {color:#57A8B4;}
div#pContent div#pTheText p.grntxt a:hover {color:#ffffff;}

img.kidImg {margin-left:0px;margin-right:8px;margin-bottom:6px;} /*12px*/
img.kidImgExt {margin-left:0px;margin-right:8px;margin-bottom:24px;}
img.kidImgExt2 {margin-left:0px;margin-right:8px;margin-bottom:1px;}
img.kidImgExt3 {margin-left:0px;margin-right:8px;margin-bottom:38px;}


/* ROBOT CSS */
div.robotgp {position:absolute;left:555px;top:-172px;z-index:2;width:190px;height:175px;text-decoration:none;}
span#funStuff {position:absolute;left:92px;top:133px;z-index:3;width:100px;}
span#funStuff p {margin-top:9px;}
span#funStuff a {color:#ffffff;font-weight:bold;text-decoration:none;}
span#funStuff a:hover {color:#ffffff;font-weight:bold;text-decoration:underline;}
div.robotgp a {color:#ffffff;font-weight:bold;text-decoration:none;}
div.robotgp a:hover {color:#ffffff;font-weight:bold;text-decoration:underline;}



/* FOOTER CSS */
div#dFooter {position:relative;width:100%;height:29px;background-color:#201F22;margin:0px;padding:0px;}

div#pCopyright {position:absolute;z-index:1;left:295px;top:0px;width:401px;height:100%;text-align:center;background-color:#443f4b/*#4D4D6A*/;font-size:0.8em;}
div#pCopyright p {margin-top:9px;}
div#pCopyright a, div#pCopyright a:link, div#pCopyright a:visited {color:#ffffff;text-decoration:none;}
div#pCopyright a:hover, div#pCopyright a:focus {color:#ffffff;text-decoration:underline;}



/* NAVIGATION CSS */
div.themenu {position:absolute;z-index:1;left:95px;top:30px;}
div.menu {position:absolute;display:block;margin:0px;padding:0px;background-color:#575757/*#6A696B*/;width:138px;height:20px;}
span.mlink {position:absolute;width:100%;height:100%;}
span.box {position:absolute;display:block;z-index:1;background-color:#8584BB;width:11px;height:100%;}
span.mtext {position:absolute;z-index:2;left:18px;width:100%;padding-top:3px;letter-spacing:2px;}
div.menu:hover span.box {color:#ff0000;background-color:#57A8B4;}

div.menu a, div.menu a:link, div.menu a:visited {color:#ffffff;text-decoration:none;}
div.menu a:active, div.menu a:hover {font-weight:bold;cursor:pointer;}
div.menu a:active span.box, div.menu a:hover span.box {background-color:#57A8B4;}

div#menu1 {z-index:1;top:0px;}
div#menu2 {z-index:2;top:29px;}
div#menu3 {z-index:3;top:58px;}
div#menu4 {z-index:4;top:87px;}


a {cursor:pointer;}


@media print {
	body, table#dCentre, td#tdDCentre {background-color:#ffffff;overflow:visible;float:none;font-size:11pt;width:auto;}
	div#dOutside {width:auto;background-color:#ffffff;overflow:visible;float:none;}
	div#dBanner {position:relative;width:auto;height:100px;margin:0px;padding:0px;background-color:#ffffff;overflow:visible;float:none;}
	div#kmlogobanner {position:relative;left:0px;top:0px;width:auto;height:90px;text-align:left;overflow:visible;float:none;}

	/*div#dBanner img#kmlogo {position:relative;left:0px;top:0px;background-color:#ffffff;}*/
	div#dWhiteline {width:auto;background-color:#ffffff;overflow:visible;float:none;}
	div#dLineCol {display:none;}
	div#pTitle {position:relative;left:0px;top:0px;background-color:#ffffff;overflow:visible;float:none;}
	span.box {display:none;}
	span.mtext {position:relative;left:0px;width:auto;padding-top:3px;letter-spacing:2px;background-color:#ffffff;overflow:visible;float:none;}

	.themenu {display:none;}
	.robotgp {display:none;}
	div#dContent {width:80%;overflow:visible;float:none;}
	div#pContent {position:relative;z-index:2;width:100%;left:0px;top:0px;padding-top:0px;padding-bottom:0px;text-align:left;background-color:#ffffff;color:#000000;overflow:visible;float:none;}
	div#pContent div#pTheText {display:block;margin-left:0px;margin-right:0px;background-color:#ffffff;overflow:visible;float:none;}
	div#pContent div#pTheText a#emlink {color:#000000;font-weight:bold;text-decoration:underline;background-color:#ffffff;}
	div#pContent div#pTheText a.ddlink {color:#000000;font-weight:bold;text-decoration:underline;background-color:#ffffff;}
	div#pContent div#pTheText p.pgtop {display:none;text-align:right;margin-bottom:0em;background-color:#ffffff;}
	div#pContent div#pTheText p.pgtop a {color:#000000;font-weight:bold;text-decoration:none;background-color:#ffffff;}
	
	div#pContent div#pTheText h2 a {color:#000000;text-decoration:underline;page-break-before:auto;overflow:visible;float:none;}
	h2.pgbk {page-break-before:always;overflow:visible;float:none;}
	div#pContent div#pTheText p.grntxt {color:#000000;overflow:visible;float:none;}
	div#pContent div#pTheText p.grntxt a {color:#000000;overflow:visible;float:none;}
	
	ul {list-style:square;list-style-image:none;background-color:#ffffff;}
	div#dFooter {display:none;}
	a.ddlink {text-decoration:none;}
}