/* home_screen.css Copyright 2006, Focus on the Family Version: 1.6 Created 9/19/06 Rev. 6/22/07 9/28/06: Added #affiliates styles 10/30/06: Removed background image from .col2 10/31/06: Added #header h3 a to adjust link coordinates 3/6/07: Added styles to support Doc's box on home page 3/11/07: added #welcomeHolder 6/21/07: Added #myfamilyHeader styles 7/3/07: Added #myFavorites styles */ /* styles for myFamily custom home pages */ /*#myfamilyHeader { background:#d5d2c7 url(/sharedassets/familyorg/images/benefits/header_myfamilyhome.gif) no-repeat; margin-left:0; width:900px; }*/ #myFavorites .content { padding:0 10px; font-size:x-small; overflow:hidden; height:315px; } #myFavorites .content h2 { margin:40px 0 10px; } #welcomeHolder { position:absolute; width:400px; top:72px; margin-left:280px; font-size:14px; font-weight:bold; color:#fff; text-align:center; } #myFavorites #mymediaPlayer { position:absolute; height:1px; overflow:visible; width:177px; font-size:1px; text-indent:-9999px; margin:0; padding:0; } #mymediaPlayer a { display:block; width:175px; height:52px; display:block; background:transparent url(/sharedassets/familyorg/images/backgrounds/mymediaplayer.png) 0 0 no-repeat; } a { color:#006782; } #container #header #searchBox #myfamilyLink, #container #myfamilyHeader #searchBox #myfamilyLink { float:left; margin:15px 0 0 75px; font-size:1px; text-indent:-9999px; } #container #header #searchBox #myfamilyLink a, #container #myfamilyHeader #searchBox #myfamilyLink a { float:left; text-align:left; width:123px; height:35px; background:url(/sharedassets/familyorg/images/backgrounds/myfamily_newbutton_home.gif) no-repeat; font-size:1px; text-indent:-9999px; } #container #header #searchBox #myfamilyLink a:hover, #container #myfamilyHeader #searchBox #myfamilyLink a:hover { background-position: 0 -35px; } #mymediaPlayer a:hover { background-position: 0 -52px; } #container { background:#006782; } #header, #myfamilyHeader { background:url(/sharedassets/familyorg/images/backgrounds/home_header_bg.gif) no-repeat; margin-left:0; width:900px; } #myfamilyHeader h3 a, #header h3 a { z-index:150; top:30px; left:17px; width:215px; height:60px; } ul#sectionNav { width:838px; padding:0; margin:0 31px; } #wrapper { width:900px; border:0; margin:0; } #content { padding:0; margin:0; } #topNav, #search { margin-right:20px; } #footer { background:url(/sharedassets/familyorg/images/backgrounds/home_footer_bg.gif) no-repeat; padding:10px 0; } .col1, .col2, .col3, #myFavorites { height:352px; float:left; overflow:hidden; } .col1 { width:217px; } .col2 { width:506px; height:352px; background:white; } .col3, #myFavorites { color:#fff; width:177px; background:url(/sharedassets/familyorg/images/home/bg_right_column_full.jpg) no-repeat; height:352px; } .col3 div, #myFavorites div { padding:28px 20px 0 20px; font-size:x-small; } .col1 div { padding:5px 20px 10px 20px; } #content ul { margin:0; } #content ul li { list-style-type:square; } #segmentArea { background:url(/sharedassets/familyorg/images/home/bg_right_column_bottom.jpg) no-repeat; height:175px; clear:both; } #segmentArea h2 { margin:0; color:#006782; } #content #wrapper #segmentArea .col1 { width:197px; background:transparent; } #segmentArea .col2 { width:247px; } #segmentArea .col3 { width:259px; color:#000; } #segmentArea .feature { background-color:#fff; border:1px solid #000; width:212px; } #segmentArea .col3 .feature { width:254px; padding:0; margin:0; } a strong, strong a { color:#49352c; text-decoration:underline; } a:hover strong; strong a:hover { text-decoration:nopne; } .col1 h2.findoutTitle { background:url(/sharedassets/familyorg/images/backgrounds/findout_title_blue.gif) 0 10px no-repeat; font-size:1px; display:block; text-indent:-9999px; width:144px; height:24px; margin: 0 0 10px 0; } .col1 { background:url(/sharedassets/familyorg/images/backgrounds/bluefade.jpg) no-repeat; } #wrapper #content .col3 .content a, #wrapper #content #myFavorites .content a { color:#f7af42; font-weight:bold; } #wrapper #content .col3 .content h2, #myFavorites h2 { font-size:1px; text-align:left; text-indent:-9999px; width:140px; height:41px; margin:15px 0 5px 0; background:url(/sharedassets/familyorg/images/home/spec_min_home.gif) no-repeat; color:#006782; } #myFavorites h2.myFavorites { font-size:1px; text-align:left; text-indent:-9999px; width:140px; height:41px; margin:15px 0 5px 0; background:url(/sharedassets/familyorg/images/home/myfavorites.gif) no-repeat; color:#006782; } #content #wrapper #segmentArea .col1, #segmentArea .col2, #segmentArea .col3 { height:155px; margin-top:20px; background-image:none; background-color:transparent; margin-left:35px; } h2 { font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:15px; font-style:italic; } .col1 h2, .col2 h2 { margin:5px 0 10px 0; } form { margin:0; } #affiliates { text-align:center; margin:0 auto; padding:0; padding:0 0 20px 0; } #affiliates ul {list-style-type:none; display:inline; padding:0; margin:0; } #affiliates li {list-style-type:none; display: inline; margin:0 0 0 5px; padding:0; } #affiliates li img { margin-bottom:-5px; } .feature { height:120px; overflow:hidden; } .feature div { padding:5px; } .feature div p, .feature div li { font-size:7pt; } /* changes on 3/6 */ #docStudy { width:167px; height:148px; overflow:hidden; border:1px solid black; overflow:hidden; background:white; margin:0 0 15px 0; padding:5px; } #docStudy p { font-size:x-small; } #docStudy ul { margin:0 0 0 15px; } #docStudy li { font-size:x-small; } #segmentArea .col2 { margin-left:33px; } #segmentArea .col1 { width:259px; margin-left:30px; overflow:hidden; height:155px; padding:0; } #segmentArea .col1 .feature { overflow:hidden; padding:0; } #segmentArea .col1 .feature ul { margin:0 0 0 15px; } #segmentArea .col1 .feature ul li { margin:0; text-indent:0; } .col1, .col2, .col3, #myFavorites { height:352px; float:left; overflow:hidden; } .col1 { width:217px; background-color:#86a7d2; } .col2 { width:506px; height:352px; background:white; } .col3, #myFavorites { width:177px; background:url(/sharedassets/familyorg/images/home/bg_right_column_full.jpg) no-repeat; height:352px; } #myFavorites div { padding:28px 20px 0 20px; font-size:x-small; } #segmentArea {height:350px; } #segmentArea h2 { margin:0; } h2 { font-family:Times New Roman, Times, serif; font-weight:bold; font-size:15px; font-style:italic; } .col1 h2, .col2 h2 { margin:5px 0 10px 0; } #segmentArea .feature ul { margin:0 0 0 15px; } #segmentArea .col1, #segmentArea .col2, #segmentArea .col3 { padding:0; float:left; width:270px; height:155px; background:none; position:relative; } #segmentArea .col1 { margin:20px 10px 0 0; left:30px;} #segmentArea .col2 { margin:20px 10px 0 20px; left:20px;} #segmentArea .col3 { margin:20px 0 0 20px; left:10px; } #segmentArea .feature { background:white; border:1px solid #006782; width:265px; height:125px; overflow:hidden;} #segmentArea .col1 .feature ul li { margin:0; text-indent:0; }