body {background: url(../images/bg-body.gif); color: #455;}
#wrap, [dummy] {background: url(../images/bg-wrap.png) repeat-y;}
#wrap {width: 960px; margin: 0 auto; padding: 0; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-header.gif) no-repeat 15px 100%; height: 191px; position: relative; z-index: 9999;}
#header h1 a {background: url(../images/header-banner.jpg) no-repeat; width: 924px; height: 120px; top: 28px; left: 15px; position: absolute;}
.institute #header h1 a {background: url(../institute/images/header-banner.jpg) no-repeat;}
.training #header h1 a {background: url(../training/images/header-banner.jpg) no-repeat;}
.services #header h1 a {background: url(../services/images/header-banner.jpg) no-repeat;}
.calendar #header h1 a {background: url(../calendar/images/header-banner.jpg) no-repeat;}
.news #header h1 a {background: url(../news/images/header-banner.jpg) no-repeat;}
.fsa #header h1 a {background: url(../fsa/images/header-banner.jpg) no-repeat;}
.specialevents #header h1 a {background: url(../specialevents/images/header-banner.jpg) no-repeat;}
#header #frmSearch {top: 5px; left: 769px; position: absolute; display: block;}
#header #frmSearch input {color: #d85; width: 162px; padding: 0 0 0 5px; top: 0px; left: 0px; font-size: 1.3em; font-weight: bold; border: 1px solid #fff; position: absolute;}
#header #frmSearch button {background: url(../images/button-magnifying-glass.gif) no-repeat; width: 18px; height: 18px; top: 2px; left: -20px; display: block; position: absolute;}
#header ul#ilfNav {width: 155px; height: 17px; top: 8px; left: 22px; position: absolute; z-index: 9999;}
#header ul#ilfNav li {height: 17px; list-style: none; display: block;}
#header ul#ilfNav li a {height: 21px; position: absolute; display: block; background: transparent;}
#header ul#ilfNav li#ilf, [dummy] {background: url(../images/header-ilflnk.png) no-repeat;}
#header ul#ilfNav li#ilf {width: 155px;}
#header ul#ilfNav li#ilf a#ilflnk {width: 155px;}
#header #headerNavWrap {width: 960px; height: 27px; top: 148px; left: 0; z-index: 999; position: absolute}
#header ul#headerNav, [dummy] {background: url(../images/bg-headerNav.png) no-repeat;}
#header ul#headerNav {width: 960px; height: 27px; z-index: 999;}
#header ul#headerNav li {height: 27px; top: 0px; list-style: none; position: absolute; display: block;}
#header ul#headerNav li a {height: 27px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ti {background: url(../images/headerNav-tilnk.gif) no-repeat; width: 137px; left: 0px;}
#header ul#headerNav li#ti:hover, #header ul#headerNav li#ti.hdrhover, .institute #header ul#headerNav li#ti {background-position: 0 -27px;}
#header ul#headerNav li#ti a#tilnk {width: 137px;}
#header ul#headerNav li#tr {background: url(../images/headerNav-trlnk.gif) no-repeat; width: 88px; left: 137px;}
#header ul#headerNav li#tr:hover, #header ul#headerNav li#tr.hdrhover, .training #header ul#headerNav li#tr {background-position: 0 -27px;}
#header ul#headerNav li#tr a#trlnk {width: 88px;}
#header ul#headerNav li#sr {background: url(../images/headerNav-srlnk.gif) no-repeat; width: 85px; left: 225px;}
#header ul#headerNav li#sr:hover, #header ul#headerNav li#sr.hdrhover, .services #header ul#headerNav li#sr {background-position: 0 -27px;}
#header ul#headerNav li#sr a#srlnk {width: 85px;}
#header ul#headerNav li#cl {background: url(../images/headerNav-cllnk.gif) no-repeat; width: 92px; left: 310px;}
#header ul#headerNav li#cl:hover, #header ul#headerNav li#cl.hdrhover, .calendar #header ul#headerNav li#cl {background-position: 0 -27px;}
#header ul#headerNav li#cl a#cllnk {width: 92px;}
#header ul#headerNav li#np {background: url(../images/headerNav-nplnk.gif) no-repeat; width: 194px; left: 402px;}
#header ul#headerNav li#np:hover, #header ul#headerNav li#np.hdrhover, .news #header ul#headerNav li#np {background-position: 0 -27px;}
#header ul#headerNav li#np a#nplnk {width: 194px;}
#header ul#headerNav li#fs {background: url(../images/headerNav-fslnk.gif) no-repeat; width: 221px; left: 596px;}
#header ul#headerNav li#fs:hover, #header ul#headerNav li#fs.hdrhover, .fsa #header ul#headerNav li#fs {background-position: 0 -27px;}
#header ul#headerNav li#fs a#fslnk {width: 221px;}
#header ul#headerNav li#se {background: url(../images/headerNav-selnk.gif) no-repeat; width: 137px; left: 817px;}
#header ul#headerNav li#se:hover, #header ul#headerNav li#se.hdrhover, .specialevents #header ul#headerNav li#se {background-position: 0 -27px;}
#header ul#headerNav li#se a#selnk {width: 137px;}

/*1st level dropdown*/
#header ul#headerNav li div {background: url(../images/bg-headerNav-div.gif) no-repeat; margin: 27px 0 0 0; padding: 11px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li#ti div {background: url(../images/bg-headerNav-div-ti.gif) no-repeat 12px 0;}
#header ul#ilfNav li div {margin: 21px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li ul, #header ul#ilfNav li ul, [dummy] {background: url(../images/bg-headerNav-ul.png) no-repeat 0 100%;}
#header ul#headerNav li#ti ul, [dummy] {background: url(../images/bg-headerNav-ul-ti.png) no-repeat 12px 100%;}
#header ul#headerNav li ul, #header ul#ilfNav li ul {color: #fcc; width: 146px; height: auto; padding: 0 13px 20px 13px;}
#header ul#headerNav li ul li, #header ul#ilfNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a, #header ul#ilfNav li ul li a {background: url(../images/headerNav-bullet01.gif) no-repeat 9px 9px; color: #555; height: auto; padding: 5px 10px 5px 20px; left: auto; font-size: 1.1em; position: relative;}
#header ul#headerNav li ul li a:hover, #header ul#ilfNav li ul li a:hover {background: #eee url(../images/headerNav-bullet01.gif) no-repeat 9px 9px; color: #555; display: block; text-decoration: none;}
#header ul#headerNav li:hover div, #header ul#headerNav li.hdrhover div, #header ul#ilfNav li:hover div, #header ul#ilfNav li.hdrhover div {left: -8px;}

#header ul#headerUtilNav {top: 7px; right: 215px; position: absolute; z-index: 99999;}
#header ul#headerUtilNav li {margin: 0 15px 0 0; list-style: none; display: inline;}
#header ul#headerUtilNav li a {color: #efd; font-size: 1.2em; font-weight: bold;}
#header ul#headerUtilNav li a:hover {color: #efd;}
#header #flashcontent {background: url(../images/header-home-left.jpg) no-repeat; width: 697px; height: 319px; top: 109px; left: 1px; position: absolute; z-index: 9;}
#header #flashcontent #flash {width: 697px; height: 319px;}
#header .flasherror {background: #fff; color: red; border: 1px dotted red; width: 200px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: block;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.gif) repeat-y; margin: 0 21px 0 15px; padding: 0 0 7px 0; position: relative;}/*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 a#continuing-education {background: url(../images/button-continuing-education.gif) no-repeat; width: 259px; height: 28px; bottom: 0px; right: 45px; position: absolute; display: block;}

/**************************************************center column*******************************************/
#main {background: #fff; color: #455; width: 615px; min-height: 400px; position: relative; float: left; border-left: 1px solid #ccc;}/*see ie.css for fixes*/
#main #contentContainer {margin: 10px 32px 0 33px; line-height: 1.8; font-size: 1.1em;}
#main ul.buttons {margin: 17px 0 0 15px; float: right;}
#main ul.buttons li {list-style: none; display: inline;}
#main ul.buttons li a {width: 209px; height: 28px; margin: 0 0 15px 0; display: block; text-indent: -9999px;}
#main ul.buttons li a#buttonAccessForum {background: url(../fsa/images/button-access-forum.gif) no-repeat;}
#main ul.buttons li a#buttonAccessReadings {background: url(../fsa/images/button-access-readings.gif) no-repeat;}
#main a {font-weight: bold;}
#main h2 {color: #d85; margin: 0 0 20px 0; font-size: 2.4em; letter-spacing: 3px; line-height: 1.3; }
#main h3 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.3em;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h4#step {text-align: right;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main img.left {float: left; margin: 0 20px 20px 0;}
#main img.right {float: right; margin: 0 0 20px 20px;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 30px;}
#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;}
#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;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
.sitemap #main ul {margin: 0 0 0 20px;}
.sitemap #main ul li {margin: 0 0 30px 0; list-style: none; font-size: 1.1em; text-transform: uppercase;}
.sitemap #main ul li ul {margin: 10px 0 0 20px; font-size: 1em;}
.sitemap #main ul li ul li {margin: 0 0 10px 0; list-style: disc; text-transform: none;}
.sitemap #main ul li ul li ul li {list-style: circle;}
.sitemap #main ul li ul li ul li ul li {list-style: square;}
#main .file {margin: 0 0 20px 0;}
#main .file img {margin: 0 10px 0 0;}
#main table {width: 539px; margin: 0 0 20px 0; border: 1px solid #9bc; 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 {background: #9bc; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; 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; border-bottom: 1px solid #9bc; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
iframe {background: transparent; width: 539px; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline;}
#main .vevent {margin: 0 0 20px 0;}
#main .vevent h3 {margin: 0 0 5px 0; font-size: 1.5em;}
#main .vevent p {margin: 0;}
/*headshots*/
#main #headshots {}
#main #headshots img {margin: 0 20px 20px 0; float: left;}
#main #headshots h4 {margin: 0; padding: 10px 0 0 0;}
#main #headshots p {margin: 0 0 10px 0;}
#main #headshots hr {margin: 0 0 20px 0; clear: left; display: block; height: 0; visibility: hidden;}
/*end of headshots*/
/*Form*/
#main #errorBox p {background: #d85; color: #fff; padding: 5px; font-weight: bold; font-size: 1.2em; text-align: center;}
#main fieldset legend {font-size: 1.5em; font-weight: bold;}
#main form h3 {width:  165px; color: #a52; margin: 0 0 5px 0; text-align: right; font-size: 1.2em;}
#main form h3.fullWidth {width: auto; text-align: left;}
#main form h4 {margin: 0 0 5px 0; font-size: 1.1em;}
#main form label {color: #7b9; width: 165px; top: 3px; padding: 0 10px 0 0; font-weight: bold; text-align: right; position: relative; display: block; float: left;}
#main form #amount {color: #d85; width: 165px; top: 3px; font-weight: bold; text-align: left; position: relative; display: block; float: left;}
#main form label.radio {width: auto; text-align: left;}
#main form label#lblAnniversaryCelebration {width: auto; margin: 2px 0 0 10px;}
#main form label.lblFullWidth {width: auto; text-align: left;}
#main form label.required {color: #587;}
#main form label.error {color: #d85;}
#main form input {color: #455; margin: 0 0 10px 0; display: block; float: left; border: 1px solid #ccc;}
#main form input[type='hidden'] {display: none;}
#main form input.radio {margin: 4px 0 0 0;}
#main form select {color: #455; margin: 0 0 10px 0; display: block; float: left; border: 1px solid #ccc;}
#main form textarea {color: #455; margin: 5px 0 0 0; border: 1px solid #ccc;}
#main form textarea#interests {width: 337px;}
#main form input#btnSubmit, #main form input#btnTrainingBack, #main form input#btnTrainingEdit, #main form input#btnTrainingSubmit, #main form input#btnSend {margin: 30px 15px 20px 170px; display: block; float: left; border: none;}
#main form input#btnEdit {margin: 30px 15px 20px 0px; display: block; float: left; border: none;}
#main form br {clear: left;}
#main form p.description {line-height: 130%;}
#main form p.inline {display: inline;}
#main p.directions {font-weight: bold;}
#main form .checkboxes {margin: 10px 0 20px 150px;}
#main form .checkboxes label {width: 350px; margin: 0 0 10px 0; display: block; float: left; text-align: left;}
#main form .checkboxes input {margin: 4px 5px 0 0; display: block; float: left;}
#main form .members {margin: 10px 0 20px 150px;}
#main form .members label {width: 350px; margin: 0 0 10px 0; display: block; float: left; text-align: left;}
#main form .members input {margin: 4px 5px 0 0; display: block; float: left; border: none; }
#main form label#amountSubtext {margin: 0 0 0 175px; display: inline; top: -7px; float: none; font-weight: normal; width: auto;}
#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*/
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;}

/**************************************************left column*********************************************/
#sidebar {background: #fff; width: 306px; position: relative; float: left; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
#sidebar ul#sidebarUtilNav {margin: 27px 0 0 26px; position: relative;}
#sidebar ul#sidebarUtilNav li {list-style: none; display: inline;}
#sidebar ul#sidebarUtilNav li:hover div, #sidebar ul#sidebarUtilNav li.hdrhover div {top: 60px; left: 0px;}
#sidebar ul#sidebarUtilNav li a#misblnk {background: url(../images/sidebar-more-info.png) no-repeat; width: 263px; height: 60px; margin: 0 0 20px 0; display: block;}
#sidebar ul#sidebarUtilNav li div {background: url(../images/sidebar-more-info-div.png) no-repeat; padding: 14px 0 0 0; left: -9999px; position: absolute;}
#sidebar ul#sidebarUtilNav li ul, [dummy] {background: url(../images/bg-moreinfoNav.png) no-repeat 0 100%;}
#sidebar ul#sidebarUtilNav li ul {width: 263px; margin: 0; padding: 0 0 15px 0;}
#sidebar ul#sidebarUtilNav li ul li a {background: url(../images/moreinfoNav-arrow.gif) no-repeat 18px 3px; color: #666; margin: 0 0 8px 0; padding: 0 0 0 28px; font-size: 1.2em; display: block;}

#sidebar ul#sidebarNav {width: 220px; margin: 0 0 0 45px;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {background: url(../images/sidebarNav-bullet01.gif) no-repeat 0 5px; color: #9bc; padding: 0 0 10px 9px; font-size: 1.2em; font-weight: bold; display: block;}
#sidebar ul#sidebarNav li a.selected {background: url(../images/sidebarNav-ul-top.gif) no-repeat; padding: 10px 0 10px 9px;}
#sidebar ul#sidebarNav li a.selected.nochild {background: url(../images/sidebarNav-bullet01.gif) no-repeat 0 5px; color: #c74; padding: 0 0 10px 9px;}
#sidebar ul#sidebarNav li ul {background: url(../images/sidebarNav-ul-bottom.gif) no-repeat 0 100%; margin: 0 0 10px 0; padding: 0 0 1px 0;}
#sidebar ul#sidebarNav li ul li a {background: url(../images/sidebarNav-line01.gif) no-repeat 0 6px; color: #c74; margin: 0 0 10px 8px; padding: 0 0 0 13px; font-size: 1.1em;}
#sidebar ul#sidebarNav li ul li a:hover, #sidebar ul#sidebarNav li ul li a.selected {background: url(../images/sidebarNav-line01.gif) no-repeat 0 6px; padding: 0 0 0 13px; text-decoration: underline;}
#sidebar ul#sidebarNav li ul li ul {background: none; margin: 0 0 10px 10px; padding: 0;}

/**************************************************footer**************************************************/
#footer, [dummy] {background: url(../images/bg-footer.png) no-repeat;}
#footer {width: 960px; margin: 0 auto 25px auto; padding: 0; font-size: 1em; clear: both;}
#footer p {color: #fff; padding: 34px 0 0 17px; font-size: 1.1em; float: left;}
#footer ul#footerNav {padding: 34px 17px 0 0; text-align: right;}
#footer ul#footerNav li {color: #fff; font-size: 1.1em; list-style: none; display: inline;}
#footer ul#footerNav li a {color: #fff; font-size: 1.1em;}
/*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;}