/*
 * 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...
 */
html {width:100%;height:100%;padding:0;margin:0;border:0;}
body {padding:0;margin:0;border:0;font-size:91%;font-family:Arial,Verdana,Helvetica,sans-serif;color:#000000;background-color:#CCCCCC;}
p {margin:0;padding:0;font-size:1em;line-height:1.5em;}
div#dOutside {position:relative;width:1000px;color:#ffffff;background-color:#29282b;margin:0 auto;padding:0;text-align:left;vertical-align:top;}


/* BANNER CSS */
div#dBanner {position:relative;width:100%;height:183px;margin:0;padding:0;}
div#kmlogobanner {position:relative;left:35px;top:46px;width:350px;height:115px;text-align:left;letter-spacing:1.9px;border:0px solid red;}
div#kmlogobanner img {border:0px solid red;}
div#kmlogobanner #logotxt {font-size:1.4em;}


/* ACCESSIBILITY LINKS */
#accessibility {position:absolute;display:block;width:300px;height:18px;top:0;left:10px;z-index:12;margin:2px 0 0 2px;padding:0;border:0px solid red;}
#accessibility p {position:relative;margin:0;padding:0;}
#accessibility p {position:absolute;display:block;width:99%;top:0;left:0;list-style-type:none;list-style-image:none;margin:0;padding:0;}
#accessibility a {position:absolute;display:block;color:#ffffff;left:-9999px;top:-9999px;}
#accessibility a:focus, #accessibility a:active, #accessibility a:hover {text-indent:0;left:0;top:0;}


/* CONTENT CSS */
div#dWhiteline {position:relative;font-size:1em;width:100%;height:1.65em;background-color:#575757;margin:0;padding:0;}
div#dContent {position:relative;width:100%;margin:0px;padding:0px;}

div#pTitle {position:absolute;z-index:2;left:335px;top:0;width:560px;height:100%;text-align:left;font-size:1em;font-weight:bold;border:0px solid red;}
div#pTitle h1 {display:block;font-size:0.9em;text-transform:uppercase;letter-spacing:2px;border:11px solid #57A8B4;border-width:0 0 0 11px;margin:0;padding:0;}
div#pTitle h1 span {display:block;margin:0;padding:3px 3px 4px 7px;}
div#pTitle h1 span.lcase {display:inline;padding:0;}

div#dLineCol {position:absolute;z-index:1;left:322px;top:0px;width:601px;height:100%;text-align:left;background-color:#706c76;}

div#pContent {position:relative;z-index:2;top:0;width:601px;margin:0 77px 0 0;padding:25px 0 25px 0;text-align:left;background-color:#4e4858;font-size:1em;float:right;}
div#pContent div#pTheText {display:block;margin-left:25px;margin-right:25px;line-height:130%;font-size:0.9em;}
div#pContent div#pTheText h2 {font-size:1.1em;margin-top:2em;margin-bottom:0.5em;}
div#pContent div#pTheText p {margin-bottom:1.1em;}
div#pContent div#pTheText p.ulafter {margin-bottom:0.5em;}
div#pContent div#pTheText ul {margin-top:0em;margin-bottom:1.1em;}
div#pContent div#pTheText li {margin-bottom:6px;}
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 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;}
ul {list-style:square;list-style-image:url(../Images/bullet.gif);}

.lcase {text-transform:lowercase;}
.ucase {text-transform:uppercase;}

ul.ddlink {list-style:none;list-style-type:none;list-style-image:none;margin:0 0 3em 0 !important;padding:0;}
ul.ddlink li {line-height:1.4em;margin-bottom:0.5em;}
ul.ddlink li a, ul.ddlink li a:link, ul.ddlink li a:visited {display:block;color:#ffffff;font-weight:bold;text-decoration:none;background:url(../Images/arrow-off.gif) 0 0 no-repeat;}
ul.ddlink li a:hover, ul.ddlink li a:focus {text-decoration:underline;background:url(../Images/arrow-over.gif) 0 0 no-repeat;}
ul.ddlink li span {position:relative;display:block;margin:0px;margin-left:18px;}


p.txtright {text-align:right;}


/*external link style*/
a.extlink, a.extlink:link, a.extlink:visited {color:#57A8B4;font-weight:bold;text-decoration:none;}
a.extlink:hover, a.extlink:active, a.extlink:focus {color:#ffffff;text-decoration:underline;}

.edlinkitem {color:#ffffff;}


/* ROBOT CSS */
div.robotgp {position:absolute;display:block;left:510px;top:-187px;z-index:2;width:467px;height:159px;text-decoration:none;font-size:0.9em;border:0px solid green;}
div.robotgp img {position:relative;display:block;width:1px;height:155px;margin:0;padding:0;border:0px solid orange;}
span#eduSite {position:relative;width:auto;margin:40px 0 0 0;padding:0 0 0 120px;float:left;text-align:left;border:0px solid red;}
span#eduSite img {position:relative;display:block;width:217px;height:67px;margin:0 5px;}
div.robotgp a {position:relative;display:block;color:#ffffff;font-weight:bold;text-decoration:none;background:url(../Images/robot.jpg) 0 0 no-repeat;padding-left:110px;}
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;clear:both;float:none;}

div#pCopyright {position:absolute;z-index:1;left:322px;top:0px;width:601px;height:100%;text-align:center;background-color:#443f4b;font-size:0.9em;}
div#pCopyright p {margin-top:5px;}
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 */
#mainmenu {position:relative;display:block;width:200px;margin:0;padding:0;z-index:1;left:58px;top:30px;border:0px solid red;font-size:0.9em;float:left;}
#mainmenu li {list-style-type:none;list-style-image:none;background-color:#575757;margin:0 0 9px 0;padding:0;font-size:1em;}
#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {display:block;color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:1em;letter-spacing:2px;border:11px solid #8584BB;border-width:0 0 0 11px;}
#mainmenu li a:hover, #mainmenu li a:active, #mainmenu li a:focus {font-weight:bold;border-color:#57A8B4;}
#mainmenu li a span.mspan {display:block;margin:0;padding:4px 3px 4px 7px;font-size:1em;}
#mainmenu li a span.lcase {display:block;padding:3px 0 0 0;}
#mainmenu li a span.ucase {}


a {cursor:pointer;}


/*SITE MAP*/
ul.sitemap, ul.sitemap ul {list-style:square;list-style-image:url(../Images/bullet-grn.gif);}
ul.mainsub, ul.sitemapsub {margin:0px;padding:0px;margin-left:15px;padding-top:5px;}
li.main a, li.main a:link, li.main a:visited {color:#57A8B4;text-transform:uppercase;font-weight:bold;text-decoration:none;}
li.main a:hover, li.main a:active, li.main a:focus {color:#ffffff;text-decoration:underline;}
ul.sitemapsub li a, ul.sitemapsub li a:link, ul.sitemapsub li a:visited {color:#ffffff;font-weight:normal;text-transform:none;}
