body {background: url(../images/bg-body.png); color: #4a4a4a;}/*see ie.css for fixes*/

/**************************************************header**************************************************/
#headerWrap {background: url(../images/bg-home-headerWrap.png) repeat-x; height: 202px;}
#header {background: url(../images/bg-home-header.png) no-repeat; width: 990px; height: 202px; margin: 0 auto; position: relative; z-index: 9999;}/*see ie.css for fixes*/
#header #flashHeader {background: url(../images/bg-home-header.png) no-repeat; width: 990px; height: 167px; margin: 0 auto; position: relative; z-index: 9999;}
#header #flashHeader #flash {width: 990px; height: 167px;}
#header .flasherror {background: url(../images/flash-video.jpg) no-repeat; width: 990px; height: `67px;}
#header .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 990px; text-align: center; margin: 0 auto; position: relative; top: 20px; display: none;}
#header ul#headerNav {background: url(../images/bg-headernav.png) no-repeat; width: 961px; height: 35px; position: absolute; top: 167px; z-index: 999;}
#header ul#headerNav li {height: 35px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -35px;}
#header ul#headerNav li a {background: transparent; height: 35px; left: 0; position: absolute; display: block; text-indent: -9999px;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#om {background-image: url(../images/headerNav-omlnk.png); width: 113px; left: 0px;}
#header ul#headerNav li#om a#omlnk {width: 113px;}
#header ul#headerNav li#ss {background-image: url(../images/headerNav-sslnk.png); width: 92px; left: 113px;}
#header ul#headerNav li#ss a#sslnk {width: 92px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.png); width: 136px; left: 205px;}
#header ul#headerNav li#ps a#pslnk {width: 136px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-nslnk.png); width: 142px; left: 341px;}
#header ul#headerNav li#ns a#nslnk {width: 142px;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-cslnk.png); width: 95px; left: 483px;}
#header ul#headerNav li#cs a#cslnk {width: 95px;}
#header ul#headerNav li#rs {background-image: url(../images/headerNav-rslnk.png); width: 112px; left: 578px;}
#header ul#headerNav li#rs a#rslnk {width: 112px;}
#header ul#headerNav li#ch {background-image: url(../images/headerNav-chlnk.png); width: 129px; left: 690px;}
#header ul#headerNav li#ch a#chlnk {width: 129px;}
#header ul#headerNav li#cl {background-image: url(../images/headerNav-cllnk.png); width: 141px; left: 819px;}
#header ul#headerNav li#cl a#cllnk {width: 141px;}
/*1st level dropdown*/
#header ul#headerNav li div {width: 217px; height: auto; margin: 35px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li div span.headerNavTop {background: url(../images/bg-headerNav-ul-top.png); width: 217px; height: 10px; display: block;}/*see ie.css for fixes*/
#header ul#headerNav li div span.headerNavBottom {background: url(../images/bg-headerNav-ul-bottom.png); width: 217px; height: 12px; display: block;}/*see ie.css for fixes*/
#header ul#headerNav li ul {background: url(../images/bg-headerNav-ul-middle.png) repeat-y; height: 100%; padding: 0 0 5px 0;}/*see ie.css for fixes*/
#header ul#headerNav li ul li {background: url(../images/headerNav-line.png) no-repeat 35px 0; height: auto; top: auto; padding: 0 0 1px 0; display: block; position: relative;}/*see ie.css for fixes*/
#header ul#headerNav li ul li.first {background: none;}
#header ul#headerNav li ul li:hover, #header ul#headerNav li ul li.iehover {background-position: 35px 0;}
#header ul#headerNav li ul li a {background: url(../images/headerNav-bullet01.png) no-repeat 5px 10px; color: #a50; height: auto; margin: 0 0 0 11px; padding: 6px 20px; left: auto; font-size: 1.1em; position: relative; text-indent: 0;}
#header ul#headerNav li ul li a:hover {background: url(../images/headerNav-bullet02.png) no-repeat 5px 10px; color: #47a; display: block; text-decoration: none;}
#header ul#headerNav li:hover div, #header ul#headerNav li.iehover div {left: 0;}
#header ul#headerNav li#om:hover div, #header ul#headerNav li#om.iehover div {left: 12px;}
#header ul#headerNav li#cl:hover div, #header ul#headerNav li#cl.iehover div {left: auto; right: 8px;}

/**************************************************content area********************************************/
#wrap {background: url(../images/bg-wrap.png) repeat-x;}/*see ie.css for fixes*/
#contentWrap {background: url(../images/bg-contentWrap.png) repeat-y; width: 960px; margin: 0 auto; font-size: 1em; position: relative;}/*see ie.css for fixes*/
#content {background: url(../images/bg-home-content.png) repeat-y 6px 0;}
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-home-main.png) no-repeat; width: 711px; min-height: 478px; margin: 0 0 0 6px; position: relative; float: left; z-index: 999;}/*see ie.css for fixes*/
#main #welcome {background: url(../images/bg-home-welcome.png); margin: 50px 0; padding: 30px 115px 10px 45px;}/*see ie.css for fixes*/
#main #welcome p {font-size: 1.1em; line-height: 1.8;}
#main #welcome p strong {color: #136;}
#main #flashcontent {background: url(../images/bg-flashcontent.png) no-repeat; width: 289px; height: 183px; top: 25px; left: 640px; position: absolute; z-index: 9;}/*see ie.css for fixes*/
#main #flashcontent #flash {width: 275px; height: 169px; margin: 7px 0 0 7px;}
#main .flasherror {width: 275px; height: 169px; margin: 7px 0 0 7px;}
#main .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 200px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}
#main #news {background: url(../images/bg-home-news.gif) no-repeat; margin: 0 40px 0 50px; padding: 0 0 0 223px; position: relative;}
#main #news:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #news img {width: 213px; height: 234px; top: 5px; left: 6px; position: absolute;}
#main #news h2 {color: #620; margin: 0 0 5px 0; padding: 25px 0 5px 20px; font-size: 1.3em; border-bottom: 2px solid #620;}
#main #news h3 {color: #148; margin: 0 0 5px 20px; font-size: 1.1em;}
#main #news p {margin: 0 0 20px 20px; font-size: 1.1em;}
#main #news p a#readmore01 {background: url(../images/read-more01.gif) no-repeat; width: 321px; height: 26px; margin: -15px 0 0 -5px; display: block; text-indent: -9999px;}
#main #news p a.readmore02 {background: url(../images/read-more02.gif) no-repeat; width: 74px; height: 26px; margin: 0 0 0 -5px; display: block; text-indent: -9999px;}
#main #news #subleft {width: 195px; float: left;}
#main #news #subright {width: 195px; float: right;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0; line-height: 1.3; font-size: 1.1em;}
#main ul {margin: 0 0 20px 20px; line-height: 1.3; font-size: 1.1em;}
#main ol {margin: 0 0 20px 30px; line-height: 1.3; font-size: 1.1em;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px; font-size: 1em;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px; font-size: 1em;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0; line-height: 1.3; font-size: 1.1em;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-home-sidebar.png) no-repeat; width: 238px; min-height: 478px; position: relative; float: left;}/*see ie.css for fixes*/
#sidebar form {width: 236px; height: 66px; margin: 232px 0 20px 0; position: relative;}
#sidebar form fieldset {background: url(../images/bg-home-search.png) no-repeat; width: 100%; height: 100%;}/*see ie.css for fixes*/
#sidebar form label {width: 25px; height: 30px; top: 20px; left: 20px; position: absolute;}
#sidebar form input#txtSearch {color: #8ad; width: 138px; height: 14px; top: 24px; left: 46px; font-size: 1em; position: absolute; border: 1px solid #fff;}
#sidebar form button {width: 25px; height: 18px; top: 24px; left: 188px; position: absolute;}
#sidebar p#secureCareer a {background: url(../images/bg-secure-career.png); width: 177px; height: 42px; margin: 0 0 15px 30px; text-indent: -9999px; display: block;}
#sidebar p#k1-instruct a {background: url(../images/bg-2011-schedule.png); width: 183px; height: 47px; margin: 0 0 9px 27px; text-indent: -9999px; display: block;}
#sidebar p#payrollLetter a {background: url(../images/bg-payroll_letter.png); width: 183px; height: 47px; margin: 0 0 9px 27px; text-indent: -9999px; display: block;}
#sidebar #advantage {background: url(../images/bg-signup.png) no-repeat; width:  181px; height: 68px; margin: 0 0 0 30px;}/*see ie.css for fixes*/
#sidebar #advantage h2 {height: 0; text-indent: -9999px;}
#sidebar #advantage p a {width: 175px; height: 60px; display: block; text-indent: -9999px;}

/**************************************************footer**************************************************/
#footerWrap {background: #89a url(../images/bg-footerWrap.png) repeat-x;}
#footer {background: url(../images/bg-home-footer.png) no-repeat; color: #fff; width: 960px; height: 100px; margin: 0 auto; position: relative; font-size: 1em; clear: both;}
#footer p#offices {padding: 35px 0 0 20px; float: left;}
#footer p#offices a {color: #fff; font-weight: bold; vertical-align:top;}
#footer p#copyright {padding: 35px 20px 0 0; float: right;}
#footer p#offices a.linkedin {display:inline-block; height:29px; width:31px; background:url(../images/icon-linkedin.png) no-repeat; margin:0 10px 0 0; text-indent:-999em; overflow:hidden;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}