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: 227px; position: relative; z-index: 9999;}
#header h1 {background: url(../images/header-home-banner.gif) no-repeat; width: 924px; height: 156px; top: 28px; left: 15px; position: absolute;}
#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: 184px; 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 {padding: 0 0 7px 0; overflow: hidden;/* This hides the excess padding in non-IE browsers */ 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 .leftimg {float: left; margin: 0 0 13px 0;}
#content .rightimg {float: right; margin: 0 0 13px 0;}

/**************************************************center column*******************************************/
#main {background: #fff; color: #455; width: 631px; margin-left: 15px; position: relative; float: left; border-left: 1px solid #ccc;}/*see ie.css for fixes*/
#main #welcome {margin: 0 32px 0 20px; border: 1px solid #ccc; border-right:none; padding:0 0 20px 233px; position:relative; border-top-color:#ffffff; border-left-color:#ffffff;}
#main #welcome:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #welcome .leftimg {position:absolute; top:0px; left:0px;}
#main #welcome h2 {background: url(../../images/title-hello.gif) 3px 0px no-repeat; width: 85px; height: 14px; margin: 25px 0 10px -4px;}
#main #welcome p {margin: 0; font-size: 1.2em; line-height: 1.250;}
#main #intocommunity {width: 319px; margin: 25px 24px 0 20px; position: relative; float: left;}
#main #intocommunity div {}
#main #intocommunity div h2 {background: url(../images/title-into-community.gif) no-repeat; width: 319px; height: 55px; margin: 0 0 10px 0;}
#main #intocommunity div h3 {margin: 0 0 5px 0; color: #385; font-size: 1.1em;}
#main #intocommunity div h4 {margin: 0 0 5px 0; color: #586; font-size: 1em; font-weight: normal; font-style: italic;}
#main #intocommunity div p {margin: 0 0 20px 0; font-size: 1.2em; line-height: 1.250;}
#main #intocommunity p a.readmore {background: url(../images/button-read-more.gif) no-repeat; width: 87px; height: 19px; bottom: 0px; left: 0px; position: absolute; display: block;}
#main #spotlighton-ticker {width: 238px; margin: 25px 0 0 0; position: relative; float: left;}
#main #spotlighton-ticker h2 {background: url(../images/title-spotlighton.gif) no-repeat; width: 238px; height: 80px;}
#main #spotlighton-ticker #copyInner {background: url(../images/bg-spotlighton.gif) repeat-y; width: 238px; height: 175px; position: relative; overflow:auto; font-size: 1.2em; line-height: 1.250;}
#main #spotlighton-ticker #copyInner #contentContainer {margin: 0 20px; position: relative;}
#main #spotlighton-ticker #copyInner #contentContainer img.left {float: left; margin: 0 10px 5px 0;}
#main #spotlighton-ticker #copyInner #contentContainer img.right {float: right; margin: 0 0 5px 10px;}
#main #spotlighton-ticker #copyInner #contentContainer h3 {margin: 0 0 10px 0; font-weight: bold; font-size: 1.3em;}
#main #spotlighton-ticker #copyInner #contentContainer h4 {margin: 0 0 10px 0; font-weight: bold; font-size: 1.2em;}
#main #spotlighton-ticker #copyInner #contentContainer h5 {margin: 0 0 10px 0; font-weight: bold; font-size: 1.1em;}
#main #spotlighton-ticker #copyInner #contentContainer p {margin: 0 0 10px 0;  font-size: 1.2em; line-height: 1.250;}
#main #spotlighton-ticker #copyInner #contentContainer ul {margin: 0 0 10px 20px; font-size: 1.2em; line-height: 1.250;}
#main #spotlighton-ticker #copyInner #contentContainer ol {margin: 0 0 10px 30px; font-size: 1.2em; line-height: 1.250;}
#main #spotlighton-ticker #copyInner #contentContainer ul li {margin: 0 0 5px 0;}
#main #spotlighton-ticker #copyInner #contentContainer ol li {margin: 0 0 5px 0;}
#main #spotlighton-ticker #copyInner #contentContainer ol li ul, #main ul li ul {margin: 5px 0 0 20px; font-size: 1em;}
#main #spotlighton-ticker #copyInner #contentContainer ol li ol, #main ul li ol {margin: 5px 0 0 30px; font-size: 1em;}
#main #spotlighton-ticker #copyInner #contentContainer ol li ol li, #main ul li ol li {list-style: decimal;}
#main #spotlighton-ticker #copyInner #contentContainer dl {margin: 0 0 10px 0;  font-size: 1.2em; line-height: 1.250;}
#main #spotlighton-ticker #copyInner #contentContainer dl dt {margin: 0 0 3px 0;}
#main #spotlighton-ticker #copyInner #contentContainer dl dd {margin: 0 0 5px 0;}
#main #spotlighton-ticker #scrollbar {background: url(../images/bg-buttons.gif) no-repeat; width: 238px; height: 34px; position: relative;}
#main #spotlighton-ticker #scrollbar a#pageup {background: url(../images/spotlighton-arrow-up.gif) no-repeat; width: 16px; height: 34px; top: 0; right: 30px; position: absolute; cursor: pointer; display: none;}
#main #spotlighton-ticker #scrollbar a#pagedown {background: url(../images/spotlighton-arrow-down.gif) no-repeat; width: 16px; height: 34px; top: 0; right: 12px; position: absolute; cursor: pointer; display: none;}

/**************************************************left column*********************************************/
#sidebar {background: #fff; width: 290px; position: relative; float: left; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
#sidebar ul#sidebarUtilNav {margin: 0px 0 0 23px; position: relative;}
#sidebar ul#sidebarUtilNav li {list-style: none; display: inline;}
#sidebar ul#sidebarUtilNav li a#misblnk {background: url(../images/sidebar-more-info.png) no-repeat; width: 263px; height: 60px; display: block;}
#sidebar ul#sidebarUtilNav li div {background: url(../images/sidebar-more-info-div.png) no-repeat; padding: 14px 0 0 0;}
#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 li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {width: 239px; margin: 29px 0 0 28px; display: block;}
#sidebar ul#sidebarNav li a#bgsblnk {background: url(../images/sidebarNav-blogsblnk.gif) no-repeat; width: 241px; height: 29px; margin-top: 19px;}
#sidebar ul#sidebarNav li a#dnsblnk {background: url(../images/sidebarNav-dnsblnk.gif) no-repeat; width: 242px; height: 29px; margin-top: 19px;}
#sidebar ul#sidebarNav li a#scsblnk {background: url(../images/sidebarNav-scsblnk.gif) no-repeat; height: 27px; margin-top: 25px;}
#sidebar ul#sidebarNav li a#tlsblnk {background: url(../images/sidebarNav-tlsblnk.gif) no-repeat; height: 28px;}
#sidebar ul#sidebarNav li a#lssblnk {background: url(../images/sidebarNav-lssblnk.gif) no-repeat; height: 28px;}
#sidebar ul#sidebarNav li a#stsblnk {background: url(../images/sidebarNav-stsblnk.gif) no-repeat; height: 119px; cursor: default;}
#sidebar ul#sidebarNav li#stsb {position: relative;}
#sidebar ul#sidebarNav li ul li a {height: 20px; margin: 0; left: 28px; position: absolute;}
#sidebar ul#sidebarNav li ul li a#ensblnk {top: 81px;}
#sidebar ul#sidebarNav li ul li a#lisblnk {top: 101px;}
#sidebar ul#sidebarNav li ul li a#pssblnk {top: 121px;}

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

/**************************************************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;}