body {color: #ddd; background: #000;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.png) no-repeat 40px 100%; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative; padding: 0 0 40px 0;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

ul#utilityNav {position: absolute; top: 35px; right: 260px;}
ul#utilityNav li {display: block; float: left; text-indent: -9999px;}
ul#utilityNav li:hover,#header ul#headerNav li.iehover {background-position: 0 -42px;}
ul#utilityNav li a {width: 31px; height: 42px; display: block; outline: none;}
ul#utilityNav li#el {background-image: url(../images/utilitynav-ellnk.jpg); height: 42px; width: 31px;}
ul#utilityNav li#pt {background-image: url(../images/utilitynav-ptlnk.jpg); height: 42px; width: 31px;}
ul#utilityNav li#he {background-image: url(../images/utilitynav-helnk.jpg); height: 42px; width: 31px;}
form {width: 169px; position: absolute; top: 35px; right: 60px;}
form fieldset {background: url(../images/bg-search.gif) no-repeat; width: 169px; height: 46px;}
form fieldset input {background: #c8c9c9; margin: 3px 0 0 5px; border: none;}
form fieldset button {background: url(../images/utilitynav-shlnk.jpg); width: 31px; height: 42px; position: absolute; left: -31px;}
form fieldset button:hover {background-position: 0 -42px;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.jpg) no-repeat; width: 533px; height: 402px; margin: 81px 0 0 0; position: relative; float: left;}
#main h1 {background: url(../images/bg-JCH.png) no-repeat; width: 333px; height: 36px; position: absolute; top: -50px; left: 240px; text-indent: -9999px;}
#main h2 {background: url(../images/logo-home.png) no-repeat; width: 281px; height: 275px; display: block; position: absolute; top: -40px; left: 10px; text-indent: -9999px; z-index: 999;}
#main h3 {background: url(../images/bg-motto.png) no-repeat; margin: 0 0 20px 0; width: 456px; height: 82px; position: absolute; top: 240px; right: 10px; text-indent: -9999px;}
#main #flash-content {background: url(../images/bg-flash.png) no-repeat; width: 921px; height: 315px; margin: 55px 0 0 25px; position: relative; z-index: 99;}


ul#mainNav {background: url(../images/bg-mainNav.png) no-repeat; width: 380px; height: 402px; margin: 81px 0 0 533px; position: relative;}
ul#mainNav li {margin: 0 7px 0 0; list-style: none; text-indent: -9999px; float: left;}
ul#mainNav li a {outline: none; width: 187px; height: 119px; display: block; position: absolute;}
ul#mainNav li a:hover {background-position: 0 -119px;}
ul#mainNav li#by a {background-image: url(../images/bg-mainNav-bylnk.png); top: 10px; left: 7px;}
ul#mainNav li#ce a {background-image: url(../images/bg-mainNav-celnk.png); top: 141px; left: 7px;}
ul#mainNav li#mn a {background-image: url(../images/bg-mainNav-mnlnk.png); top: 272px; left: 7px;}
ul#mainNav li#ts a {background-image: url(../images/bg-mainNav-tslnk.png); top: 10px; left: 198px;}
ul#mainNav li#te a {background-image: url(../images/bg-mainNav-telnk.png); top: 141px; left: 198px;}
ul#mainNav li#ct a {background-image: url(../images/bg-mainNav-ctlnk.png); top: 272px; left: 198px;}
h4 {display: none;}
img.cheklogo {display: none;}
.chek {display: none;}
#ptEnhance a {background: url(../images/ptenhance_button-home.png) no-repeat; width: 909px; height: 129px; margin: 20px 0 0 0; display: block; text-indent: -9999px; outline: none;}

/**************************************************footer**************************************************/
#footerWrap {margin: 0; position: relative; clear: both;}
#footerWrap #footer {background: url(../images/bg-footer.gif) no-repeat; width: 1024px; height: 360px; margin: 0 auto;}
#footerWrap #footer p {padding: 33px 0 0 350px;}
