/*
 * 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, td {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;margin:0px;padding:0px;width:100%;height:100%;vertical-align:middle;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;
	height: 551px;
}


/* BANNER CSS */
div#dBanner {position:relative;width:100%;height:206px;margin:0px;padding:0px;}
div#dBanner img#kmlogo {position:relative;left:63px;top:71px;}


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

div#pTitle {position:absolute;z-index:2;left:95px;top:0px;width:121px;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:406px;top:0px;width:292px;height:100%;text-align:left;/*background-color: #8D8DA4;*/}

div#pContent {
	position:relative;
	z-index:2;
	left:49px;
	top:20px;
	width:640px;
	padding-top:15px;
	padding-bottom:25px;
	text-align:left;
	height: 161px;
}
div#pContent div#pTheText {display:block;margin-left:25px;margin-right:25px;line-height:130%;}
div#pContent div#pTheText h2 {font-size:1.1em;margin-top:1em;margin-bottom:1em;}
div#pContent div#pTheText p {margin-bottom:1.1em;}
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-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#hentrybtn {
	position:absolute;
	left:240px;
	width: 130px;
	height: 50px;
}
div#fentrybtn {
	position:absolute;
	left:425px;
	width: 178px;
	height: 150px;
}
div#fentrybtn p {color:#d1cfde;line-height:1.3em;margin-bottom:9px;text-align:center;}
div#fentrybtn a {color:#d1cfde;text-decoration:none;}
div#fentrybtn a:hover {color:#d1cfde;text-decoration:underline;}



/* LOGO BAR CSS */
div#dLogoBar {
	position:absolute;
	width:100%;
	height:78px;
	background-color:transparent;
	margin:0px;
	padding:0px;
	top: 422px;
}
div#pLogoBar {position:absolute;z-index:1;left:0px;top:0px;width:738px;height:100%;text-align:right;font-size:0.8em;}

div#emlogo {
	position:absolute;
	width:223px;
	height:61px;
	left:320px;
	top:25px;
	background-color:transparent;
}

div#edures {
	position:absolute;
	width:217px;
	height:67px;
	left:68px;
	top:11px;
	background-color:transparent;
}




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

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



/* NAVIGATION CSS */
div.themenu {
	position:relative;
	z-index:1;
	left:25px;
	top:10px;
	width: 200px;
	height: 80px;
}
div.menu {position:absolute;display:block;margin:0px;padding:0px;background-color:#575757/*#8686A1*/;width:151px;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: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:40px;}

a {cursor:pointer;}

@media print {
	body, table, td {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:35px;top:0px;width:auto;height:90px;text-align:right;overflow:visible;float:none;}*/
	div#dBanner img#kmlogo {position:relative;left:0px;top:0px;overflow:visible;float:none;}


	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:auto;overflow:visible;float:none;background-color:#ffffff;}
	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;}
	ul {list-style:square;list-style-image:none;background-color:#ffffff;}
	div#dFooter {display:none;}
	a.ddlink {text-decoration:none;}
	
	div#hentrybtn {
	position:relative;
	left:0px;
	width:130px;
	height:50px;
	}
	div#fentrybtn {
		position:absolute;
		/*left:425px;*/
		top:0px;
		width: 178px;
		height: 150px;
	}
	div#fentrybtn p {color:#d1cfde;line-height:1.3em;margin-bottom:9px;text-align:center;}
	div#fentrybtn a {color:#d1cfde;text-decoration:none;}
	div#fentrybtn a:hover {color:#d1cfde;text-decoration:underline;}
	
	div#eduaus {
		position:relative;
		width:224px;
		height:68px;
		/*left:0px;
		top: 140px;*/
		background-color: #4E4858;
	}
}