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

/**************************************************header**************************************************/
#header {background: url(../images/header-home-banner.jpg) no-repeat; height: 293px; position: relative;}
#header h1 {background: url(../images/header-home-logo.gif) no-repeat; width: 283px; height: 293px; right: 0; position: absolute;}
#header ul#headerNav {background: url(../images/headerNav-home-bullet.gif) no-repeat 66px 8px; width: 119px; height: 19px; top: 274px; right: 82px; position: absolute;}
#header ul#headerNav li {list-style: none;}
#header ul#headerNav li a#cnlnk {background: url(../images/headerNav-home-cnlnk.gif) no-repeat; width: 62px; height: 15px; top: 0; left: 0; position: absolute; display: block;}
#header ul#headerNav li a#cnlnk:hover {background-position: 0 -15px;}
#header ul#headerNav li a#lglnk {background: url(../images/headerNav-home-lglnk.gif) no-repeat; width: 45px; height: 13px; top: 6px; right: 0; position: absolute; display: block;}
#header ul#headerNav li a#lglnk:hover {background-position: 0 -13px;}
#header #flashcontent {width: 687px; height: 293px; top: 0; left: 0; position: absolute; z-index: 9;}
#header #flashcontent #flash {width: 687px; height: 293px;}
#header .flasherror {background: url(../images/header-home-banner.jpg) no-repeat; width: 687px; height: 293px;}
#header .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 200px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}

/**************************************************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: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: #fff; width: 398px; margin-left: 228px; position: relative; float: left;}/*see ie.css for fixes*/
#main p#mission-statement {background: url(../images/mission-statement.gif) no-repeat; width: 398px; height: 182px; margin: 0 0 15px 0; display: block;}
#main p#charism {background: url(../images/charism.gif) no-repeat; width: 361px; height: 55px; margin: 0 0 30px 25px; display: block;}
#main h3.in-the-news {background: url(../images/title-in-the-news.gif) no-repeat; width: 185px; height: 25px; margin: 0 0 10px 55px;}
#main ul.in-the-news {width: 290px; margin: 0 0 0 40px;}
#main ul.in-the-news li {background: url(../images/in-the-news-arrow.gif) no-repeat; margin: 0 0 15px 0; padding: 0 0 0 25px; font-size: 1.1em; list-style: none; clear: both;}
#main ul.in-the-news li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.in-the-news li img {margin: 0 0 0 20px; float: right; display: block;}
#main ul.in-the-news li .rightImageClear {display: none;}

/**************************************************left column*********************************************/
#sidebar {background: #fff url(../images/bg-sidebar.gif) repeat-y; width: 228px; margin-left: -626px; position: relative; float: left;}
#sidebar ul#sidebarNav {background: url(../images/bg-sidebarNav.gif) no-repeat 0 100%; width: 220px; margin: 0 0 0 8px; padding: 0 0 33px 0;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {width: 220px; height: 24px; display: block;}
#sidebar ul#sidebarNav li a:hover {background-position: -220px 0;}
#sidebar ul#sidebarNav li a:active {background-position: -440px 0;}
#sidebar ul#sidebarNav li a#lplnk {background-image: url(../images/sidebarNav-lplnk.gif);}
#sidebar ul#sidebarNav li a#helnk {background-image: url(../images/sidebarNav-helnk.gif);}
#sidebar ul#sidebarNav li a#jmlnk {background-image: url(../images/sidebarNav-jmlnk.gif);}
#sidebar ul#sidebarNav li a#crlnk {background-image: url(../images/sidebarNav-crlnk.gif);}
#sidebar ul#sidebarNav li a#mslnk {background-image: url(../images/sidebarNav-mslnk.gif);}
#sidebar ul#sidebarNav li a#rllnk {background-image: url(../images/sidebarNav-rllnk.gif);}
#sidebar ul#sidebarNav li a#wplnk {background-image: url(../images/sidebarNav-wplnk.gif);}
#sidebar ul#sidebarNav li a#aslnk {background-image: url(../images/sidebarNav-aslnk.gif);}
#sidebar ul#sidebarNav li a#nplnk {background-image: url(../images/sidebarNav-nplnk.gif);}
#sidebar ul#sidebarNav li a#gglnk {background-image: url(../images/sidebarNav-gglnk.gif);}
#sidebar form {background: url(../images/bg-search.gif) no-repeat; width: 218px; height: 61px; margin: 0 0 0 8px; position: relative;}
#sidebar form input {color: #756; width: 114px; padding: 3px 0 2px 3px; top: 20px; left: 25px; position: absolute; border: 1px solid #756;}
#sidebar form button {background: url(../images/button-search.gif) no-repeat; width: 61px; height: 37px; top: 12px; left: 143px; position: absolute;}
#sidebar h3#recent-publication {background: url(../images/sidebar-title-recent-publication.gif) no-repeat; width: 218px; height: 68px; margin: 0 0 20px 8px;}
#sidebar img.fsm-magazine-cover {padding: 0 10px 20px 35px; display: block; float: left;}
#sidebar p.fsm-magazine-cover {width: 85px; margin: 20px 0 0 0; font-size: 1.1em; display: block; float: left;}

/**************************************************right column********************************************/
#main_2 {background: #fff url(../images/bg-main_2.gif) repeat-y 100% 0; width: 344px; position: relative; float: left;}
#main_2 #announcement {background: url(../images/bg-announcement.gif) no-repeat; width: 300px; padding: 40px 5px 20px 30px;}
#main_2 #announcement h3 {margin: 0 0 15px 0; font-size: 1.3em;}
#main_2 #announcement p {margin: 0 0 15px 0; font-size: 1.1em;}
#main_2 #listen-to-sisters {background: url(../images/bg-listen-to-sisters.gif) no-repeat 0 100%; width: 335px; min-height: 500px; font-size: 1.1em;}
#main_2 #listen-to-sisters h3 {background: url(../images/main_2-title-listen-to-sisters.gif) no-repeat; width: 335px; height: 45px; margin: 0 0 15px 0;}
#main_2 #listen-to-sisters p {margin: 0 20px 20px 50px;}
#main_2 #listen-to-sisters ul {padding: 0 20px 20px 70px;}
#main_2 #listen-to-sisters ul li {color: #d81; margin: 0 0 5px 0;}
#main_2 p#button-past-messages {margin: 0 0 0 57px; float: left; display: inline;}
#main_2 p#button-past-messages a {background: url(../images/button-listen-to-past-messages.gif) no-repeat; width: 114px; height: 48px; display: block; text-indent: -9999px;}
#main_2 #logo-classic991 {margin: 5px 20px 0 0; float: right; display: inline;}

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

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-home-footer.gif) no-repeat; color: #246; margin: 0 0 20px 0; position: relative; clear: both; font-size: .9em;}
#footer ul#footerNav {width: 100%; margin: 0 0 15px 20px; padding: 85px 0 0 0;}
#footer ul#footerNav li {color: #246; list-style: none; display: inline; text-transform: uppercase;}
#footer ul#footerNav li a {color: #246;}
#footer address {margin: 0 0 10px 20px; font-style: normal;}
#footer address a {color: #246;}
#footer p {margin: 0 0 10px 20px;}
/*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;}