/* Smart Beginnings CSS File - v.1 */ /* General Styles */ html { min-height: 100%; height: auto; } body { margin:0 auto; background:url('/images/site-images/container-bg.png') 50% 50% repeat-x #e8dbbf; color:#004b8f; height:100%; } #topper { width:100%; height:25px; border-bottom:1px solid #004b8f; margin:0; background:#fecb66 url('/images/site-images/topper-bg.jpg') left center repeat-x; margin-bottom:5px; } #container { width:917px; margin:0 auto; padding:0 6px; } /* Header Styles */ #header { width:917px; height:96px; padding:0 6px; font:14px/18px Arial, Helvetica, sans-serif; color:#004b8f; } #header .logo { float:left; } #header .address { float:right;background:url('/images/site-images/address-bg.png') left center no-repeat; width:281px; height:96px; margin-right:2px; } #header .address p { padding:17px 10px; margin:0;} /* FLASH HOLDER */ #flash { width:917px; margin:0 auto; padding:0 6px; position:relative; z-index:100; } #support img { border:2px solid #000; } /* content area */ #content { width:929px; background:url('/images/site-images/content-bg.png') top center repeat-y; margin:0 auto; clear:both; } #content-fb { width:929px; background:url('/images/site-images/content-bg-fb.png') top center repeat-y; margin:0 auto; clear:both; } p { font:13px/16px Arial, Helvetica, sans-serif; padding: 10px 17px 0 17px; margin:0; } h2 { font:16px/20px Arial, Helvetica, sans-serif; color:#004b8f; text-align:center; text-transform:uppercase; padding:2px 0; margin:0 auto; width:450px;} h3 { font:14px/26px Arial, Helvetica, sans-serif; color:#fff; background:url('/images/site-images/box-topper-long.png') top left no-repeat; padding:2px 0 0 17px; margin:0; text-transform:uppercase;} h4 { font:14px/26px Arial, Helvetica, sans-serif; color:#fff; background:url('/images/site-images/box-topper-short.png') top left no-repeat; padding:2px 0 0 17px; margin:0; text-transform:uppercase;} h5 { font:14px/18px Arial, Helvetica, sans-serif; color:#000; padding:10px 0 0 17px; margin:0; font-weight:bold; margin-top:-8px; } /* Home Page Styles */ /* left column of home page */ #content #left { margin:15px; float:left; width:480px; } #content #left ul.two { border-left:1px solid #fecb66; padding:0 30px; margin-left:17px; width:420px;} #content #left ul.two li { list-style-image:url('/images/site-images/star.png'); font:13px/16px Arial, Helvetica, sans-serif; margin:5px 0; } #content #left .rndBox { border-left:2px solid #000; border-right:2px solid #000; width:476px; background-color:#fff; margin-top:-7px; } #content #homeForm { width:480px; color:#000;} #content #homeForm .box { border-left:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; background:url('/images/site-images/home-form-bg.png') bottom right no-repeat #fecb66;} #content #homeForm .no-style {list-style: none; } /* right column of home page */ #content #right { margin:15px 15px 15px 0; float:left; width:404px; } /* Gold star box on home page */ #gold { margin:5px 0 10px 0; } #gold .left { float:left; width:221px; } #gold .left img { border:none; } #gold .right { float:left; width:100px; } #gold .right a:link, #gold .right a:visited { width:100px; height:47px; background:url('/images/site-images/btn-off.png') top left no-repeat; text-transform:uppercase; color:#fecb66; padding:15px 20px 0 55px; display:block; text-decoration:none; font:14px/18px Arial, Helvetica, sans-serif; margin-bottom:15px;} #gold .right a:hover { width:100px; height:47px; background:url('/images/site-images/btn-on.png') top left no-repeat; text-transform:uppercase; color:#fecb66; padding:15px 20px 0 55px; display:block; text-decoration:none; font:14px/18px Arial, Helvetica, sans-serif; margin-bottom:15px;} #gold .left .home-gold-star {border: 1px solid #000;} /* Learn more area on home page */ #homeLearn { width:396px; color:#000; font:13px/16px Arial, Helvetica, sans-serif; margin-bottom:10px; } #homeLearn .box { border-left:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; background-color:#fecb66;} #homeLearn ul { margin:0 20px; padding:0; list-style-image:url('/images/site-images/bullet.png');} #homeLearn ul li { padding:0 0 5px 0; margin:10px 0; border-bottom:1px solid #d3a956; margin-right:85px;} #homeLearn a:link, #homeLearn a:visited { text-decoration:none; color:#000; } #homeLearn a:hover { text-decoration:none; color:#e51937; } #tiny_spacer { height: 5px;} /* Readiness Checklist on home page */ #checklist_box { border:2px solid #000; background-color:#fecb66; height: 48px; width: 393px; margin: -5px 0px 10px 0px; } #checklist_box h5 {font:14px/16px Arial, Helvetica, sans-serif; color:#000; padding:10px 0 0 4px; margin:0; font-weight:bold; margin-top:-8px; } .checklist_btn {float:left; width: 354px;} .go_btn {float: left; width: 34px; } h6 {font-size: 18px; margin: 4px 0px 0px 4px; padding: 0px; font-weight: normal; } /* Blog btn on home page */ .blog_btn {margin: 0px 0px 0px 0px; } /* Did you know area on home page */ #homeKnow { width:396px; color:#000; font:13px/16px Arial, Helvetica, sans-serif; margin-top:5px; } #homeKnow h1 { font:25px/28px Arial, Helvetica, sans-serif; padding:12px 0 0 17px; margin:0; text-transform:uppercase; } #homeKnow h1 span { color:#c8a03d; font-weight:bold; font-size:40px;} #homeKnow .box { border:2px solid #000; background-color:#fecb66;} #homeKnow .box img { border:1px solid #004b8f; margin:5px 5px; } #homeKnow ul { margin:0 20px; padding:0px 7px 0px 7px; list-style-image:url('/images/site-images/bullet_apple.png');} #homeKnow ul li { padding:0 6px 14px 6px; margin:10px 0; border-bottom:1px solid #d3a956;} /* Sub Page Styles */ /* sub nav */ #subNav { width:904px; margin:0 auto; padding:0 6px; background:url('/images/site-images/subnav-bg.png') top left repeat-x; color:#fff; text-transform:none; height:33px; font:bold 13px/33px Arial, Helvetica, sans-serif; } #subNav ul { margin:0; padding:0; list-style:none; } #subNav ul li { display:inline; margin:0; padding:0; } #subNav a:link, #subNav a:visited { text-decoration:none; color:#e8dbbf; margin:0 10px; } #subNav a:hover { text-decoration:none; color:#fecb66; margin:0 10px; } /* left column on sub page */ #leftSub { margin:15px; float:left; width:480px; } #leftSub h1 { font:25px/26px Arial, Helvetica, sans-serif; color:#004b8f; padding:0 0 0 17px; margin:0; text-transform:uppercase; } #leftSub .rndBox { border-left:2px solid #000; border-right:2px solid #000; width:476px; background-color:#fff; color:#000; margin-top:-5px; } #leftSub ul.two { border-left:1px solid #fecb66; padding:0 30px; margin-left:17px; width:420px;} #leftSub ul.one li { list-style-image:url('/images/site-images/bullet.png'); font:13px/20px Arial, Helvetica, sans-serif; padding-right: 5px; } #leftSub ul.two li { list-style-image:url('/images/site-images/star.png'); font:13px/16px Arial, Helvetica, sans-serif; margin:5px 0; } #leftSub ul.childcenter li {border-bottom: 1px solid #cccccc; padding: 4px 4px 4px 0px; font-size: 12px;} #leftSub a:link, #leftSub a:visited { color:#000; text-decoration:underline; } #leftSub a:hover { color:#e51937; text-decoration:none; } #leftSub .spacer { line-height:2px; border-bottom:1px solid #dbdbdb; width:446px; margin:0 auto; } #vsqi-link {background-color: #005696; border-top: 2px solid #000000; border-bottom: 2px solid #000000; margin-top: 10px; margin-bottom: 10px;} #vsqi-link img {margin-left: 45px; border: 1px solid #000000;} /* right column of home page */ #rightSub { margin:15px 15px 15px 0; float:left; width:404px; } /* Did you know area on sub page */ #subKnow { width:396px; color:#000; font:13px/16px Arial, Helvetica, sans-serif; margin-bottom:15px; } #subKnow h1 { font:25px/25px Arial, Helvetica, sans-serif; padding:12px 0 0 17px; margin:0; text-transform:uppercase; } #subKnow h1 span { color:#c8a03d; font-weight:bold; font-size:40px;} #subKnow .box { border:2px solid #000; background-color:#fecb66;} #subKnow .box img { border:1px solid #004b8f; margin:5px 5px; } #subKnow ul { margin:0 20px; padding:0px 7px 0px 7px; list-style-image:url('/images/site-images/bullet_apple.png');} #subKnow ul li { padding:14px 0; margin:0px; border-bottom:1px solid #d3a956;} #rightSub #gold { margin:5px 0 10px 0; } #rightSub #gold .left { float:left; width:221px; } #rightSub #gold .right { float:left; width:100px; } #rightSub #gold .right a:link, #rightSub #gold .right a:visited { width:100px; height:47px; background:url('/images/site-images/btn-off.png') top left no-repeat; text-transform:uppercase; color:#fecb66; padding:15px 20px 0 55px; display:block; text-decoration:none; font:14px/18px Arial, Helvetica, sans-serif; margin-bottom:15px;} #rightSub #gold .right a:hover { width:100px; height:47px; background:url('/images/site-images/btn-on.png') top left no-repeat; text-transform:uppercase; color:#fecb66; padding:15px 20px 0 55px; display:block; text-decoration:none; font:14px/18px Arial, Helvetica, sans-serif; margin-bottom:15px;} #portrait p {float: left: width: 200px;} #portrait img {float: right: width: 100px;} #giving-levels { width:386px; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; margin-bottom:15px; background: #000;} #giving-levels ul { margin:0 20px; padding:0px 7px 0px 7px; list-style-image:url('/images/site-images/bullet_apple.png');} #giving-levels ul li { padding:0 6px 14px 6px; margin:10px 0; border-bottom:1px solid #d3a956;} /* Footer Styles */ #footer { font:14px/20px Arial, Helvetica, sans-serif; color:#fecb66; width:894px; margin:0 auto; } #footer #left, #blog #footer #left { float:left; width: 480px; margin:0; padding:0; } #footer #right, #blog #footer #right { float:left; width: 410px; padding:0; margin:0; color:#fff; text-align:right; background:none; border:0; } #footer #right .name, #blog #footer #right .name { color:#fecb66; } #footer a:link, #blog #footer a:link, #blog #footer a:visited, #footer a:visited { color:#fecb66; margin:5px 6px 5px 0; text-decoration:none; } #footer a:hover, #blog #footer a:hover { color:#000; margin:5px 6px 5px 0; text-decoration:underline; } #bottom, #blog #bottom { margin:0 auto; width:929px; margin-bottom:20px;} /* Contact form on home page */ #contact-area { width: 450px; margin-top: 10px; margin-left:15px; font:12px/14px Arial, Helvetica, sans-serif; color:#000; padding-bottom: 5px;} #contact-area input, #contact-area textarea {width: 180px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px 0px 10px 0px; border: 1px solid #000;} #contact-area select { width: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px 0px 10px 5px; border: 1px solid #000;} #contact-area textarea:focus, #contact-area input:focus {border: 1px solid #900;} #contact-area input.submit-button {width: 100px; float: left; height: 25px; margin:0 15px 5px 5px; } label {float: left; text-align: left; margin:0 15px 0 5px; width: 200px; } label#checks {float: left; text-align: left; margin:0 15px 4px 5px; width: 450px; } label#checks input {width:auto; margin:0; border:0; } label.error { width: 180px; display: block; float: left; color: red; margin:0; padding: 0; } /* Blog Pages Styles*/ #blog { width:929px; margin:0 auto; } #blog #left { margin:15px; float:left; width:650px; } #blog #left .rndBox { border-left:2px solid #000; border-right:2px solid #000; width:612px; background-color:#fff; margin-top:-7px; padding:0 17px; } #blog #left h2 { font:bold 18px/20px Arial, Helvetica, sans-serif; color:#004b8f; text-align:left; text-transform:uppercase; padding:2px 0; margin:0;} #blog #left p { color:#000; margin:0 0 10px 0; padding:0; line-height:16px; } #blog #left .spacer { line-height:25px; border-bottom:1px solid #fecb66; width:600px; margin:0 0 10px 0; } #blog #left ul.two { border-left:1px solid #fecb66; padding:0 30px; margin-left:17px; width:420px;} #blog #left ul.two li { list-style-image:url('/images/site-images/star.png'); font:13px/16px Arial, Helvetica, sans-serif; margin:5px 0; } #blog #left ul.one li { list-style-image:url('/images/site-images/bullet.png'); font:13px/20px Arial, Helvetica, sans-serif; width:420px;} #blog #left p img { margin:10px; border:1px solid #004b8f;} #blog #left #comments { padding:5px 20px; width:550px; color:#363636; border:1px solid #cdcdcd; margin-bottom:10px;} #blog #left #comments p { padding:0; margin:0; font:italic 12px/14px Arial, Helvetica, sans-serif; } #blog #left #comments p.sub { padding:3px 0 0 0; margin:0; font:11px/13px Arial, Helvetica, sans-serif; color:#666; } #blog #left p a, #blog #left a { color:#15518b} #blog #right { margin:15px 15px 15px 0; float:left; width:210px; border:2px solid #000; background-color:#fecb66; padding:10px; } #blog #right h2 { font:16px/20px Arial, Helvetica, sans-serif; color:#000; text-align:left; text-transform:uppercase; padding:2px 0; margin:0 auto; width:210px; } #blog #right p { font:13px/16px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#000; } #blog #right ul { list-style:none; } #blog #right p a:link, #blog #right p a:visited, #blog #left p a:visited { color:#000; text-decoration:underline; } #blog #right p a:hover, #blog #left p a:hover { color:#e51937; text-decoration:none; } #blog #left p.comment { font-style:italic; } /* Blog Calendar Styles */ .calendarBG { background-color: #000; } .calendarBlank { background-color: #9DB7A7; } .calendarHeader { font-weight: bold; color: #fff; text-align: center; background-color: #000; } .calendarMonthLinks { font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size:11px; font-weight:bold; letter-spacing:.1em; text-decoration:none; color: #fff; background-color: transparent; } .calendarMonthLinks a { color:#fff; text-decoration: none; background-color: transparent; } .calendarMonthLinks a:visited { color:#fff; text-decoration: none; background-color: transparent; } .calendarMonthLinks a:hover { color:#ccc; text-decoration: underline; background-color: transparent; } .calendarDayHeading { font-weight: bold; font-size: 11px; color: #fff; background-color: #004b8f; text-align: center; vertical-align: middle; } .calendarToday { font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size:12px; font-weight:bold; letter-spacing:.1em; text-decoration:none; text-align:center; vertical-align: middle; color: #000; background-color:#ccc; } .calendarCell { font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size:12px; font-weight: bold; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color:#666; background-color: #fff; } .calendarCell a { color:#000; text-decoration: underline; background-color: transparent; } .calendarCell a:visited { color:000; text-decoration: underline; background-color: transparent; } .calendarCell a:hover { color:#e51937; text-decoration: none; background-color: transparent; } /* Gallery Styles */ ul.crossfade { padding: 0; margin: 0; list-style: none; position: relative; } #fade-1 li { position: absolute; top: 0; left: 0; width: 448px; height: 425px; visibility: hidden; } #fade-1 li img { display: block; border: 1px solid #000; } #fade-1 .caption { clear: both; padding: 2em 0; text-align:center; } .photo-log { position: relative; padding:0; margin: 1em; width: 450px; height: 470px; } * html .photo-log { position: relative; padding:0; margin: 10px; width: 450px; height: 470px; } .control { position: absolute; z-index: 100; cursor: pointer; font-size: 1em; font-weight: bold; color: #000; } #fade-1-next { right:0; top: 92%; } #fade-1-previous { left:0; top: 92%; } .ajax { margin: 3em; border: 1em solid #FF8C00; padding: 1em; } /* THUMBNAIL ROLLOVER STYLES */ /*Outermost DIV for thumbnail viewer*/ #thumbBox{ position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #000000; visibility: hidden; z-index: 1000; cursor: hand; cursor: pointer; } /*Footer DIV of thumbbox that contains "close" link */ #thumbBox .footerbar{ font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: } /*DIV within thumbbox that holds the enlarged image */ #thumbBox #thumbImage{ background-color: white; } /*DIV for showing "loading" status while thumbbox is being generated*/ #thumbLoading{ position: absolute;visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; } #fb-btn1 { width: 256px; height: 73px; margin: 12px 0px 10px 68px; float: left; overflow: hidden; background: url('images/site-images/btn1-down.gif'); } #fb-btn1 .roll1 a:hover img { padding-left: 600px;} #fb-btn2 { width: 256px; height: 73px; margin: 12px 0px 10px 68px; float: left; overflow: hidden; background: url('images/site-images/btn2-down.gif'); clear: left; } #fb-btn2 .roll2 a:hover img { padding-left: 600px;} #fb-btn3 { width: 256px; height: 73px; margin: 12px 0px 30px 68px; float: left; overflow: hidden; background: url('images/site-images/btn3-down.gif'); clear: left; } #fb-btn3 .roll3 a:hover img { padding-left: 600px;} #leftSub #fb-links p a {color: #15518b;}