/* Share Our Strength styles Spring 2009 homepage Developed by Saforian */ /* --- Banner area --- */ #homepage #banner #logo img { margin:0 } #homepage #banner { padding:0; height:243px; width:986px; border-color:#d5c9ae } #homepage #banner h1#logo { margin:0 !important; padding:0 !important; width:178px; overflow:hidden; float:left } #cyclebox { position:relative; width:808px; height:243px; overflow:hidden; background-color:#fff } * html #cyclebox /* IE6 position fix */ { float:right } .cyclediv /* Hide by default */ { display:none; width:808px; height:243px; position:absolute; top:0; left:0; background-color:#fff } /* Set individual banner backgrounds */ #cycle01 { background:#fff url(http://www.strength.org/images/home/cyclebg01.jpg) no-repeat; display: block } #cycle02 { background:#fff url(http://www.strength.org/images/home/cyclebg02.jpg) no-repeat } .cyclediv .cycleboxinside { padding:100px 335px 0 40px; height:143px; display:block } /* Switch controls */ #cyclebox ul#banner-controls { position:absolute; bottom:6px; right:12px; display:block; margin:0; padding:6px; background:#fff; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75 } #cyclebox ul#banner-controls:hover { filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9 } #cyclebox #banner-controls li { float:left; margin:0 0 0 2px; padding:0 2px 0 0; background:url(../images/home/cycleswitchpipe.gif) 100% 50% no-repeat } #cyclebox #banner-controls li.last { background-image:none } #cyclebox #banner-controls li a { float:left; width:1.5em; margin-right:3px; padding:0; font-size:145%; line-height:1.5; color:#999; text-align:center } #cyclebox #banner-controls li.last a { margin-right:0 } #cyclebox #banner-controls a:hover { background:#f6a640; color:#fff } #cyclebox #banner-controls a.active { background:#f66600; color:#fff } /* --- Content rows --- */ #homepage #content { width:986px } table#midsection { margin:25px 0 0 15px; width:971px } table#midsection td { min-height:344px; padding:0 } /* first column/td */ table#midsection td#left-ad { width:297px; padding-bottom:135px; background:url(../images/home/mothersday-btm-bg.gif) no-repeat bottom } td#left-ad h3 { margin:0; padding:0; text-indent:-9999px; height:151px; width:297px; overflow:hidden; background:url(../images/home/mothersday-top-bg.gif) } table#midsection td#left-ad div { padding:0 40px } /* second column/td */ table#midsection td#mid-column div.highlightdiv { clear:both; zoom:1; margin-bottom: .75em } table#midsection td#mid-column div.highlightdiv:after /* Clear after floats */ { content:"."; display:block; height:0; clear:both; visibility:hidden } table#midsection td#mid-column { padding:0 0 0 20px; width:285px } table#midsection td#mid-column h3 { margin:0 0 1em 10px } table#midsection td#mid-column h3 img { float:none; margin:0; display:block } table#midsection td#mid-column img { float:left; margin-right:20px; margin-bottom:.4em } table#midsection td#mid-column h4 { color:#333; margin:0; padding:0; font-size:100% } /* third column/td */ table#midsection td#tabbed-box { padding:0 15px 0 35px } td#tabbed-box #tabbed-news-community-box { position:relative; margin-top:30px; border:1px solid #d6c9ae; width:303px; min-height:200px } #tabbed-news-community-box #tabs { position:absolute; top:-30px; left:-1px; width:225px } #tabbed-news-community-box #tabs ul { margin:0; padding:0 } #tabbed-news-community-box #tabs ul li { float:left; display:block; margin:0; padding:0; background-image:none } #tabbed-news-community-box #tabs ul li a { text-indent:-9999px; display:block; height:30px; overflow:hidden; outline:0 } #news-tab a { background:url(../images/home/tab-news.gif) no-repeat; width:99px } #community-tab a { background:url(../images/home/tab-community.gif) no-repeat; width:126px } #tabbed-news-community-box #tabs ul li a:hover { background-position:0 -30px } #tabbed-news-community-box #tabs ul li a.on { background-position:0 -60px } #tabbed-news-community-box .inside { padding-top:10px } #tabbed-news-community-box .inside p { font-size:90%; margin:0 15px 0 15px; padding:10px 0 10px 0; border-top:1px solid #ebe9e6 } #tabbed-news-community-box .inside p.first, #tabbed-news-community-box .inside p.morebtn { border-top-style:none } #tabbed-news-community-box .inside p.morebtn { margin:0 15px 5px 210px } #tabbed-news-community-box #newsbox a.learnmore { margin:0; padding:0; text-indent:-9999px; width:84px; height:19px; display:block; overflow:hidden; background:url(../images/home/btn_morenews.gif) no-repeat } #tabbed-news-community-box #newsbox a.learnmore:hover { background-position:0 -19px } #tabbed-news-community-box #communitybox a.learnmore { margin:0; padding:0; text-indent:-9999px; width:84px; height:19px; display:block; overflow:hidden; background:url(../images/home/btn_learnmore.gif) no-repeat } #tabbed-news-community-box #communitybox a.learnmore:hover { background-position:0 -19px } /* sign up form */ #newslettersignup { font-size:90%; color:#fff; background:#f66600; margin-top:5px; width:295px; padding:15px 5px } #newslettersignup h5 { color:#fff !important; font-weight:bold; margin:0 0 5px 0; padding:0 } #newslettersignup form { padding:0 } #newslettersignup .swaptextbox { width:135px; margin:5px; float:left; color:#797979 } #newslettersignup .lg { width:185px } #newslettersignup .signup-btn { padding:6px 0 0 0 } /* four brown boxes underneath */ #brownbtmboxes { margin-top:15px } .brownbox { float:left; font-size:90%; width:226px; min-height:290px; margin:0 0 0 15px; background:#faf6ea url(../images/home/bg_brownbox.gif) repeat-x bottom; border:1px solid #d6caaf } * html .brownbox { height:290px } .brownbox .block { padding-top:0 !important } .brownboxwithpic { position:relative; zoom:1; float:left; font-size:90%; width:226px; min-height:290px; margin:0 0 0 15px; background:#faf6ea url(../images/home/bg_brownbox.gif) repeat-x bottom } * html .brownboxwithpic { height:290px } .brownboxwithpic .inside { border:1px solid #d6caaf; border-top-style:none; min-height:170px; padding:20px 10px } * html .brownboxwithpic .inside { height:210px } .brownboxwithpic .inside h3 { color:#FF7227 !important } .brownboxwithpic .inside strong { color:#333 } .brownboxwithpic .bottomlinks { position:absolute; bottom:15px; right:10px } /* partners */ #allpartners h2 { color:#000; font-size:124%; margin:8px 10px 1.2em } #allpartners h2 a:link, #allpartners h2 a:visited { color:#000 } #allpartners .block { border-bottom-style:none !important; margin:0 20px 5px } #allpartners, #allpartners .block /* Reinforce bgcolor for IE6 transitions */ { background-color:#faf6ea; position:relative } #allpartners .block img { margin-bottom:10px } #allpartners .block h3 { text-align:center; color:#333 } #allpartners .block h3 a { color:#333 } #allpartners { position:relative } #rotator #rotater-back, #rotator #rotater-next { position:absolute; top:50px; text-indent:-9999px; width:11px; height:7px; outline:0 } #rotator #rotater-back { left:5px; background:url(../images/home/rotator-back.gif) no-repeat } #rotator #rotater-next { right:5px; background:url(../images/home/rotator-next.gif) no-repeat }