body {background: #d7dadc url(../images/bg-body.gif) repeat-x; color: #777;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: #fff no-repeat 100% 100%; background-image: url(../images/bg-header.jpg); position: relative; z-index: 9999;}
.profile #header {background-image: url(../profile/images/bg-header.jpg);}
.experience #header {background-image: url(../profile/images/bg-header-experience.jpg);}
.casestudies #header {background-image: url(../profile/images/bg-header-casestudies.jpg);}
.testimonials #header {background-image: url(../profile/images/bg-header-testimonials.jpg);}
.newsevents #header {background-image: url(../profile/images/bg-header-newsevents.jpg);}
.recruitment #header {background-image: url(../profile/images/bg-header-recruitment.jpg);}
.expertise #header {background-image: url(../expertise/images/bg-header.jpg);}
.services #header {background-image: url(../services/images/bg-header.jpg);}
.organizationaldevelopment #header {background-image: url(../services/images/bg-header-orgdev.jpg);}
.courses #header {background-image: url(../courses/images/bg-header.jpg);}
.cleanenergytechnology #header {background-image: url(../courses/images/bg-header-cleanenergy.jpg);}
.coatingsconvertings #header {background-image: url(../courses/images/bg-header-coatings.jpg);}
.qualityengineering #header {background-image: url(../courses/images/bg-header-quality.jpg);}
.contact #header {background-image: url(../contact/images/bg-header.jpg);}
.consultingservices #header {background-image: url(../services/images/bg-header-consulting.jpg);}
#header h1 a {background: url(../images/bg-logo.gif) no-repeat; width: 242px; height: 118px; margin: 42px 0 0 0; display: block; outline: none;}
#header h2 {background: url(../images/title-section.gif) no-repeat; width: 232px; height: 78px;}
.profile #header h2 {background: url(../profile/images/title-section.gif) no-repeat;}
.expertise #header h2 {background: url(../expertise/images/title-section.gif) no-repeat;}
.services #header h2 {background: url(../services/images/title-section.gif) no-repeat;}
.courses #header h2 {background: url(../courses/images/title-section.gif) no-repeat;}
.contact #header h2 {background: url(../contact/images/title-section.gif) no-repeat;}
.search #header h2 {background: url(../search/images/title-section.gif) no-repeat;}
.enewssignup #header h2 {background: url(../enewssignup/images/title-section.gif) no-repeat;}
.privacypolicy #header h2 {background: url(../privacypolicy/images/title-section.gif) no-repeat;}
.termsofuse #header h2 {background: url(../termsofuse/images/title-section.gif) no-repeat;}
#header ul#headerNav {width: 100%; height: 38px; top: -38px;  position: absolute; z-index: 999;}
#header ul#headerNav li {height: 38px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -38px;}
#header ul#headerNav li a {background: transparent; height: 38px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#pe {background-image: url(../images/headerNav-pelnk.gif); width: 63px; left: 153px;}
.profile #header ul#headerNav li#pe {background-position: 0 -38px;}
#header ul#headerNav li#pe a#pelnk {width: 63px;}
#header ul#headerNav li#ee {background-image: url(../images/headerNav-eelnk.gif); width: 79px; left: 263px;}
.expertise #header ul#headerNav li#ee {background-position: 0 -38px;}
#header ul#headerNav li#ee a#eelnk {width: 79px;}
#header ul#headerNav li#ss {background-image: url(../images/headerNav-sslnk.gif); width: 72px; left: 389px;}
.services #header ul#headerNav li#ss {background-position: 0 -38px;}
#header ul#headerNav li#ss a#sslnk {width: 72px;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-cslnk.gif); width: 72px; left: 507px;}
.courses #header ul#headerNav li#cs {background-position: 0 -38px;}
#header ul#headerNav li#cs a#cslnk {width: 72px;}
#header ul#headerNav li#ct {background-image: url(../images/headerNav-ctlnk.gif); width: 72px; left: 625px;}
.contact #header ul#headerNav li#ct {background-position: 0 -38px;}
#header ul#headerNav li#ct a#ctlnk {width: 72px;}
#header ul#headerNav li#sh {background-image: url(../images/headerNav-shlnk.gif); width: 60px; left: 743px;}
.search #header ul#headerNav li#sh {background-position: 0 -38px;}
#header ul#headerNav li#sh a#shlnk {width: 60px; cursor: default;}

/*1st level dropdown*/
#header ul#headerNav li form {background: url(../images/bg-headerNav-form.png) no-repeat; width: 212px; height: 33px; margin: 38px 0 0 0; padding: 5px 0; left: -9999px; position: absolute; z-index: 99; border-top: 1px solid #fff;}
#header ul#headerNav li form input#txtSearch {background: #fff; width: 159px; height: 13px; top: 7px; left: 8px; font-size: 1.1em; position: absolute; border: 1px solid #fff;}
#header ul#headerNav li form button {width: 23px; height: 21px; top: 7px; left: 180px; position: absolute;}
#header ul#headerNav li ul {background: url(../images/bg-headerNav-ul.png) no-repeat 0 100%; color: #fcc; width: 155px; height: auto; margin: 38px 0 0 0; padding: 5px 0; left: -9999px; position: absolute; z-index: 99; border-top: 1px solid #fff;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {background: url(../images/arrow-headerNav.png) no-repeat 6px 9px; color: #fff; height: auto; padding: 5px 10px 5px 18px; left: auto; font-size: 1em; position: relative; text-indent: 0; font-weight: bold;}
#header ul#headerNav li ul li a:hover {color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}
#header ul#headerNav li:hover form, #header ul#headerNav li.iehover form {left: -13px;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.gif) repeat-y; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: #fff; width: 678px; min-height: 500px;  margin: 0 0 50px 242px; position: relative; float: left;}/*see ie.css for fixes*/
#main ul#breadcrumbs {margin: 0; top: 3.3em; left: 60px; position: absolute;}
#main ul#breadcrumbs li {color: #7ab; font-size: .9em; list-style: none; display: inline;}
#main ul#breadcrumbs li a {color: #7ab; font-weight: normal;}
#main ul#breadcrumbs li a:hover {}
#main #contentContainer {margin: 0 100px 0 60px; line-height: 1.45; font-size: 1.1em;}
.threecol #main #contentContainer {width: 375px; margin: 0 10px 0 60px; float: left;}
#main a,#main a:link,#main a:visited,#main a:active,#main a:hover	{font-weight: bold;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h3 {background: url(../images/line-page_title.gif) no-repeat 0 100%; color: #5687a3; margin: 0 0 2em 60px; padding: 0 0 .22em 0; font-weight: bold; font-size: 1.64em;}
#main h4 {color: #256; margin: 0 0 5px 0; font-weight: normal; font-size: 1.2em;}
#main h5 {color: #59a; margin: 0 0 5px 0; font-size: 1.1em; font-weight: normal;}
#main #contentContainer h5 a {color: #256; padding: 0 10px 0 0; font-weight: normal;}
#main p {margin: 0 0 15px 0;}
#main ul {margin: 0 0 15px 20px;}
#main ol {margin: 0 0 15px 30px;}
#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 15px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main hr {margin: 0 0 15px 0; border: solid #5687a3; border-width: 1px 0 0 0;}
#main table {width: 518px; margin: 0 0 15px 0; border: 1px solid #910000;}
.threecol #main table {width: 375px;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*form elements*/
#main div#errorMessage {background: #fbb; color: #c43; margin: 0 0 15px 0; padding: 10px 20px; font-weight: bold; border: 2px solid #c43;}
#main form div:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main form label {color: #b31; margin: 0 0 10px 0; float: left; display: block;}
#main form input,#main form select {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form textarea {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1.4em; border: 1px solid #999;}
#main form h4, #main form h5 {clear: both;}
#main form .text label {width: 125px; text-align: right;}
#main form .text input,#main form .text select {margin: 0 0 10px 15px;}
#main form .text textarea {margin: 0 0 10px 15px;}
#main form div.checkbox {margin: 0 0 25px 0;}
#main form .checkbox label {width: 45%; margin: 0 15px 5px 0;}
#main form .checkbox input {margin: 0 5px 5px 0; padding: 0; float: left; display: block; border: none;}
#main form div.radio {margin: 0 0 25px 0;}
#main form .radio label {width: 45%; margin: 0 15px 5px 0;}
#main form .radio input {margin: 0 5px 5px 0; padding: 0; float: left; display: block; border: none;}
#main form br {clear: both;}
#main form input#btnNext, #main form input#btnSubscribe {margin: 0 0 25px 140px; padding: 0; border: none;}
#main form input#btnEdit, #main form input#btnSubmit, #main form input#btnSubscribe {margin: 0 15px 25px 0; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main form span.helptext {bottom: 10px; display: block; font-style: italic; margin: 0 0 0 140px; position: relative;}
/*prettyCheckboxes*/
#main form label.checkbox span.holder {background: url(../images/checkbox.gif) no-repeat; height: 30px; /* Total height of your checkbox image */}
#main form label.radio span.holder {background: url(../images/radio.gif) no-repeat; height: 30px; /* Total height of your radio buttons image */}
#main form label.prettyCheckbox span.holderWrap {display: block; float: left; position: relative; margin-right: 5px; overflow: hidden;}
#main form label.prettyCheckbox span.holder {display: block; position: absolute; top: 0; left: 0;}
#main form label.checked span.holder,#main form label.checked span.holder {top: -15px;}
#main form input.hiddenCheckbox {position: absolute; left: -10000px; /* Hide the input */}
/*end prettyCheckboxes*/
#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; 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;}
#main p.verifyDirections {color: #b31;}
/*end form elements*/
/*special layouts*/
#main #newsEvents {background: url(../images/bg-newsEvents.gif) no-repeat 0 100%; width: 212px; margin: 0 10px 0 0; padding: 0 0 30px 0; float: right;}
#main #newsEvents h3 {width: 212px; margin: 0; padding: 0; text-indent: -9999px;}
#main #newsEvents h3#title-news {background: url(../images/title-news.gif) no-repeat; height: 44px;}
#main #newsEvents h3#title-upcoming_events {background: url(../images/title-upcoming_events.gif) no-repeat; height: 55px;}
#main #newsEvents ul {background: url(../images/bg-newsEvents-ul.gif) repeat-y; margin: 0; padding: 0 20px 1px;}
#main #newsEvents ul li {list-style: none;}
#main #newsEvents ul li h4 {color: #2c5265; margin: 0 0 2px 0; font-size: 1.1em; font-weight: normal;}
#main #newsEvents ul li h4 a {color: #2c5265;}
#main #newsEvents ul li p {color: #5e91aa; font-size: 1em; font-style: italic;}
#main #newsEvents ul li p a {color: #5e91aa;}
.newsevents #main h4.title, .allevents #main hr.title {height: 17px; text-indent: -9999px;}
.newsevents #main h4#title-news {background: url(../profile/images/title-news.gif) no-repeat; width: 41px;}
.newsevents #main h4#title-upcoming_events {background: url(../profile/images/title-upcoming_events.gif) no-repeat 0 100%; width: 136px; padding: 30px 0 0 0;}
.newsevents #main #contentContainer p.readMore a, .allevents #main #contentContainer p.readMore a {color: #59a; margin: -20px 0 0 0; font-weight: normal; display: block;}
.newsevents #main #contentContainer h3, .allevents #main #contentContainer h3 {display: none;}
.newsevents #main #contentContainer abbr, .allevents #main #contentContainer abbr {font-style: italic;}
.newsevents #main ul li, .allevents #main ul li {color: #59a; list-style: square; font-style: italic;}
.newsevents #main #contentContainer ul li a, .allevents #main #contentContainer ul li a {color: #256; padding: 0 10px 0 0; font-weight: normal; font-style: normal;}
.newsevents #main ul li span, .allevents #main ul li span {color: #478; padding: 0 0 0 10px; font-style: normal;}
#yearFilter { left: 380px; top: -1px; position: absolute;}
#main p.date {color: #59a; font-style: italic;}
#main p.date span {color: #256; font-style: normal;}
#allevents #main p.date span {padding: 0 0 0 10px;}
/*end special layouts*/

/**************************************************left column*********************************************/
#sidebar {background: #98afb8 url(../images/bg-sidebar.gif) repeat-y; width: 242px; margin: 0 0 50px -920px; position: relative; float: left;}
#sidebar ul#sidebarNav {margin: 0 27px 125px 44px;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {background: url(../images/arrow-sidebarNav.gif) no-repeat 100% 12px; color: #fff; padding: 6px 10px 6px 0; font-size: 1.2em; text-align: right; display: block;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {text-decoration: underline;}
/*level 2*/
#sidebar ul#sidebarNav li ul {margin: 0 10px 0 0;}
#sidebar ul#sidebarNav li ul li {}
#sidebar ul#sidebarNav li ul li a {background: url(../images/line-sidebarNav.gif) no-repeat 100% 10px; color: #ffd; padding: 3px 10px 3px 0; font-size: 1.1em;}
#sidebar ul#sidebarNav li ul li a:hover {}
/*level 3*/
#sidebar ul#sidebarNav li ul li ul {}
#sidebar ul#sidebarNav li ul li ul li {}
#sidebar ul#sidebarNav li ul li ul li a {color: #245; font-size: 1em;}
#sidebar ul#sidebarNav li ul li ul li a:hover {}
/*level 4*/
#sidebar ul#sidebarNav li ul li ul li ul {}
#sidebar ul#sidebarNav li ul li ul li ul li {}
#sidebar ul#sidebarNav li ul li ul li ul li a {color: #333;}
#sidebar ul#sidebarNav li ul li ul li ul li a:hover {}
#sidebar p#enews-signup a {background: url(../images/banner-sidebar-enews_signup.gif) no-repeat; width: 242px; height: 75px; display: block; text-indent: -9999px; outline: none;}

/**************************************************footer**************************************************/
#footer {background: #fff url(../images/bg-content.gif) repeat-y; color: #aaa; margin: 0; padding: 0 0 30px 0; position: relative; clear: both; text-align: center; font-size: .9em;}
#footer a {color: #aaa; text-decoration: underline;}
#footer a:hover {color: #666;}