/* Author : Sonora DesignWorks Website : SonoraDesignWorks.com */ @import url("reset.css"); @import url("nav.css"); /* GENERAL -----------------------------------------------------------------------------*/ html {background:url(../images/home-new/pageBack.jpg)} body { font-family:Arial, Helvetica, sans-serif; color: #333; background:url(../images/home-new/header-back.jpg) top center no-repeat } .sm {font-size:10px} /* Headings -----------------------------------------------------------------------------*/ h1 {} h2 {color:#42a96a; font-size:18px; margin-bottom:25px} h3 {color:#a81204; font-size:13px; margin-bottom:25px} h4 {color:#7f7f7f; font-size:15px} h4.lg {color:#155D9A; font-size:17px; margin-top:30px} h5 {color:#185f9d; font-size:13px} /* Interior box styling, etc -----------------------------------------------------------------------------*/ .dots {padding-bottom:20px; border-bottom:1px dotted #ccc; margin-bottom:20px} .roundBox {background:#d1f3de; padding:25px; -webkit-border-radius:20px; -moz-border-radius:20px; margin-bottom:15px} .roundBox a:link, .roundBox a:visited {background:#FFF; padding:5px; font-size:13px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none} .roundBox a:hover, .roundBox a:active {background:#FFC; padding:5px; font-size:13px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none} /* LINKS -----------------------------------------------------------------------------*/ a:link, a:visited, a:hover, a:active {text-decoration:none} a:link {color:#155c9a; text-decoration:underline} a:visited {color:#155c9a; text-decoration:underline} a:hover {color:#a81204; text-decoration:underline} a:active {color:#a81204; text-decoration:underline} /* CONTAINER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #container { width: 960px; background: #FFF; margin: 0 auto; text-align: left; } /* HEADER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #header { background:url(../images/headBackInt2.jpg) top no-repeat; width:960px; height:147px } #headerHome { background:url(../images/headBack.jpg) top no-repeat; width:960px; height:160px } #header h1, #headerHome h1 { text-indent:-9999px } .homeLink {position:relative; left:25px} #pics img {margin:3px;} #navUL {float:right; margin-right:25px} #navUL li {float:left} #navUL a {text-indent:-9999px; display:block; height:94px; float:left} #navUL .preg a:link, #navUL .preg a:visited {width:74px; display:block; height:94px; background:url(../images/nav/sprite.jpg) no-repeat} #navUL .preg a:hover, #navUL .preg a:active {width:74px; display:block; height:94px; background:url(../images/nav/sprite.jpg) 0 -94px no-repeat} #navUL .int a:link, #navUL .int a:visited {width:159px; display:block; height:94px; background:url(../images/nav/sprite.jpg) -65px 0 no-repeat} #navUL .int a:hover, #navUL .int a:active {width:159px; display:block; height:94px; background:url(../images/nav/sprite.jpg) -65px -94px no-repeat} #navUL .dom a:link, #navUL .dom a:visited {width:131px; display:block; height:94px; background:url(../images/nav/sprite.jpg) -224px 0 no-repeat} #navUL .dom a:hover, #navUL .dom a:active {width:131px; display:block; height:94px; background:url(../images/nav/sprite.jpg) -224px -94px no-repeat} #navUL .cont a:link, #navUL .cont a:visited {width:153px; display:block; height:94px; background:url(../images/nav/sprite.jpg) -355px 0 no-repeat} #navUL .cont a:hover , #navUL .cont:active {width:153px; display:block; height:94px; background:url(../images/nav/sprite.jpg) -355px -94px no-repeat} /* Home Specific ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #homeMainBack { width:960px; height:406px; background:url(../images/homeMainBack.jpg) no-repeat } #homeLeftCol {width:360px; height:72px; color:#fff; font-size:13px; margin-left:70px; *margin-left:60px; padding-top:35px; line-height:18px} #homeLeftCol h1{width:361px; height:28px; background:url(../images/home/home-title.gif) no-repeat; text-indent:-9999px; margin-bottom:15px} #homeLeftCol ul {margin:25px 0 0 20px; } #homeLeftCol ul li {background:url(../images/home/red-bullet.gif) left no-repeat; padding-left:15px; margin-bottom:3px; } #homeLeftCol a:link, #homeLeftCol a:visited {color:#fff5b3; text-decoration:none; font-weight:bold} #homeLeftCol a:hover, #homeLeftCol a:active {color:#fff5b3; text-decoration:underline} #homeFlash {width:531px; height:406px; float:right; background:url(../images/homePics.jpg) no-repeat} .pregBut {float:right; position:relative; top:26px; right:80px; *top:-24px;} .leftBut {position:relative; top:26px; left:60px} #homeFoot {width:960px; height:182px; background:url(../images/home/homeFootBack.jpg) no-repeat; color:#FFF} #homeFoot h3 {width:119px; height:15px; background:url(../images/home/footerNews.gif) no-repeat; text-indent:-9999px; float:left} #homeFoot h3 a:link, #homeFoot h3 a:visited{display:block; widows:119px; height:15px; background:url(../images/news.gif) no-repeat} #homeFoot h3 a:hover{display:block; widows:119px; height:15px; background:url(../images/news.gif) 0 -15px no-repeat} #homeFootL {padding-top:37px; margin-left:70px; width:500px} #homeFootL #date {float:left; margin-top:1px; margin-left:15px; font-style:italic; font-weight:bold; *margin-bottom:0px} #homeFoot ul {margin:30px 0 0 20px; clear:left; *margin-top:-5px; *float:left; *width:300px} #homeFoot li {background:url(../images/home/blue-bullet.gif) left no-repeat; padding-left:15px; margin-bottom:3px} #homeFoot li a:link, #homeFoot li a:visited {color:#78b9d5; font-style:italic; text-decoration:none} #homeFoot li a:hover, #homeFoot li a:active {color:#78b9d5; font-style:italic; text-decoration:underline} #footLinks {padding:25px 70px; width:820px; color:#2c3638; font-size:10px} #footLinks a:link, #footLinks a:visited {color:#2c3638; text-decoration:none} #footLinks a:hover, #footLinks a:active {color:#2c3638; text-decoration:underline} .tr {text-align:left; clear:left; width:450px} /*Content -----------------------------------------------------------------------------*/ /* #contTop-apply {background:url(../images/contTop.png) no-repeat; height:82px; width:960px; color:#FFF} */ #contTop {width:964px; height:192px; background:url(../images/home-new/innerContentBack.png) -1px 0 no-repeat} #contTop h1 {color:#fff; text-shadow:1px 1px 1px #333; font-size:20px; margin-left:70px; top:15px; float:left; width:460px; margin-top:12px} #contTop #date { font-style:italic; font-weight:bold; margin:0px; } #contMid {background:url(../images/home-new/contBack-new.png) repeat-y 2px 0; min-height:500px; padding-bottom:10px; } #crumbsBox {float:right; margin-right:60px; text-align:right; padding-top:20px} /* add this is to fix crumbs spacing padding-top:20px */ #crumbs {margin-top:18px} /* add this is to fix crumbs spacing margin-top:18px */ #crumbs a:link, #crumbs a:visited {color:#fff; text-decoration:none} #crumbs a:hover, #crumbs a:active {color:#fff; text-decoration:underline} /* LeftCol ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #leftCol { width:470px; margin:0 0 50px 70px; padding-top:30px; font-size:13px } #leftCol p:first-child {margin-top:0px} #leftCol ul{margin-left:20px; width:90%} #leftCol ul li {padding-left:15px; background:url(../images/bulletBlue.gif) left top no-repeat; margin-bottom:10px} #bookList {margin-left:0px !important} #bookList li {margin-bottom:20px !important} .bullets-list {margin-left:0px !important} .bullets-list ul li {background:none !important; list-style-type:disc; padding-left:0px !important; margin-top:5px} /* RightCol ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #rightCol { width:372px; background:url(../images/rightColBot.gif) bottom no-repeat #908f8f; min-height:400px; float:right; margin-right:32px; } #rightColTop {width:330px; height:77px; background:url(../images/rightColTop.jpg) no-repeat; padding:22px} #rightCol ul {margin:30px 0 0px 20px; padding-bottom:20px} #rightCol li {background:url(../images/bulletRedGrey.gif) left no-repeat; padding-left:15px; margin-bottom:7px} #rightCol li a:link, #rightCol li a:visited {color:#fff; text-decoration:none} #rightCol li a:hover, #rightCol li a:active {color:#FF9; text-decoration:none} ol {padding-left:17px; *margin-left:5px} ol li {margin-bottom:25px} ol strong {color:#185f9d} .sidebarPic {margin-left:10px; border:2px solid #ccc} /* Subnav Active -----------------------------------------------------------------------------*/ #testimonials-page #subNav .b-link, #info-page #subNav .d-link, #newsletter-page #subNav .e-link, #scrapbook-page #subNav .f-link { background:url(../images/bulletWhite.gif) left no-repeat } #testimonials-page #subNav .b-link a, #info-page #subNav .d-link a, #newsletter-page #subNav .e-link a, #scrapbook-page #subNav .f-link a {color:#FF9; cursor:default} #pregnant-page #subNav .a-link a, #bm-faq-page #subNav .c-link a, #bm-comments-page #subNav .b-link a {color:#FF9; cursor:default} #pregnant-page #subNav .a-link, #bm-faq-page #subNav .c-link, #bm-comments-page #subNav .b-link { background:url(../images/bulletWhite.gif) left no-repeat } /* Video -----------------------------------------------------------------------------*/ .vidBox {margin-left:25px; border:2px solid #ccc; width:320px; background:#ccc; } /* Tabs for application pages -----------------------------------------------------------------------------*/ #tabs {position:relative; top:45px; left:20px; width:580px; *top:21px; *left:220px;} /* FOOTER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #footer { width:960px; background:url(../images/home-new/footBack-new.png) -1px 0 no-repeat; min-height:124px; clear:both; font-size:10px; color:#2c3638; } #footer a:link, #footer a:visited {color:#2c3638; text-decoration:none} #footer a:hover, #footer a:active {color:#2c3638; text-decoration:underline} .copy {float:left; margin:30px 0 0 65px; width:600px} #social {float:right; position:relative; top:25px; *top:35px; right:70px} #social-home {float:right; position:relative; top:10px; *top:100px; left:350px; *width:350px} .fb {margin-left:2px} #social a {width:32px; height:32px; display:block; float:left; margin-left:5px} #social .news {background:url(../images/social.jpg) 0 0 no-repeat} #social .news:hover {background:url(../images/socialRoll.jpg) 0 0 no-repeat} #social .blog {background:url(../images/social.jpg) -34px 0 no-repeat} #social .blog:hover {background:url(../images/socialRoll.jpg) -34px 0 no-repeat} #social .twit {background:url(../images/social.jpg) -68px 0 no-repeat} #social .twit:hover {background:url(../images/socialRoll.jpg) -68px 0 no-repeat} #social .face {background:url(../images/social.jpg) -102px 0 no-repeat} #social .face:hover {background:url(../images/socialRoll.jpg) -102px 0 no-repeat} /* Form -----------------------------------------------------------------------------*/ input, textarea {border:#4288c4 1px solid; background:#f4f9fd} input:focus, textarea:focus{border:#4288c4 1px solid; background:#FFC} .formTable td {padding:10px 0px 10px 10px; vertical-align:top} .striped {background:#f8f9f9} .formTable h2 {margin-bottom:0px; font-size:16px} input[type="radio"] {border:0px; background:none} /* Scrapbook -----------------------------------------------------------------------------*/ #scrap {} #scrap td {vertical-align:middle; text-align:center; padding:10px 5px} #scrap img { } #scrap .bord {border:4px solid #d1f3de} /* Scrapbook -----------------------------------------------------------------------------*/ .homeBut {width:281px; height:67px; background:url(../images/home/button.png) no-repeat; float:left; margin:11px 12px 0 0} .homeBut:hover {background:url(../images/home/buttonRoll.png) no-repeat; cursor:pointer} .homeBut1 {margin-left:48px} .homeBut2 {margin-right:14px} .home-back {width:935px; height:88px; background:url(../images/home/button-back.png) no-repeat 24px 0} .homeBut a {width:281px; height:67px; display:block} .homeBut1 a {background:url(../images/home/info-but.png) center no-repeat} .homeBut2 a {background:url(../images/home/events-but.png) center no-repeat} .homeBut3 a {background:url(../images/home/human-but.png) center no-repeat} #socialBox {width:300px; margin-left:50px} .newsBut, .blogBut, .twitBut, .faceBut {width:134px; height:45px; float:left; margin:0 5px 5px 0} .newsBut a, .blogBut a, .twitBut a, .faceBut a {display:block; width:134px; height:45px} .newsBut {background:url(../images/home/newsBut.png) 0 0 no-repeat} .newsBut:hover {background:url(../images/home/newsBut.png) -134px 0 no-repeat} .blogBut {background:url(../images/home/blogBut.png) 0 0 no-repeat} .blogBut:hover {background:url(../images/home/blogBut.png) -134px 0 no-repeat} .twitBut {background:url(../images/home/twitBut.png) 0 0 no-repeat} .twitBut:hover {background:url(../images/home/twitBut.png) -134px 0 no-repeat} .faceBut {background:url(../images/home/faceBut.png) 0 0 no-repeat} .faceBut:hover {background:url(../images/home/faceBut.png) -134px 0 no-repeat} .headSub {float:right; margin-right:50px} .gal {background:url(../images/home/subNav.jpg) no-repeat -187px 0; width:154px; height:34px; float:left} .gal:hover {background:url(../images/home/subNav.jpg) no-repeat -187px -34px; width:154px; height:34px} .app {background:url(../images/home/subNav.jpg) no-repeat 0 0; width:187px; height:34px; float:left} .app:hover {background:url(../images/home/subNav.jpg) no-repeat 0 -34px; width:187px; height:34px} .credits {margin-left:55px; color:#8e8e8e; font-size:9px; padding-bottom:50px} .credits a:link, .credits a:visited {color:#8e8e8e; text-decoration:none} .credits a:hover, .credits a:active {color:#8e8e8e; text-decoration:underline} .footIcons {float:right; margin-right:60px; *margin-top:10px} .eventBut {background:url(../images/events-button.jpg) no-repeat 0 0; width:299px; height:48px; display:block; text-indent:-9999px; margin-bottom:15px} .eventBut:hover {background:url(../images/events-button.jpg) no-repeat 0 -48px; width:299px; height:48px} .fTitle {margin:40px 0 0 0} .adopt-ol li { margin-bottom: 12px;} .adopt-ol {margin-bottom:15px; margin-left:20px} .adopt-table {border:2px solid #86D4EE} .adopt-table td {padding:8px; vertical-align:top; width:50%} .adopt-table td.head {background:#86D4EE} .adopt-table td.stripe {background:#f7f7f8} /* FORMSTAK FORMS */ #fsForm1117770 {width:600px} #fsCell13284219 {padding:0 !important} #fsCell13284219 h2 {padding:0; margin:20px 0 0 0}