/*** CSS for Baayfs ***/ /*** DEFAULT general styles section ***/ * { margin: 0px; padding: 0px; } li { color: white; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; } a, a:link, a:visited { text-decoration: none; color: #ffffff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; } a:hover { color: #971b1e; text-decoration: none;} a:active { color: #971b1e; text-decoration: none; } a#current {color: #971b1e; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color: white; } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; text-align: left; } h2 { color: white; font-size: 15px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } h3 { color: black; font-size: 12px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } h4 { color: black; font-size: 10px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } h5 { margin-left: 5px; margin-right: 5px; color: black; font-size: 9px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; } /*** CLASSES styles section ***/ .boldtest {font-weight: bold; color: #971b1e; } .style14 {color: #971b1e; font-weight: bold; margin-left: 10px; margin-top: 8px; } .style13 {color: #971b1e; font-size: 14px; font-weight: bold} .style12 {color: black; font-size: 14px; font-weight: bold; text-align: left; margin-left: 10px; margin-top: 8px; margin-bottom: 8px;} .style11 {font-weight: bold; } .styleauc14 {color: #971b1e; text-align: left; font-weight: bold; margin-left: 10px; margin-top: 8px; margin-bottom: 8px; } .styleauc12 {color: black; text-align: left; font-size: 14px; font-weight: bold; text-align: left; margin-left: 10px; margin-top: 8px; margin-bottom: 8px;} .boldred {color: #971b1e; font-weight: bold; padding-right:7px; } img.left {float: left; display: inline; padding-left: 10px; padding-right: 10px; padding-top: 10px;} img.right {float: right; display: inline; padding-left: 10px; padding-right: 10px; } body { background-image: url(images/pinkback.gif); } /** Baayfs WRAPPER section #003399 ***/ #wrapper { background-color: #6699cc; text-align: left; width: 840px; margin-top: 5px; margin-right: auto; margin-left: auto; overflow: auto; clear: both; border: solid 1px #fff; } /*** Baayfs header and upper-right nav ***/ #headernavright { width: 816px; float: left; } #hdrgreenleft { float: left; width: 200px; height: 30px; background-color: #99cc99; } #rightnavandbuttons { width: 416px; float: right; } #navright { width: 370px; float: right; } #navright ul { padding-top: 6px; } #navright li { font-size: 13px; font-weight: bold; display: inline; text-decoration: none; padding-right: 25px;} #navright a { } #navright a:link { } #navright a:hover { } /*** Baayfs main logo section ***/ #headerlogo { width: 820px; float: left; } #headerlogotop { width: 414px; height: 54px; float: left; background-image: } #headerlogobottom { width: 749px; height: 115px; float: left; background-image: url(images/baayfsheaderb.gif); } /*** Baayfs faux col section ***/ #fauxcol { width: 820px; float: left; background-image: url(images/fauxcol.gif); } /*** Baayfs left navigation section ***/ #navleftbox { width: 190px; float: left; background-color: #6699cc; border-left: 43px solid #9c9; } #navleftbox p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color: red; } #macyscheckout { width: 170px; height: 109px; margin-left: 6px; margin-bottom: 6px; float: left; text-align: center; background-image: url(images/shopping.jpg); border: solid 1px #971b1e;} #macyscheckout p { font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 4px; padding-right: 4px; padding-top: 2px; font-size:13px; font-weight:bold; line-height:16px; color: #971b1e; } #navleft ul { list-style-type: none; margin-left: 15px; margin-right: 8px; padding-top: 6px; } #navleft li {font-size: 13px; font-weight: bold; padding-top: 15px; text-decoration: none; } #navleft a { } #navleft a:link { } #navleft a:hover { } #navleft a#current { } /*** Baayfs right box HOME MAIN CONTENT area section ***/ #rightbox { margin-top: 10px; width: 585px; float: left; border-left: 1px solid #971b1e; border-right: 1px solid #971b1e; border-top: 1px solid #971b1e;} #rightcontent { float: left; width: 585px; background-color: #99cc99; } #rightcontent img { display: inline; margin-top: 1px; } #rightcontent p { font-size: 12px; color: white; text-align: justify; margin-left: 15px; margin-right: 15px; } #rightcontent h2 { color: #971b1e; margin-top: 13px; margin-left: 6px; } #welcome {width: 585px; float: left; clear: both; background-color: #99cc99; } #welcome img { margin-left: 280px; float: left; margin-bottom: 7px; padding-bottom: 6px;} #rightcontentbuttons { float: left; width: 585px; background-color: black; border-top: 1px solid #971b1e; } #rightcontentbuttons li {text-align: center; list-style-type: none; } #rightcontentbuttons li a:link, #rightcontentbuttons li a:visited { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: white; text-decoration: none; width: 100%; display: block; } #rightcontentbuttons li a:hover, #rightcontentbuttons li a:active { color: #99cc99; } #slideshow { display: inline; width: 140px; height: 90px; float: left; background-image: url(images/homesphoto.jpg); margin-left: 1px; } #slideshow li a:link, #slideshow li a:visited { width: 140px; height: 90px; background-image: url(homesphoto.jpg); } #slideshow li a:hover, #auction li a:active { color: ##99cc99; width: 140px; height: 90px; background-image: url(auction.gif); } #auction { width: 140px; height: 90px; float: left; background-image: url(images/auction2.jpg); margin-left: 1px; } #auction li a:link, #auction li a:visited { color: white; width: 140px; height: 90px; background-image: url(auction2.jpg); } #auction li a:hover, #auction li a:active { color: #99cc99; width: 140px; height: 90px; background-image: url(auction.gif); } #vocation { width: 140px; height: 90px; float: left; background-image: url(images/vocation.gif); margin-left: 1px; } #vocation li a:link, #vocation li a:visited { color: white; width: 140px; height: 90px; background-image: url(vocation.gif); } #vocation li a:hover, #vocation li a:active { color: #99cc99; width: 140px; height: 90px; background-image: url(vocation.gif); } #donate { width: 140px; height: 90px; float: left; background-image: url(images/donate.jpg); margin-left: 1px; } #donate li a:link, #donate li a:visited { color: white; width: 140px; height: 90px; background-image: url(donate.jpg); } #donate li a:hover, #donate li a:active { color: #99cc99; width: 140px; height: 90px; background-image: url(donate.jpg); } /*** Baayfs right box CORE VALUES area section ***/ #corevalues { float: left; width: 585px; background-color: #99cc99; } #corevalues h2 { margin-left: 9px; margin-top: 14px; float: left; color: #971b1e; } #corevalues h3 { margin-left: 12px; color: #971b1e; font-size: 12px; } #corevalues p{ font-size: 14px; margin-left: 20px; margin-right: 15px; margin-top: 6px; text-align: justify; } #corevalues ul { margin-top: 12px; margin-left: 40px; margin-right: 20px; } #corevalues li {font-size: 14px; font-weight: normal; padding-top: 10px; text-decoration: none; } /*** Baayfs right box MORE ABOUT US area section ***/ #moreaboutus { float: left; width: 585px; background-color: #99cc99; } #moreaboutus h2 { margin-left: 9px; margin-top: 14px; float: left; color: #971b1e; } #moreaboutus h3 { margin-left: 18px; color: #971b1e; font-size: 12px; margin-top: 10px; } #moreaboutus p{ color: white; font-size: 14px; margin-left: 18px; margin-right: 15px; margin-top: 6px; text-align: justify; } #moreaboutus ul { margin-top: 6px; margin-left: 40px; margin-right: 12px; padding-left: 15px; } #moreaboutus li {color: white; font-size: 15px; font-weight: normal; text-decoration: none; padding-left: 15px;} #moreaboutus a {font-size: 14px; color: white; text-decoration: underline; } #moreaboutus a:hover {color: #971b1e; text-decoration: underline; } /*** Baayfs right box CONTACT US area section ***/ #contactus { float: left; width: 585px; background-color: #99cc99; } #contactus img { margin-top: 8px; margin-left: 8px; display: inline; width: 170px; height: 109px; float: left; clear: both; border: solid 1px #971b1e; } #contactus h2 { margin-left: 9px; margin-top: 14px; float: left; color: #971b1e; } #contactus h3 { margin-left: 18px; color: black; font-size: 12px; padding-top: 15px; } #contactus p{ margin: 0; padding: 0; float: left; font-size: 14px; margin-left: 18px; margin-right: 15px; margin-top: 6px; } #contactus a {font-size: 14px; color: white; text-decoration: underline; } #contactus a:hover {color: #971b1e; text-decoration: underline; } /*** Baayfs right box SERVICES area section ***/ #services { float: left; width: 585px; background-color: #99cc99; } #services h2 { margin-left: 12px; margin-top: 14px; float: left; color: #971b1e; } #services p{ font-size: 14px; margin-left: 12px; margin-right: 15px; margin-top: 6px; } #services ul { margin-left: 35px; margin-right: 20px; } #services li {font-size: 15px; font-weight: normal; padding-top: 10px; text-decoration: none; } /*** Baayfs right box DONATE area section ***/ #donatecontent {float: left; width: 585px; background-color: #99cc99; } #donatecontent p {float: left; color: white; font-size: 13px; padding-left: 12px; padding-top: 10px; padding-right: 12px; } #donatecontent img { margin-top: 8px; margin-left: 8px; display: inline; width: 140px; height: 90px; float: left; clear: both; border: solid 1px white; } #donatecontent h2 { margin-left: 12px; margin-top: 80px; float: left; color: #971b1e; margin-bottom: 10px; } #donatetable { float: left; width: 532px; margin-left: 12px; margin-top: 15px; } #donatetable p {float: left; color: white; font-size: 12px; } table { float: left; margin-top: 5px; margin-left: 12px; padding-bottom: 12px; } #table2 p{ color: #971b1e; } #table2 td { margin-left: 4px; color: #971b1e; line-height:18px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; padding: 4px; outline-color: #fec34e; outline-width: 1px; } /*** Baayfs right box BOARD OF DIRECTORS area section ***/ #board { float: left; width: 585px; background-color: #99cc99; } #board h2 { margin-left: 12px; margin-top: 14px; float: left; color: #971b1e; } #board p{ font-size: 14px; margin-left: 12px; margin-right: 15px; margin-top: 6px; } #board ul { margin-left: 35px; margin-right: 20px; margin-top: 12px; padding-bottom: 12px; } #board li {font-size: 14px; font-weight: normal; padding-top: 15px; text-decoration: none; } #board li a {color: #971b1e; } #board li a:hover {color: #971b1e; text-decoration: underline; } /*** Baayfs right box COMMUNITY RESOURCES area section ***/ #community { float: left; width: 585px; background-color: #99cc99; } #community img{ margin-top: 8px; margin-left: 8px; display: inline; width: 150px; height: 113px; float: left; clear: both; border: solid 1px black; } #community h2 { margin-left: 12px; margin-top: 90px; float: left; color: #971b1e; margin-bottom: 10px; } #community p{ font-size: 13px; margin-left: 14px; margin-right: 15px; margin-top: 10px; } #community a {font-size: 13px; color: #971b1e; text-decoration: underline; } #community a:hover {color: black; text-decoration: underline; } /*** Baayfs right box OUR SPONSORS area section ***/ #sponsors { float: left; width: 585px; background-color: #99cc99; } #sponsors img{ margin-top: 8px; margin-left: 8px; margin-right: 8px; display: inline; width: 200px; height: 154px; float: left; clear: both; border: solid 1px black; } #sponsors h2 { margin-left: 12px; margin-top: 50px; float: left; color: #971b1e; margin-bottom: 10px; } #sponsors p{ font-size: 13px; margin-left: 18px; margin-right: 15px; margin-top: 10px; } #sponsors a {font-size: 13px; color: #971b1e; text-decoration: underline; } #sponsors a:hover {color: black; text-decoration: underline; } /*** Baayfs right box OTHER WAYS TO HELP area section ***/ #otherwaystohelp { float: left; width: 585px; background-color: #99cc99; } #otherwaystohelp h2 { margin-left: 12px; margin-top: 90px; float: left; color: #971b1e; } #otherwaystohelp h3 { padding-top: 10px; margin-left: 12px; color: #971b1e; font-size: 12px; } #otherwaystohelp p{ color: white; font-size: 14px; margin-left: 12px; margin-right: 15px; margin-top: 6px; } #otherwaystohelp ul { margin-top: 6px; margin-left: 25px; margin-right: 12px; padding-left: 15px; } #otherwaystohelp li {color: white; font-size: 14px; font-weight: normal; text-decoration: none; padding-left: 15px;} /*** Baayfs right box NEWSLETTERS area section ***/ #news { float: left; width: 585px; background-color: #99cc99; } #news h2 { margin-left: 12px; margin-top: 14px; float: left; color: #971b1e; } #news ul { margin-left: 35px; margin-right: 20px; margin-top: 12px; } #news li { color: black; font-size: 12px; font-size: 15px; font-weight: normal; padding-top: 15px; text-decoration: none; } #news a {color: #971b1e; text-decoration: underline; } #news a:hover {color: white; text-decoration: underline; } #newsleft {float: left; width: 200px; } #newsright {float: right; width: 360px; margin-top: 25px; padding-bottom: 15px; } #newsright p{ color: black; font-size: 13px; margin-right: 15px; margin-top: 6px; } #newsright img { margin-top: 18px; float: left; margin-bottom: 12px; } #newsright a {color: #971b1e; text-decoration: underline; } #newsright a:hover {color: white; text-decoration: underline; } /*** Baayfs right box VOCATIONAL OPPORTUNITIES area section ***/ #vocational { float: left; width: 585px; background-color: #99cc99;; } #vocational h2 { margin-left: 12px; margin-top: 75px; float: left; color: #971b1e; clear: right; } #vocational img{ margin-top: 8px; margin-left: 8px; display: inline; width: 133px; height: 95px; float: left; clear: both; border: solid 1px white; } #vocational p { margin: 0; padding: 0; color: white; float: left; font-size: 14px; margin-left: 12px; margin-right: 15px; margin-top: 18px; } #vocational a {color: #971b1e; text-decoration: underline; } #vocational a:hover {color: white; text-decoration: underline; } /*** Baayfs FOOTER content section ***/ #footer { width: 816px; float: left; background-color: #6699cc; border-top: solid 1px white;} #footer img { margin-top: 2px; } #footer p { color: white; text-align: center; font-size: 11px; font-weight: normal; line-height:18px;} #footer a { font-size:11px; font-weight:normal; line-height:18px; color: white; text-decoration: none; } #footer a:hover { color: #971b1e; text-decoration: none; } .clear { clear: both; height: 0; margin: 0; padding: 0; }