body {}
#utility {background: url(/images/bg-utility.png) no-repeat; color: #555; width: 960px; height: 26px; margin: 0 auto 7px auto; font-size: 1em;}
#utility p {padding: 5px 0 0 20px; float: left;}
#utility ul#utilityNav {padding: 5px 20px 0 0; float: right;}
#utility ul#utilityNav li {list-style: none; display: inline;}
#utility ul#utilityNav li a {color: #555; text-transform: uppercase;}
#utility ul#utilityNav li a:hover {color: #333;}
#wrap {width: 960px; margin: 0 auto; padding: 0;  font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(/images/bg-header.png) no-repeat; color: #333; height: 152px; position: relative;}
.benefits #header {background: url(/images/benefits/bg-header.png) no-repeat;}
.forms #header {background: url(/images/forms/bg-header.png) no-repeat;}
.humanresources #header {background: url(/images/humanresources/bg-header.png) no-repeat;}
.healthandwellness #header {background: url(/images/healthandwellness/bg-header.png) no-repeat;}
#header img {margin: 26px 0 0 38px;}

/**************************************************content area********************************************/
#content {background: #fff; position: relative; overflow: hidden;/* This hides the excess padding in non-IE browsers */}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#content p#gradientLineLeft {background: url(/images/gradient-line.gif) no-repeat; width: 1px; height: 180px; position: absolute; bottom: 0px; left: 10px;}
#content p#gradientLineRight {background: url(/images/gradient-line.gif) no-repeat; width: 1px; height: 180px; position: absolute; bottom: 0px; right: 10px;}

/**************************************************center column*******************************************/
#main {background: url(/images/bg-main.gif) no-repeat 100% 0; color: #666; width: 674px; min-height: 500px; margin-left: 275px; position: relative; float: left; border-left: 1px solid #e7e7e7;}/*see ie.css for fixes*/
#main #contentContainer {margin: 25px 30px 0 25px; font-size: 1.2em;}
#main #contentContainer a {font-weight: bold;}
#main img {border: 1px solid #ddd;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h2 {background: url(/images/bg-title.gif) repeat-y; margin: 0 5px 20px 0; padding: 38px 0 30px 100px; font-size: 2.8em; font-weight: normal; letter-spacing: .1em; text-transform: uppercase; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #e7e7e7;}
.benefits #main h2 {background: url(/images/benefits/bg-title.gif) repeat-y;}
.forms #main h2 {background: url(/images/forms/bg-title.gif) repeat-y;}
.humanresources #main h2 {background: url(/images/humanresources/bg-title.gif) repeat-y;}
.healthandwellness #main h2 {background: url(/images/healthandwellness/bg-title.gif) repeat-y;}
#main h3 {margin: 0 0 15px 0; font-weight: normal; font-size: 1.8em; text-transform: uppercase;}
#main h4 {margin: 0 0 5px 0; font-weight: normal; font-size: 1.4em;}
#main h4 a {padding: 0 0 0 10px; font-size: .8em;}
#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; position: relative;}
#main ul {margin: 0 0 20px 20px; line-height: 1.3;}
#main ol {margin: 0 0 20px 30px; line-height: 1.3;}
#main ul li {margin: 0 0 5px 0;}
#main ol li {margin: 0 0 5px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0; line-height: 1.3;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: 619px; margin: 0 0 20px 0; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {color: #fff; display: table-cell; padding: 5px 10px; text-align: center; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; text-align: center; vertical-align: middle;}
#main table tbody tr td.col1 {text-align: right; }
iframe {background: transparent; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0 50px 0 50px; padding: 0; text-decoration: none; vertical-align: baseline;}
/*form elements*/
#main form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;}
#main form input {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form div {background: url(/images/divider-line.gif) no-repeat 0 100%; margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;}
#main form .text label {width: 125px; text-align: right;}
#main form .text input {margin: 0 0 10px 15px;}
#main form .checkbox label {width: 275px;}
#main form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio label {width: 275px;}
#main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form br {clear: both;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/

/**************************************************left column*********************************************/
#sidebar {background: url(/images/bg-sidebar-top.gif) no-repeat; color: #333; width: 265px; margin-left: -940px; position: relative; float: left;}
#sidebar ul#sidebarNav {margin: 5px 15px;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {color: #666; padding: 5px 0; font-size: 1.35em; text-align: right; text-decoration: none; letter-spacing: .1em; text-transform: uppercase; display: block; border-bottom: 1px solid #ddd;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {}
#sidebar ul#sidebarNav li a.hasSubs {border: none;}
#sidebar ul#sidebarNav li ul {border-bottom: 1px solid #ddd; padding: 0 0 5px 0;}
#sidebar ul#sidebarNav li ul li a {color: #999; padding: 2px 0; font-size: 1.1em; text-transform: none; border: none;}
#sidebar ul#sidebarNav li ul li a:hover {}
#sidebar ul#sidebarNav li ul li ul {border: none; margin: 0 15px 0 0; padding: 0;}
#sidebar ul#sidebarNav li ul li ul li a {background: url(/images/sidebarNav-line-lvl3.gif) no-repeat 100% 8px; padding: 0 5px 0 0;}
#sidebar ul#sidebarNav li ul li ul li ul {border: none; margin: 3px 20px 3px 0; padding: 0;}
#sidebar ul#sidebarNav li ul li ul li ul li a {background: url(/images/sidebarNav-line-lvl4.gif) no-repeat 100% 8px; padding: 0 5px 0 0;}
#sidebar h3.contactInformation {background: url(/images/bg-sidebar-rounded-top.gif) no-repeat; width: 215px; margin: 15px 0 0 15px; padding: 10px; text-transform: uppercase;}
#sidebar div.contactInformation {background: url(../images/bg-sidebar-rounded-bottom.gif) no-repeat 0 100%; width: 215px; min-height: 75px; margin: -2px 0 15px 15px; padding: 5px 10px 5px 10px;}
#sidebar div.contactInformation * {margin: 0 0 10px 0;}
#sidebar div.contactInformation br {margin: 0;}
#sidebar div.contactInformation li {color: #999; list-style: none; text-transform: uppercase;}
#sidebar div.contactInformation li a {padding: 0 5px 0 10px; text-transform: none;}
#sidebar ul#quickLinks {width: 235px; margin: 0 0 0 15px;}
#sidebar ul#quickLinks li {background: url(/images/quicklinks-button.gif) no-repeat; height: 23px; list-style: none; text-transform: uppercase; position: relative;}
#sidebar ul#quickLinks li:hover, #sidebar ul#quickLinks li.iehover {background-position: 0 -25px;}
#sidebar ul#quickLinks li a {height: 18px; width: 225px; padding: 5px 0 0 10px; text-decoration: none; font-size: 1.1em; font-weight: bold; display: block;}
#sidebar ul#quickLinks li:hover ul, #sidebar ul#quickLinks li.iehover ul {left: 0;}
#sidebar ul#quickLinks li ul {background: url(/images/bg-quicklinks.png) no-repeat; width: 205px; padding: 20px 15px 10px 15px; bottom: 23px; left: -9999px; position: absolute;}
#sidebar ul#quickLinks li ul li {background: none;}
#sidebar ul#quickLinks li ul li a {width: auto; height: auto; padding: 0; text-transform: none; font-size: 1em; text-decoration: underline;} 

#main, #sidebar {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footer {color: #333; position: relative; clear: both;}
#footer p {color: #999; font-size: 1.2em; position: absolute; left: 530px; top: 25px; text-transform: uppercase;}
#footer #footerPNG {background: url(/images/bg-footer.png) no-repeat; height: 72px; clear: both;}
#footer #footerPNG p#logo {background: url(/images/footer-logo.gif) no-repeat; height: 49px; width: 103px; position: absolute; left: 670px; top: 10px;}
#footer #footerPNG p#logo a {height: 49px; width: 103px; display: block;}
#footer #footerPNG ul#footerNav {position: absolute; top: 17px; left: 820px;}
#footer #footerPNG ul#footerNav li {color: #333; font-weight: bold; list-style: none; display: block;}
#footer p#copyright {color: #fff; margin: 10px 0; padding: 0 15px 0 0; font-size: .9em; text-align: right; position: relative; top: auto; left: auto; text-transform: none;}
/*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;}