@import 'lib/reset.css'; @import 'lib/tools.css'; body{ background: #c5e4ff url(../images/bg/bg-slice.gif) top left repeat-x; color: #000000; font-family: Verdana, Arial, sans-serif; vertical-align:top; } a{ text-decoration: none; color: #7aafde;} a:hover{ } a.img{ padding: 0; border: none; } a.img:hover{ padding: 0; border: none; } p, ul { font-size: 13px; line-height: 21px; margin-bottom: 21px; } table {font-size: 11px; line-height: 18px; } .success{ background: #e0ffe0; color: #009900; padding: 3px; border: 1px solid #009900; } .error{ background: #ffe0e0; color: #991f00; padding: 3px; border: 1px solid #991f00; } #sitewrap{ width: auto; padding: 0 0 0 0px; } * html #sitewrap{ width: 988px; padding: 0 0 0 0px; } .wrap-main{ background: url(/images/bg/bg-wrapmain.gif) top left no-repeat; } .wrap-blog{ background: url(/images/bg/bg-wrap.gif) top left no-repeat; } .wrap-editorial{ background: url(/images/bg/bg-wrap.gif) top left no-repeat; } .wrap-browse{ background: url(/images/bg/bg-wrap.gif) top left no-repeat; } .wrap-work{ background: url(/images/bg/bg-wrap.gif) top left no-repeat; } .wrap-secondary{ background: url(/images/bg/bg-wrap.gif) top left no-repeat; } .wrap-contact{ background: url(/images/bg/bg-wrap.gif) top left no-repeat; } .wrap-latest-news{ background: url(/images/bg/bg-wrap.gif) top left no-repeat; } #masthead{ height: 184px; width: 985px;} #masthead h1{ float: left; } #masthead h1 a{ width: 180px; height: 114px; background: url(images/bg/bg-dslogo.gif) top left no-repeat; padding: 0; border: none; } #masthead ul{ float: right; position: relative; width: 490px; height: 40px; margin: -80px 0 0 0; background: #a6a159; line-height: 1; } #masthead ul{ float: right; position: relative; width: 490px; height: 40px; /margin: -83px 0 0 0; m/argin: -80px 0 0 0; background: #a6a159; line-height: 1; } #masthead li{ float: left; height: 40px; text-indent: -9999px; } #masthead li li{ position: static; text-indent: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; width: auto; height: auto; } #masthead li li a{ color: #ffffff; background: #a6a159; width: auto; height: auto; margin-top: 15px; margin-left: 16px; margin-right: 8px;} #masthead li li a:hover, #masthead li li.selected a{ color: #ffffcc; } #masthead ul ul{ position: absolute; left: 0; width: 490px; height: 40px; margin: 0; display: none; } #masthead ul ul.selected, #masthead ul ul.active{ display: block; } /* #masthead ul li:hover ul{ display: block; } */ #masthead li a{ display: block; background: url(../images/nav/nav-main2.gif) top left no-repeat; height: 40px; padding: 0; border: none; } #masthead li.main a{ background-position: 0 0; width: 68px; } #masthead li.gethelp a{ background-position: -68px 0; width: 82px; } #masthead li.readup a{ background-position: -150px 0; width: 81px; } #masthead li.listenin a{ background-position: -231px 0; width: 83px; } #masthead li.learnalot a{ background-position: -314px 0; width: 98px; } #masthead li.contact a{ background-position: -412px 0; width: 78px; } #masthead li.main a:hover, #masthead li.main a.selected, #masthead li.main a.active{ background-position: 0 -40px; } #masthead li.gethelp a:hover, #masthead li.gethelp a.selected, #masthead li.gethelp a.active{ background-position: -68px -40px; } #masthead li.readup a:hover, #masthead li.readup a.selected, #masthead li.readup a.active{ background-position: -150px -40px; } #masthead li.listenin a:hover, #masthead li.listenin a.selected, #masthead li.listenin a.active{ background-position: -231px -40px; } #masthead li.learnalot a:hover, #masthead li.learnalot a.selected, #masthead li.learnalot a.active{ background-position: -314px -40px; } #masthead li.contact a:hover, #masthead li.contact a.selected, #masthead li.contact a.active{ background-position: -412px -40px; } #masthead li.main li a{ width: auto; } #masthead li.gethelp li a{ width: auto; } #masthead li.readup li a{ width: auto; } #masthead li.listenin li a{ width: auto; } #masthead li.learnalot li a{ width: auto; } #masthead li.contact li a{ width: auto; } #content{width: 978px; margin:0 10px; background-color:#ffffff;} #flashContent{ } /*margin:0 3px 10px 3px; border-top: solid 7px #9ad0ff;}*/ #allContentHome{ margin:0 3px 10px 3px; border-top: solid 7px #9ad0ff;} #allContentTop{ margin:0 3px 28px 3px; border-top: solid 7px #9ad0ff;} .template-base #leftcol{ clear: both; float: left; width: 678px; margin: 0 3px;} .template-base #rightcol{ float: right; width: 288px; margin: 0 3px;} #leftcol .header {margin: 0px 0px -10px 7px; } #mainContent { margin: 0px 24px 20px 7px; } #mainContent h1 {margin: 0px 19px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 36px; color:#a6a159; } #mainContent p {margin: 0px 19px 20px 19px;} #mainContent p.blockquote { font-size:11px; line-height: 18px; margin: 0px 40px 20px 40px;} #mainContent h2 { margin: 15px 19px 10px 19px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 24px; color:#a6a159; font-weight:normal; } #mainContent h3 { margin: 20px 19px 10px 19px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; color:#000000; font-weight:normal; line-height:24px} #mainContent h5 { margin: 20px 19px 10px 19px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#000000; font-weight:bold; line-height:24px} #mainContent ul { margin: 5px 40px; line-height:20px; list-style:outside disc ; } #mainContent li { margin: 4px 0; } #mainContent ul.numberedlist { list-style: outside decimal; margin-left: 50px;} #mainContent li .title { display: inline; font-size:12px; font-weight:bold; } .leftfeature { width:650px; background-color:#f5f5e1; margin: 15px 0 25px 0;} .leftfeature .lfheader { width:650px; height: 18px; background-image:url(../images/content/left/feature-top.gif); } .leftfeature .lfcontent { margin: 0px 19px 0px 19px;} .leftfeature .lfcontent { /margin: 0px 19px 10px 19px; m/argin: 0px 19px 10px 19px;} .leftfeature .lfcontent img { margin: 0px 19px 0px 0px;} /*float: left; */ .leftfeature .lffooter { width:650px; height: 18px; background-image:url(../images/content/left/feature-bottom.gif); } .quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:30px; color:#4b7ba6;} .quoteattrib { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; font-style:italic; color:#4b7ba6; margin: 0 0 15px 400px;} .quoteattribclose { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:30px; font-style:italic; color:#4b7ba6; margin: 0 0 7px 250px;} .parentingbuy { height: 50px; text-indent: -9999px; } .parentingbuy a { display: block; width:170px; height:50px; background:url(../images/content/left/parenting-buy.gif) top left no-repeat; margin: 10px 0px 20px 30px; } .parentingbuy a { display: block; width:170px; height:50px; background:url(../images/content/left/parenting-buy.gif) top left no-repeat; /margin: 10px 0px 20px 30px; m/argin: 10px 0px 20px 30px; } .parentingbuy a:hover, .parentingbuy a.selected, .parentingbuy a.active { background-position: 0 -50px; } #form-consultation { margin: 0px 19px; } #form-consultation label{ display: block; line-height: 2; font-size: 11px; } #form-consultation input.text, #form-consultation textarea, #form-consultation select{ padding: 1px; font-size: 12px; color: #222; margin-bottom: 6px; font-family: Verdana, Arial, sans-serif;; } input.submit{ margin: 10px 0px; padding: 3px; } #rightcol #rightfeature { width: 288px; background-color:#7aafde;} #rightcol #rightfeature .aboutme { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-AboutMe.gif); } #rightcol #rightfeature .mymessage { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-MyMessage.gif); } #rightcol #rightfeature .expertise { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-Expertise.gif); } #rightcol #rightfeature .vision { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-Vision.gif); } #rightcol #rightfeature .wisdom { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-Wisdom.gif); } #rightcol #rightfeature .wereyouthere { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-WereYouThere.gif); } #rightcol #rightfeature .idonateto { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-IDonateTo.gif); } #rightcol #rightfeature .takeaction { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-TakeAction.gif); } #rightcol #rightfeature .incurrentissue { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-InCurrentIssue.gif); } #rightcol #rightfeature .getthefacts { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-GetTheFacts.gif); } #rightcol #rightfeature .whypromises { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-WhyPromises.gif); } #rightcol #rightfeature .whoarefriends { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-WhoAreFriends.gif); } #rightcol #rightfeature .yourpurchasehelps { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-YourPurchaseHelps.gif); } #rightcol #rightfeature .freespecialreport { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-FreeSpecialReport.gif); } #rightcol #rightfeature .actnow { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-ActNow.gif); } #rightcol #rightfeature .links { height: 46px; width:288px; background-image:url(../images/content/right/rightCol-top-Links.gif); } #rightcol #rightfeature .rfbody {margin: 0 3px; background-color:#fff} #rightcol #rightfeature .rfbody p { font-size: 11px; color: #333333; line-height: 18px; margin: 0 16px 0px 16px; padding-bottom:10px;} #rightcol #rightfeature .rfbody a { font-weight:bold;} #rightcol #rightfeature .rfmiddle { height: 20px; width:288px; background-image:url(../images/content/right/rightCol-middle.gif); } #rightcol #rightfeature .rffooter { height: 17px; width:288px; background-image:url(../images/content/right/rightCol-bottom.gif); } #rightcol #rightfeature img {float: left; margin: 8px 15px 5px 19px; } #rightcol #rightfeature .rfbody ul { margin: 0 24px; list-style:none; color:#333; font-size: 11px; color: #333333; line-height: 18px; } #rightcol #rightfeature .rfbody li { padding: 0px 0px 8px 0px; } #rightcol #rightfeature #rightcontact { color:#fff; margin:10px 22px; } #rightcol #rightfeature #rightcontact p { margin: 0px 0; } #rightcol #rightfeature #rightcontact a { color: #fff; font-weight:bold; } #footer{ clear: both; color: #4b7ba6; margin:0 10px; width: 978px; text-align:center;} #footer h1{ margin-bottom: 12px; } #footer p{ margin: 20px 0; font-size: 11px; line-height: 18px; } #footer p strong{ color: #ffff00; border-bottom: 1px solid #ffff00; } #footer p span{ text-transform: uppercase; font-weight: bold; font-size: 9px; letter-spacing: 1px; } #footer ul{ font-size: 11px; line-height: 18px; margin: 20px 18% 0 18%;} #footer li{ float: left; margin: 0px 20px 0 0;} #footer li a{ color: #4b7ba6; padding: 0; border: none; }