/* family40_screen.css Copyright 2007, Focus on the Family Created: 10/20/2007 Modified: 1/12/10 Version: 1.11 11/15/2007: Added #myfamilyLogin 11/15/2007: Right justified #quickJump 12/7/2007: Moved margin from #quickJump ul to #quickJump to home page text would position without list 12/17/07: Commented out background image for ul.storeLinks; can be restored when Add to Cart functionality is fixed 1/23/08: Added #contactNumber and adjusted #breadCrumbs to move bread crumbs out of header 6/17/08: Changed expanding nav to flyouts 1/9/09: Added #logoPrint 4/28/09: Changed padding in #primaryNav li a 6/9/09: Hid #myfamilyLogin 11/17/09: Turned off outline attribute for all links 11/30/09: Changes to #contactNumber 12/29/09: Added #primaryNavTwo 1/12/10: Changes to support Super Bowl */ /* html tags */ body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; } img { border: none; } img.resource { width: 70px; } h1, h2, h3, h4 { margin: 0; } a { outline:none; } #container { width:1000px; margin:-1px; auto; position:relative; z-index:50; } #leftNav { width:200px; margin:0px 0; float:left; } #editorialWell { clear: both; width: 769px; overflow: hidden; margin: 15px 0 15px 105px; } #contentTop{display:inline-block;width:1000px;*height:88px;} *html #contentTop{display:inline-block;width:1000px;position:relative;margin-bottom:-3px;} .channelTitle { width:480px; height:70px; overflow:hidden; padding:15px 0 0 15px; float:left;} .channelTitleImg{ float:left; margin-left:-3px;} .channelTitle h1 { font-weight: bold;margin:0; height:56px; width:470px; font-family:Arial; font-size:30px; color:#4390a4; padding:15px 0 0 15px; } .curvedBox { width:220px; float:left; padding-left:12px; margin:0;} .skipNav { float: left; font-size: 1px; text-indent: -9999px; } .clear { height: 1px; font-size: 1px; text-indent: -9999px; clear: both; } .left { float: left; } .right { float: right; } img.center { display: block; margin-left: auto; margin-right: auto; } .top, .bottom { clear: both; overflow: hidden; font-size: 1px; text-indent: -9999px; } #masterContent{overflow:hidden;} *html #masterContent{overflow:visible;} #logoPrint, #logoPrint a { display:none; } #topNav { float: right; text-align: right; } #topNav ul { list-style: none; padding: 0; margin:4px 0 0 0; } #topNav li { display: inline; margin-left: 10px; padding-left: 10px; border-left: 2px solid #A27E44; } #topNav li a { font-weight: bold; color: #fff; text-decoration: none; } #topNav li a:hover { text-decoration: underline; } #topNav li.first { margin:0; padding:1px 0 0 15px; border:none; background:url(/family/images/backgrounds/playicon.gif) 0 1px no-repeat; } #Ul1 li.first { margin:0; padding:0 0 0 15px; border:none; background:none; } ul#primaryNav, ul#primaryNavTwo { overflow:hidden; list-style:none; margin:0 0 0 1px; padding:0 0 10px 0; width:215px;background:url(/family/images/backgrounds/leftNav.png) repeat-y;} ul#primaryNavTwo { padding:10px 0 0 0; } #primaryNav li, #primaryNavTwo li { margin:0; padding:0; width:193px; display:inline; } #primaryNav li a, #primaryNavTwo li a { color:#4b4b4b; text-decoration:none; font-weight:normal; padding:10px 5px; width:189px; margin:5px 10px; display: block; font-size:1.1em; } #primaryNav li a.selected, #primaryNav li a:hover.selected, #primaryNavTwo li a.selected, #primaryNavTwo li a:hover.selected { background-color:#4a7684; color:#fbfbfb; font-weight:bold; } #primaryNav li a:hover, #primaryNavTwo li a:hover { background:#f2cc89; } #primaryNav li ul, #primaryNavTwo li ul { list-style:none; margin:0; padding:0; background:#fff; width:200px; position:absolute; z-index:400; display:none; } #primaryNav li:hover ul, #primaryNav li.sfhover ul, #primaryNavTwo li:hover ul, #primaryNavTwo li.sfhover ul { font-size:1em; display:block; color:#fbfbfb; left:210px; width:200px; margin:-50px 0 0 0; background:url(/family/images/backgrounds/bg_menu_brown.gif) top center no-repeat; } #primaryNav li ul li a, #primaryNavTwo li ul li a { color:#4b4b4b; width:180px; padding:10px; margin:0; background:none; border:none; } #primaryNav li ul li a:hover, #primaryNavTwo li ul li a:hover, #primaryNavTwo li ul li a:hover.selected, #primaryNavTwo li ul li a.selected, #primaryNav li ul li a:hover.selected, #primaryNav li ul li a.selected { background:#ffff; color:#4b4b4b; } #primaryNav li li a.lastLink, #primaryNavTwo li li a.lastLink { background:transparent url(/family/images/backgrounds/bg_menu_bottom.gif) bottom center no-repeat; width:180px; padding:10px; margin:0; } #primaryNav li li a:hover.lastLink, #primaryNavTwo li li a:hover.lastLink { background-image:none; background-color:#fff; width:180px; padding:10px; margin:0; } #primaryNav li li a:hover.lastLink, #primaryNavTwo li li a:hover.lastLink { text-decoration:none; padding:10px; margin:0; } #primaryNav li ul ul, #primaryNavTwo li ul ul { margin:0; width:200px; padding:0; } #primaryNav li:hover ul ul, #primaryNav li.sfhover ul ul, #primaryNavTwo li:hover ul ul, #primaryNavTwo li.sfhover ul ul { left:-9999px; } #primaryNav li li:hover ul, #primaryNav li li.sfhover ul, #container #primaryNavTwo li li:hover ul, #primaryNavTwo li li.sfhover ul { margin:-50px 0 0 0; left:200px; } #quickJump { overflow:hidden; width:506px; margin:15px 0; border:1px solid #4b4b4b; border-left:none; border-right:none; border-top:none; } #quickJump ul { list-style:none; margin:0; text-align: center; padding:0; overflow:hidden; } #quickJump li { display:inline; margin:4px 0 0 10px; padding:0 10px 0 10px; border-left: 1px solid #4b4b4b; overflow:hidden; } #quickJump li.first { border:none; margin:0; padding-right:10px; } #quickJump li a { text-transform:uppercase; text-decoration:none; line-height:20px; font-weight:bold; color:#0d3c44; } #quickJump li a:hover { color:#A27E44; } /* editorialWell styles */ #editorialWell .leftCol, #editorialWell .rightCol { width: 379px; float: left; } #editorialWell .rightcol { margin: 0 0 0 10px; } #editorialWell h1{ } #editorialWell h2, #editorialWell h3, #editorialWell h4 { color:#0d3c44; font-size:36px; font-weight:normal; } #editorialWell h2 { font-size: 28px; } #editorialWell h3 { font-size: 24px; } #editorialWell h4 { font-size: 18px; } .oneColumn, .twoColumn { width: 219px; float: left; overflow: hidden; } .twoColumn { width: 450px; } .small { width: 199px; } .marginLeft { margin-left: 12px; } .marginTop { margin-top: 12px; } .marginRight { margin-right: 12px; } .marginBottom { margin-bottom: 12px; } .resourceAuthor { font-weight: bold; margin: 2px 0 0 10px; line-height: 12px; } ul.storeLinks { list-style: none; margin: 0; padding: 5px 0 0 0; height: 14px; } .storeLinks li { display: inline; margin: 0 0 0 5px; } .storeLinks li a { color: #fff; } .storeLinks li a:hover { text-decoration: none; } .storeLinks li.first { margin: 0; } .backNext { overflow: hidden; } .backNext ul { margin: 0; padding: 7px 0 5px 5px; list-style: none; } .backNext li { display: inline; } .backNext li a { color:#0d3c44; font-weight:bold; text-decoration:none; } .backNext li a:hover { color:#A27E44; } #moreMedia { height: 31px; padding: 5px 0 0 0; overflow: hidden; } #moreMedia li.first { text-transform: uppercase; color: #aaa29e; font-weight: bold; } #moreMedia ul { list-style: none; float: right; padding: 0; margin: 0; } #moreMedia li { display: inline; margin: 0 3px; } #moreMedia a { color: #aaa29e; font-size: 15px; font-weight: bold; } #moreMedia a:hover { text-decoration: none; } #moreMedia a.selected { color: #49352c; text-decoration: none; } #article p, #articleWide p { font-size:1em; line-height:1.5; } #editorialWellArticles #footnotes {padding:0 15px} #articleWide #footnotes {padding:0} #footnoteEndTag {display:none;} #footnotes a {color:blue}