body {background: #fff url(../images/bg-body.png) repeat-x; color: #000;}
#wrap {width: 945px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {color: #fff; height: 415px; position: relative; z-index: 9999;}
#header h1 {height: 1%; clear: left; text-indent: -9999px;}
#header ul#utilityNav {width: auto; padding: 10px 0 0 0; margin: 0 0 0 5px; float: left;}
#header ul#utilityNav li {margin: 0 7px 0 0; position: relative; bottom: 0; text-transform: uppercase; list-style: none; float: left;}
#header ul#utilityNav li a {color: #def; width: auto; margin: 0 5px 0 0;}
#header ul#utilityNav li a:hover {color: #fff; text-decoration: none;}
#header form {background: url(../images/bg-search.gif) no-repeat; width: 188px; height: 21px; margin: 5px 0 0 0; float: right;}
#header form fieldset {height: 21px;}
#header form fieldset input {font-family: Verdana, Arial, sans-serif, Helvetica; color: #642; background: transparent; border: none; width: 150px; position: relative; top: 2px; left: 5px; font-size: 1.1em;}
#header form fieldset button {width: 20px; height: 20px; position: absolute; right: 1px; top: 1px;}
#header form fieldset button:hover {background: url(../images/search-button-ro.gif) no-repeat;}
#header ul#headerNav {width: 100%; height: 70px; margin: 0 0 0 35px; position: relative; top: 33px; z-index: 999;}
#header ul#headerNav li {background-repeat: no-repeat; height: 60px; list-style: none; display: inline; position: absolute; font-weight: bold;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -60px;}
#header ul#headerNav li a {background: transparent; height: 60px; padding: 0 0 10px 0; position: absolute; left: 0; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ai {background-image: url(../images/headerNav-ailnk.png); width: 87px; left: 0;}
#header ul#headerNav li#ai a#ailnk {width: 87px;}
#header ul#headerNav li#rt {background-image: url(../images/headerNav-rtlnk.png); width: 99px; left: 114px;}
#header ul#headerNav li#rt a#rtlnk {width: 99px;}
#header ul#headerNav li#is {background-image: url(../images/headerNav-islnk.png); width: 76px; left: 243px;}
#header ul#headerNav li#is a#islnk {width: 76px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.png); width: 69px; left: 348px;}
#header ul#headerNav li#ps a#pslnk {width: 69px;}
#header ul#headerNav li#at {background-image: url(../images/headerNav-atlnk.png); width: 145px; left: 447px;}
#header ul#headerNav li#at a#atlnk {width: 145px;}
#header ul#headerNav li#tr {background-image: url(../images/headerNav-trlnk.png); width: 126px; left: 618px;}
#header ul#headerNav li#tr a#trlnk {width: 126px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-nslnk.png); width: 94px; left: 774px;}
#header ul#headerNav li#ns a#nslnk {width: 94px;}
#header #flash-content {background: url(../images/flash-bg.png) no-repeat; width: 944px; height: 311px; margin: 30px 0 0 0;}

/*1st level dropdown*/
#header ul#headerNav li div {width: 142px; height: auto; margin: 64px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li div span.headerNavTop {background: url(../images/bg-dropdown-top.png) no-repeat; width: 145px; height: 4px; display: block;}
#header ul#headerNav li div span.headerNavBottom {background: url(../images/bg-dropdown-bottom.png) no-repeat; width: 145px; height: 8px; display: block;}
#header ul#headerNav li div ul {color: #fff; background: url(../images/bg-dropdown.png) repeat-y; width: 145px; padding: 2px 0 4px 0;}
#header ul#headerNav li div ul li {width: 124px; height: auto; margin: 0 0 0 9px; top: auto; display: block; position: relative; font-size: 1.1em; border-bottom: 1px solid #c48982;}
#header ul#headerNav li div ul li a {color: #fff; height: auto; padding: 6px 0 6px 7px; left: auto; font-size: 1em; position: relative; text-indent: 0;}
#header ul#headerNav li div ul li a:hover {color: #fff; background: url(../images/bg-dropdown-li-ro.png) repeat-y; display: block; text-decoration: none; border: none;}
#header ul#headerNav li:hover div, #header ul#headerNav li.iehover div {left: 0;}
 
/**************************************************content area********************************************/
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {color: #444; background: url(../images/bg-main-bottom.gif) no-repeat 0 100%; width: 550px; margin: 0 0 0 32px; padding: 0 0 55px 0; position: relative; float: left;}/*see ie.css for fixes*/
#main #contentContainer1 {background: url(../images/tenant01.png) no-repeat 100% 100%; margin: 0 20px 0 10px; line-height: 1.8em; font-size: 1.1em;}
#main #contentContainer2 {background: url(../images/tenant02.png) no-repeat 100% 100%; margin: 0 20px 0 10px; line-height: 1.8em; font-size: 1.1em;}
#main #contentContainer3 {background: url(../images/tenant03.png) no-repeat 100% 100%; margin: 0 20px 0 10px; line-height: 1.8em; font-size: 1.1em;}
#main #contentContainer4 {background: url(../images/tenant04.png) no-repeat 100% 100%; margin: 0 20px 0 10px; line-height: 1.8em; font-size: 1.1em;}
#main #contentContainer5 {background: url(../images/people.png) no-repeat 100% 100%; margin: 0 20px 0 10px; line-height: 1.8em; font-size: 1.1em;}
#main .container {padding: 0 0 20px 0;}
#main .container p {width: 300px;}
#main h1 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h1#homeTitle {background: url(../images/bg-what-is-slefi.gif) no-repeat; width: 284px; height: 25px; margin: 35px 0 20px 0; text-indent: -9999px;}
#main p {margin: 0 0 15px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ul li {margin: 0 0 5px 0;}
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 {color: #444; width: 300px; margin: 0 0 0 40px; position: relative; float: left; line-height: 1.5em;}
#sidebar #sidebarContent {background: url(../images/bg-sidebar.png) repeat-y; padding: 0 0 20px 0;}
#sidebar h2 {background: url(../images/bg-whats-new.gif) no-repeat; width: 100px; height: 18px; margin: 35px 0 20px 40px; text-indent: -9999px;}
#sidebar h3#documentManager a {background-image: url(../images/doc-mgr-btn.gif); width: 281px; height: 59px; margin: 40px 0 8px 27px; display: block; outline: none;}
#sidebar h3#documentManager a:hover {background-position: 0 -59px;}
#sidebar h3#taxManager a {background-image: url(../images/tax-mgr-btn.gif); width: 281px; height: 59px; margin: 5px 0 5px 27px; display: block; outline: none;}
#sidebar h3#taxManager a:hover {background-position: 0 -59px;}
#sidebar ul#whatsNewList {margin: 0 0 0 30px;}
#sidebar ul#whatsNewList li {background: url(../images/home-bullet.gif) no-repeat 0 3px; padding: 0 0 13px 15px; list-style: none; font-size: 1.1em; line-height: 1.8em; border-bottom: 1px solid #aaa;}

/**************************************************footer**************************************************/
#footer {color: #aaccee; background: #064e80; padding: 10px 0; position: relative; border-top: 4px solid #4c87bb; clear: both;}
#footer p {width: 100%; text-align: center;}
#footer p a {color: #aaccee;}
#footer p a:hover {text-decoration: underline;}
/*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;}