/*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; color: #656565; font-size: 12px; font-weight: normal; } /*--------------------------- Elements ---------------------------*/ body { background: url(../images/body_bg.png) repeat-x left top; color: #656565; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 62.5%; } h1, h2, h3, h4, h5, h6 { color: #062242; font-family: Georgia, 'Times New Roman', serif; font-weight: normal; padding: 3px 0 3px 0; } h1 { font-size: 30px; margin-bottom: 5px; } h2 { font-size: 24px; line-height: 26px; } h3 { font-size: 20px; margin: 12px 0 2px 0; line-height: 28px; } h4 { font-size: 16px; line-height: 23px; } h5 { color: #242424; font-size: 15px; line-height: 24px; } label { color: #062242; font-family: Georgia; font-size: 16px; } a { color: #0063C2; text-decoration: none; } a:hover { color: #99150D; } /* a:visited { color: #062243; }*/ p { color: #656565; font-size: 12px; line-height: 18px; } strong { color: #4D4D4D; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .right { float: right; } .center { text-align: center; } .clear { clear: both; } p.header { color: #06213F; font: 14px Georgia, 'Times New Roman', serif; line-height: 18px; } .author { color: #04162A; font-style: italic; padding: 0 0 0 10px; } .photo_with_caption { background-color: #E4E4E4; float: right; margin: 0 0 10px 10px; padding: 1px; width: 330px; } .photo_with_caption img { width: 330px; } .photo_with_caption p { color: #757575; font: 11px Georgia, 'Times New Roman', serif; } .photo_with_border { border: solid 1px #D8D8D8; } .caption { color: #666; font-size: 11px; line-height: 14px; padding: 10px; } img.left { margin: 0 15px 10px 0; } img.right { margin: 0 0 10px 15px; } /*------------------------------------------- Board member -------------------------------------------*/ ul.board_of_directors { float: left; margin: 10px 0 0 0 !important; width: 360px; } ul.board_of_directors li { display: block; height: 75px; padding: 0 15px 0 0; } /*------------------------------------------- Staff member -------------------------------------------*/ ul.staff { float: left; padding: 10px 0 0 0; } ul.staff li { float: left; width: 300px;height: 120px; padding: 0 15px 0 0; } /*------------------------------------------- History table -------------------------------------------*/ table.history td { border: none; padding: 8px; margin: 0px 0px 8px 0px; line-height: 18px; } table.history td strong { color: #062242; } /*------------------------------------------- Site -------------------------------------------*/ /* Header */ #header { /*background: url(../images/header_bg.jpg) no-repeat left top;*/ background: none; height: 122px; margin: 0 auto; width: 950px; } #header_content { float: left; height: 122px; margin: 0; position: absolute; top: 0; width: 960px; } #logo { background: url(../images/revised_logo_2011.png) no-repeat left top; display: block; float: left; height: 122px; left: 0; margin: 0 0 0 -0px; position: relative; overflow: hidden; text-indent: -9999px; top: 0; /*width: 502px;*/ width: 542px; } #header .top_logo { background: url('../images/new/top_logo.png') no-repeat top left; float: right; display: block; height: 70px; margin: 10px 5px -15px 0; text-indent: -9999px; width: 160px; } #header .top_btns { clear: both; float: right; margin: 0 5px 0 0; overflow: hidden; width: 248px; } #header .top_btns li { float: left; } #header .top_btns li a { display: block; text-indent: -9999px; } #header .top_btns li a.create { background: url('../images/new/top_btns_create.png') no-repeat top left; height: 60px; width: 169px; } #header .top_btns li a.ecard { background: url('../images/new/top_btns_ecard.png') no-repeat top left; height: 26px; margin: 16px 0 0 4px; width: 91px; } #header .top_btns li a.donate { background: url('../images/new/top_btns_donate.png') no-repeat top left; height: 26px; margin: 16px 0 0 4px; width: 60px; } #header .top_btns li a.about { background: url('../images/new/top_btns_about.png') no-repeat top left; height: 26px; margin: 16px 0 0 4px; width: 72px; } /* Primary Nav */ #nav { height: 42px; margin: 0 auto; width: 960px; } #nav li { background: url(../images/nav_divider.png) no-repeat right center; display: inline; float: left; margin: 0 0 0 0; position: relative; z-index: 13; } #nav li.last { background-image: none; } #nav li a { color: #fff; display: block; font: 14px Georgia, 'Times New Roman', serif; height: 42px; line-height: 42px; padding: 0 32px; } #nav li a.secondary { color: #EFD1D1; } #nav li a.home { background: url(../images/nav_home.png) no-repeat top left; display: block; float: left; height: 42px; overflow: hidden; padding: 0px 20px 0; text-indent: 100em; width: 25px; } #nav li a.home:hover { background: url(../images/nav_home.png) no-repeat bottom left !important; display: block; float: left; height: 42px; overflow: hidden; text-indent: 100em; width: 25px; } #nav li a.selected { background-color: #fff; color: #B41D20; } #nav li:hover a { background: #0068cd url(../images/nav_hover_bg.png) repeat-x left top; color: #fff; } #nav li:hover .subnav { display: block; } #nav li:hover .subnav a { display: block; width: 153px; } #nav li a:hover { background: #0068cd url(../images/nav_hover_bg.png) repeat-x left top; color: #fff; } #nav .subnav { background-color: #0068cd; display: none; left: 0; padding: 8px 0; position: absolute; width: 217px; } #nav .subnav li a { background-color: #0068cd; background-image: none; font-size: 14px; height: 30px; line-height: 30px; } #nav .subnav li a:hover { background-color: #034485; } .last .subnav { margin: 0 0 0 -8px; } /* IE 6/7 fixes */ #nav li.hovered a { background: #0068cd url(../images/nav_hover_bg.png) repeat-x left top; color: #fff; } #nav li.hovered .subnav { display: block; top: 42px; } #nav li.hovered .subnav li a { display: block; background: #0068cd; } #nav li.hovered .subnav li a:hover { display: block; background: #034485; } /* Content */ #outer_wrapper { width: 100%; } #wrapper { margin: 0 auto; width: 960px; } #wrapper_bg { background: url(../images/wrapper_bg.png) no-repeat; height: 440px; left: -108px; margin: -425px 0 0 0; position: relative; width: 300px; z-index: 0; } #wrapper_bg_right { background: url(../images/wrapper_bg.png) no-repeat right bottom; height: 440px; margin: -425px 0 0 0; position: relative; right: -720px; width: 400px; z-index: 0; } #grass_bg { background: url(../images/new/grass_bg.png) repeat-x; height: 43px; left: 0; margin: -43px 0 0 0; position: absolute; width: 100%; z-index: 1000; } #grass_bg.home { background-image: url(../images/new/grass_bg_2.png); } #content { margin: 0 auto; padding: 50px 0 50px 0; position: relative; width: 960px; z-index: 1; } #sidebar { float: left; width: 200px; } #sidebar blockquote { background: url(../images/blockquote_bg.png) no-repeat left top; padding: 5px 0 0 5px; } #secondary_nav { background-color: #2E6818; margin: 0 0 10px 0; padding: 2px 2px 1px 2px; } #secondary_nav a { background-color: #4a9c3a; border-bottom: 1px solid #2E6818; color: #fff; display: block; font: 14px Georgia, 'Times New Roman', serif; height: 35px; line-height: 35px; padding: 0 0 0 18px; } #secondary_nav a:hover { background-color: #418d31; color: #90ff6b; } #secondary_nav a.selected { background-color: #2E6818; color: #90ff6b; } #secondary_nav .subnav { margin: -2px 0 9px 0; padding: 0 0 0 20px; } #secondary_nav .subnav a { background: url(../images/secondary_nav_bullet.png) no-repeat left center; color: #fff; font: 12px 'Lucida Grande', 'Lucida Sans Unicode'; height: 25px; line-height: 25px; padding-left: 10px; } #secondary_nav .subnav a:hover, #secondary_nav .subnav a.selected { background-image: none; background: url(../images/secondary_nav_bullet.png) no-repeat left center; color: #90ff6b; } #sidebar .callout { background-color: #EAF7FF; margin: 0 0 5px 0; padding: 10px; } #sidebar .callout p, #sidebar .callout span { color: #7B8084; font-size: 11px; line-height: 17px; } #sidebar .callout h4 { color: #344D68; } #sidebar a.learn_more { color: #344D68; font: 12px Georgia, 'Times New Roman', serif; } #sidebar a.learn_more:hover { color: #C01F22; } #sidebar .callout blockquote { padding: 7px 0 0 5px; } #sidebar .callout blockquote p { font-size: 16px; line-height: 22px; } #sidebar .callout blockquote .author { color: #04162A; font-size: 12px; font-style: italic; padding: 0 0 20px 10px; } /* Main Content Area */ #main { float: right; width: 730px; min-height: 350px; } #main h1 { clear: both; } #main ul { list-style-image: url(../images/list_bullet.png); margin: 0px 0 10px 20px; } #main ol { list-style-type: decimal; margin: 0px 0 10px 28px; } #main li { font-size: 12px; line-height: 20px; padding: 0 0 5px 0; } #main ul li ul { margin-bottom: 0; padding-bottom: 0; } #main li.next_level { list-style: none; } #main p { padding: 8px 0 5px 0; } #main .caption { padding: 10px; } #main .intro { padding: 10px; } .sitemap_column { float: left; width: 200px; } .sitemap_column h3 { font-size: 16px; } #main #breadcrumbs { margin-left: 0; overflow: hidden; } #breadcrumbs li { background: url(../images/breadcrumb_divider.png) no-repeat right 4px; display: inline; float: left; font-size: 10px; line-height: 12px; padding: 0 15px 0 10px; } #breadcrumbs a { color: #7F7F7F; font-size: 11px; } #breadcrumbs li.home { padding-left: 0; } #breadcrumbs li.selected { color: #062143; background-image: none; font-size: 11px; } /* Callout Buttons */ #callouts { background: #fff url(../images/footer_bg.png) repeat-x left top; border-bottom: 1px solid #fff; overflow: hidden; padding: 10px 0 30px 0; position: relative; } #callouts_content { margin: 0 auto; overflow: hidden; width: 960px; } #callouts .callout { background-color: #fff; border: 1px solid #E5E5E5; float: left; height: 110px; margin: 0 2px 0 0; width: 236px; } #callouts .newsletter { height: 110px; margin: 0; } #callouts .newsletter p { margin: 0; padding: 0 10px 0 0; } #callouts .newsletter p span { position: static; } #callouts .newsletter span { color: #04162A; display: block; font: 20px Georgia, 'Times New Roman', serif; height: 27px; margin: 12px 0 1px 15px; } #callouts .newsletter form { height: 21px; padding: 1px 0 0 15px; width: 200px; } #callouts .newsletter input { background: transparent; border: 1px solid #D3D3D3; float: left; font: 11px 'Lucida Grande'; height: 16px; margin: 0; padding: 4px 0 3px 5px; width: 185px; } #callouts .newsletter input:focus { border: 1px solid #8499B1; } #callouts .newsletter input.auto { background: url(../images/search_button_bg.jpg) repeat-x left top; border: none; color: #fff; cursor: pointer; float: left; height: 23px; margin: -24px 0 0 137px; padding: 0 0 2px 3px; text-align: center !important; width: 55px; } #callouts .newsletter input.auto:hover { background-position: left bottom; } #callouts p a.border { border: solid 3px #FFF; display: block; font: 18px Georgia, 'Times New Roman', serif; height: 79px; line-height: 19px; padding: 10px 0 15px 80px; position: relative; width: 150px; } #callouts p span { font: 13px Georgia, 'Times New Roman', serif; display: block; position: static; margin: 5px 0 0 0; } #callouts .grow { background: #fff url(../images/garden.png) no-repeat 15px 15px; } #callouts .grow p, #callouts .grow a { color: #EA9300; } #callouts .grow p a.border{ color: #C01F22; } #callouts .grow p a.border:hover{ border: solid 3px #C01F22; } #callouts .protect { background: #fff url(../images/new/icon_plus.png) no-repeat 15px 15px; } #callouts .protect p, #callouts .protect a { color: #3A7B2F; } #callouts .protect p a.border{ color: #3A7B2F; } #callouts .protect p a.border:hover{ border: solid 3px #3A7B2F; } #callouts .community { background: #fff url(../images/community.png) no-repeat 15px 15px; } #callouts .community p, #callouts .community a { color: #EA9300; font: 10px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif !important; letter-spacing: .06em; line-height: 13px !important; text-transform: uppercase; padding: 0; } #callouts .community p a.border span { margin: 2px 0 0 0 ; letter-spacing: .0em; } #callouts .community p a.border span.larger { font: 18px Georgia, 'Times New Roman', serif !important; letter-spacing: .0em; margin: -2px 0 3px 0; /*display: inline;*/ text-transform: none !important; } #callouts .community p a.border { color: #EA9300; } #callouts .community p a.border:hover{ border: solid 3px #EA9300; } /* Link Styles */ a.external { background: transparent url(../images/external-link-icon.png) no-repeat center left; padding-left: 14px; } a.audio { background: transparent url(../images/listen-icon.png) no-repeat center left; padding-left: 19px; } a.doc { background: transparent url(../images/doc-icon.jpg) no-repeat center left; padding-left: 25px; } a.pdf { background: transparent url(../images/pdf-icon.jpg) no-repeat center left; padding-left: 25px; } a.ppt { background: transparent url(../images/ppt-icon.jpg) no-repeat center left; padding-left: 25px; } a.xls { background: transparent url(../images/xls-icon.jpg) no-repeat center left; padding-left: 25px; } /* Custom Dropdowns */ .left_margin { margin-left: 10px; } .dropdown { border: 1px solid #CCC; display: inline-block; width: 265px; } .dropdown a { background: #F4F4F4 url(../images/dropdown-arrow.jpg) top right no-repeat; border: 1px solid #F4F4F4; color: #333; display: block; padding: 6px 10px 5px 10px; } .dropdown ul { border: 1px solid #CCC; list-style: none !important; margin: 0 0 0 -1px !important; position: absolute; width: 265px; } .dropdown ul li a { background: #F4F4F4; border: 0; font-size: 10px; padding: 0px 10px; } .dropdown ul li a:hover { background: #0068CD; color: #FFF; } /* Override styles */ #main .dropdown ul li { padding: 0; } /* FAQs */ #faqs { margin: 20px 0 0 0; } #faqs .questions { background: #F4F4F4; padding: 14px 19px 1px 19px; float: left; width: 692px; } #faqs .questions h3 { margin: 0 0 10px 0; } #faqs .questions .question { float: left; line-height: 24px; margin-bottom: 13px; } #faqs span.number { line-height: 24px; } #faqs .questions h4 { float: left; padding-top: 3px; width: 650px; } #faqs .questions h4 a { color: #062242; } #faqs .questions h4 a:hover { color: #99150D !important; } /* FAQ and Tips */ .number { color: #A91B1E; font: 16px Georgia; float: left; margin-right: 10px; } .answers { margin-top: 37px; padding: 0px 19px; float: left; width: 692px; } .answers .answer { float: left; margin-bottom: 28px; } .answers .answer div { float: left; padding-top: 3px; width: 650px; } .answers .answer div p, .answers .answer div a { font-size: 12px; line-height: 17px; } /* Tips */ #tips { margin-top: 10px; } .featured_tip { padding: 13px 0 60px 0; } .featured_tip a { font-size: 12px; } .featured_tip h3 { margin-bottom: 8px; } .featured_tip img { margin-left: 20px; } .featured_tip p { color: #06213F; font: 14px Georgia; line-height: 24px; } #tips .answer { margin-bottom: 14px; } #main #tips .answer p { margin: 0; padding: 0; } /* Family Stories */ #stories { padding-top: 20px; } .story { border-bottom: 1px solid #E5E5E5; padding: 18px 0; float: left; width: 730px; } .story h3 { margin-top: 0px; } .story h4 { padding-bottom: 8px; } .story h5 { color: #062242; } .story img { margin-right: 12px; } .story div { float: left; width: 440px; } /* In The News */ .featured_article { background: #F4F4F4; margin-bottom: 40px; padding: 15px; } .featured_article img { float: left; margin-right: 15px; } .featured_article h5 { color: #396E94; } .news_item { border-bottom: 1px solid #E5E5E5; padding: 18px 0 3px 0; } .news_item h5 { color: #396E94; line-height: 18px; padding: 0 0 3px 0; } .news_item img { float: left; margin: 0 15px 15px 0; } .article { margin-top: 20px; } .article .photo { float: left; margin: 0 15px 15px 0; } #main .article p { padding: 0 0 13px 0; } /* Program Calendar */ #calendar { background: #F2F2F2; border: 4px solid #E5E5E5; float: left; overflow: hidden; width: 293px; } #calendar .months { height: 20px; padding: 7px 15px 0px 15px; } #calendar .months a { display: block; float: left; } #calendar .months .prev { background: url(../images/calendar-prev-icon.png) center center no-repeat; height: 20px; width: 20px; } #calendar .months .next { background: url(../images/calendar-next-icon.png) center center no-repeat; height: 20px; width: 20px; } #calendar .months .active { color: #062242; display: block; float: left; font-family: Georgia; font-size: 14px; line-height: 20px; text-align: center; width: 223px; } #main #calendar ul { float: left; list-style: none; margin: 0; width: 300px; } #main #calendar ul li { color: #161616; display: block; float: left; text-align: center; width: 42px; } #main #calendar ul li.label { font-size: 10px; padding: 0 0 2px 0; } #main #calendar ul li.day { background: #FFF; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; padding: 3px 0; width: 41px; } #main #calendar ul li.active { background: #BD1F22; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; color: #FFF; padding: 3px 0; width: 41px; } #main #calendar ul li.none { border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; height: 21px; width: 41px; } #main .cal_search label { color: #062242; display: block; float: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 16px; margin-bottom: 20px; width: 140px; } #main .cal_search label small { color: #333333; display: block; font-size: 10px; } #main .result_header { background: #E5E5E5; float: left; margin: 20px 0; padding: 4px; width: 100%; } #main .result_header label { color: #062242; display: block; font-family: Georgia; font-size: 16px; margin-left: 15px; padding: 5px 0 2px 0; } #main .result_header p { color: #333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; padding: 0 0 0 15px; } #main .result_header a { background: url(../images/calendar-start-over.png) no-repeat; display: block; float: right; height: 44px; overflow: hidden; text-indent: -1000px; width: 258px; } #program_register { position: absolute; border: 2px solid #CCC; background: #FFF; padding: 10px; width: 480px; height: 280px; z-index: 5; } #program_register form { margin: 10px 0; } #program_register label { display: block; } #program_register h3 { margin: 0 0 2px 0; } #program_register input { background: #F4F4F4; border: 1px solid #CCC; color: #333; height: 16px; margin: 3px 0 0 0; padding: 4px 5px 3px 5px; width: 250px; display: block; margin: 5px 0; } #program_register input.auto { width: auto; height: auto; padding: 5px 15px; display: inline; margin-right: 10px; } #programs .program { border-bottom: 1px solid #E5E5E5; float: left; padding: 20px 0 25px 0; width: 730px; } #programs .program .program_info { float: left; width: 630px; } /* Date Icon */ .date_icon { background: #3186D7 url(../images/date_icon_body_bg.jpg) repeat-x bottom; border: solid 1px #333; float: left; height: 81px; margin: 0 10px 25px 0; width: 66px; } .date_icon p.date_icon_date_info { background: #3186D7 url(../images/date_icon_bg.jpg) repeat-x; border: solid 1px #0068CD; color: #FFF; margin: 0; padding: 4px 0 5px 0; text-align: center; } #main .date_icon_time, .date_icon_time { padding: 2px 0 ; margin: 0; text-align: center; color: #FFF; font-size: 10px; line-height: 13px; } #main p.date_icon_date_info { padding: 4px 0; } .date_icon_day { font-size: 10px; } .date_icon_date { font-size: 15px; font-weight: bold; } /*Shop Callouts*/ #shop { margin: 15px 0 0 0; } #shop h2 { padding: 0 0 12px 0; } .shop_callouts { margin: 0 0 30px 0; } .shop_callout { background-color: #F4F4F4; float: left; height: 306px; margin: 0 11px 11px 0; padding: 10px; width: 216px; } .shop_callout_info { height: 290px; } .shop_callout_info p { padding:4px 0 4px 0 !important; line-height: 16px; } .shop_callout_image { background: #FFF; margin: 6px 0 0 0; text-align: center; width: 216px; } .shop_callout_last { margin: 0; } .shop_callouts p.shop_details { color: #333; font-size: 11px; line-height: 17px; padding: 0 0 0 0px !important; } a.shop_callout_more { color: #0068CD; display: block; float: left; font-size: 12px; height: 11px; line-height: 11px; } a.shop_view_larger { background: url(../images/icon_view_larger.jpg) no-repeat 0 0; color: #0068CD; float: right; font-size: 12px; line-height: 13px; margin: 0 0 0 0; padding: 0 0 0 13px; } a.shop_view_larger:hover { background-position: 0 -12px; color: #C01F22; } a.shop_callout_more:hover { color: #C01F22; font-size: 12px; } a.add_to_cart { background: url(../images/icon_cart_shop_callout.jpg) no-repeat left top; padding: 0 0 0 17px; width: 70px; } a.add_to_cart:hover { background-position: left bottom; } .shop_callouts .flowers { margin: -23px 0 0 0; position: relative; } .shop_callouts h4 span { float: right; } .checkout { width: 730px; margin: 20px 0 5px 0; } .checkout thead { border: 1px solid #EDEDED; background: #F4F4F4; margin: 0 0 5px 0; } .checkout thead th { color: #333; font-size: 12px; padding: 4px 0; width: 115px; text-align: left; } .checkout thead th.item_label { padding-left: 20px; width: 480px; } .checkout tr { border: 1px solid #EDEDED; margin: 0 0 5px 0; } .checkout td { padding: 8px 0; vertical-align: top; } .checkout td.item_image { width: 150px; text-align: center; } .checkout td.item_desc { width: 350px; } .checkout td img { width: 90px; } #main form .checkout td input { margin: 0 0 5px 0; padding: 2px; text-align: center; width: auto; } .checkout tfoot { border: 1px solid #EDEDED; background: #F4F4F4; margin: 0 0 5px 0; } .checkout tfoot label { float: right; display: block; width: 70px; color: #333; font-size: 12px; } .checkout tfoot span { float: right; display: block; width: 100px; color: #333; font-size: 12px; } .checkout tfoot h4 { float: right; display: block; width: 100px; margin: 0 0 5px 0; } .checkout_buttons { text-align: right; width: 730px; } /*Page Callout*/ #page_callouts { margin: 23px 0 0 0; } .page_callout { width: 350px; } .page_callout { height: 385px; margin: 0 0 0 0; padding: 5px; } #page_callout .last { margin: 0; } #page_callouts .info { background: #FFF; height: 160px; margin: 0; padding: 11px; } #page_callouts h3 { height: 37px; margin: 0 0 -10px 0; padding: 5px 0 0 53px; } #page_callouts h3 span { clear: left; float: left; font-size: 14px; font-weight: normal; margin: 2px; } #page_callouts .ways { margin: 10px; } #page_callouts .info p { font-size: 11px; line-height: 19px; margin: 5px 0 0 0; padding: 0; } #page_callouts .donate { background: #4B9E3B; } #page_callouts .donate h3, #page_callouts .donate a { color: #4B9E3B; } #page_callouts .donate h3 a:hover { color: #2C691C; } #page_callouts .volunteer h3 a:hover { color: #C09200; } #page_callouts .donate h3 { background: url(../images/icon_donate_page_callout.jpg) no-repeat; } #page_callouts .volunteer { background: #E7B600; } #page_callouts .volunteer h3, #page_callouts .volunteer a { color: #E7B600; } #page_callouts .volunteer h3 { background: url(../images/icon_volunteer_page_callout.jpg) no-repeat; } #page_callouts .ways h4, #page_callouts .ways a { color: #FFF; } #page_callouts .ways ul { display: block; float: left; margin: 9px 0 0 0; text-indent: 0; } #page_callouts .ways ul li { margin: 0 10px 0 0px; padding: 0; text-indent: 0; } #page_callouts .donate ul li { list-style-image: none; } #page_callouts .volunteer ul li { list-style-image: none; } #page_callouts .donate ul li a { background: url(../images/arrow_page_callout_donate.jpg) no-repeat 0 4px; } #page_callouts .volunteer ul li a { background: url(../images/arrow_page_callout_volunteer.jpg) no-repeat 0 4px; } #page_callouts .donate ul li a:hover { color: #2C691C; } #page_callouts .volunteer ul li a:hover { color: #C09200; } #page_callouts ul li a { display: block; padding: 0 0 0 10px; width: 143px; } #page_callouts .special_initiatives { background: #E7E7E7; height: auto; padding: 10px 5px 5px 5px; } #page_callouts .special_initiatives h3 { height: auto; margin: 0 0 0 0; padding: 0; } #page_callouts .special_initiatives_info { background: #FFF; height: 192px; margin: 0px 5px 10px 5px; padding: 11px; } #page_callouts .special_initiatives_info p { line-height: 19px; margin: 0; padding: 5px 0 0 0; } #page_callouts .special_initiatives_info ul { margin: 0 0 0 20px; padding: 0 0 0 0; } /*Donate Now*/ .ways_to_donate { float: left; height: 130px; margin: 10px 0 0 0; width: 360px; } .ways_to_donate h4 { margin: 0; padding: 0; } .ways_to_donate p { margin: 0; padding: 5px 0 8px 0 !important; } .ways_to_donate p.donate_number { background: url(../images/donate_number.jpg) no-repeat; color: #FFF; float: left; font-family: Georgia, 'Times New Roman', serif; font-size: 20px; height: 25px; margin: 0 0 200px 0; padding: 1px 10px 0 0 !important; text-align: center; width: 25px; } .donate_online { height: 48px; } .ways_to_donate a { font-size: 12px;} .gift_container { width: 710px; float: left; margin: 50px 10px 50px 0; } .gift_callout { width: 230px; float: left; margin: 0 10px 10px 0; } .gift_callout_last { width: 230px; float: left; margin: 0 0px 10px 0; } .gift_callout strong { display: block; background: #F4F4F4; height: 30px; color: #062242; font-size: 14px; padding: 10px 0px 0px 10px; line-height: 22px; } #main .gift_callout p { border-left: 2px solid #F4F4F4; border-right: 2px solid #F4F4F4; border-bottom: 2px solid #F4F4F4; background: #FFF; padding: 10px; color: #666; font-size: 11px; height: 80px; } /* Form Styles */ #main form label { color: #333333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; line-height: 15px; } #main form label.required { background: url(../images/required.gif) no-repeat right top; padding-right: 10px; } #main form input { background: #F4F4F4; border: 1px solid #CCC; color: #333; height: 16px; margin: 3px 0 0 0; padding: 8px 5px 7px 5px; width: 544px; } #main form textarea { background: #F4F4F4; border: 1px solid #CCC; height: 92px; margin: 3px 0 0 0; padding: 8px 5px 7px 5px; width: 544px; } #main form select { margin: 5px 0; padding: 5px 5px 5px 5px; width: 280px; } #main form input:focus, #main form textarea:focus { border: 1px solid #A73145; color: #4F3611; } #main form p { color: #333; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; } #main form p.split { float: left; margin-right: 20px; width: 261px; } #main form p.split input, #main form p.split select { width: 249px; } #main form input.auto { border: 0px; height: auto; padding: 0; width: auto; } #main form input.submit { height: auto; padding: 5px 15px; width: auto; } #main form .checkbox_left { float: left; margin: 0 10px 0 0; } #main form .checkbox_right { color: #333; float: left; font-size: 12px; margin: 0 15px 3px 0; padding: 5px 0; } #main form fieldset { background: #FCFCFC; border: 1px solid #CCC; float: left; margin: 20px 0; padding: 14px; width: 562px; } /*Statewide Map*/ #statewide_map { border: solid 1px #D5D5D5; height: 736px; margin: 20px 0 0 0; } #statewide_map h5 { font-size: 14px; line-height: 15px; padding: 0; } #statewide_map p { margin: 5px 0 0 0; padding: 0 0 0 0; } #statewide_map ul { font-size: 10px; padding: 5px 0 0 0; } #statewide_map ul li { font-size: 10px; padding: 0 0 5px 1px; line-height: 11px; } #statewide_map ul li.phone { list-style-image: url(../images/icon_contact_phone.jpg); } #statewide_map ul li.fax { list-style-image: url(../images/icon_contact_fax.jpg); } #statewide_map ul li.mail { list-style-image: url(../images/icon_contact_mail.jpg);} #statewide_map ul li.map { list-style-image: url(../images/get_directions_bg.jpg); } #statewide_map p.address { font-size: 10px; line-height: 14px; } #statewide_map div { border-left: solid 1px #F1F1F1; float: left; height: 130px; padding: 15px 0 0 46px; width: 195px; } #statewide_map img { border-top: solid 1px #D5D5D5; } #statewide_map .large { background: url(../images/statewide_map_icon_corporate.jpg) no-repeat; height: 236px; padding: 15px 0 0 54px; width: 187px !important; } #statewide_map .large ul li { font-size: 12px; padding: 0 0 8px 0; } #statewide_map #harford { background: url(../images/statewide_map_icon_harford.jpg) no-repeat; border-bottom: solid 1px #F1F1F1; } #statewide_map #howard { background: url(../images/statewide_map_icon_howard.jpg) no-repeat; border-bottom: solid 1px #F1F1F1; } #statewide_map #prince_george { background: url(../images/statewide_map_icon_prince_george.jpg) no-repeat; height: 135px; } #statewide_map #prince_george_child { background: url(../images/statewide_map_icon_prince_george_child.jpg) no-repeat; height: 135px; } /* Photo Galleries */ .photo_gallery { border: 8px solid #E3E3E3; background: #FFF; padding: 8px; width: 696px; } .photo_gallery .large { width: 416px; height: 312px; float: left; margin-right: 7px; } .photo_gallery .list { width: 273px; height: 35px; margin-bottom: 5px; float: left; } .photo_gallery .list a.play { display: block; background: url(../images/photo-gallery-control.png) no-repeat 0px -35px; width: 39px; height: 35px; float: left; } .photo_gallery .list a.pause { display: block; background: url(../images/photo-gallery-control.png) no-repeat 0px 0px; width: 39px; height: 35px; float: left; } .photo_gallery .list a img { height: 35px; width: 39px; float: left; margin-left: 5px; } .photo_gallery .list a.selected img { height: 31px; width: 35px; border: 2px solid #055EB6; } .photo_gallery .list .pg_wrapper { width: 220px; border-left: 1px solid #055EB6; border-right: 1px solid #055EB6; padding: 0px 5px 0 0; overflow: hidden; height: 35px; float: left; } .photo_gallery .list .pg_inner { width: 10000px; height: 35px; } .photo_gallery .pg_previous { display: block; float: left; background: url(../images/arrow_previous.png) no-repeat 2px -14px; height: 14px; width: 13px; margin: 10px 5px 0 5px; } .photo_gallery .pg_next { display: block; float: left; background: url(../images/arrow_next.png) no-repeat 2px -14px; height: 14px; width: 13px; margin: 10px 0 0 5px; } .photo_gallery .list .enabled { background-position: 2px 0px; } .photo_gallery .caption { background: #ECECEC; width: 253px; float: left; height: 251px; padding: 10px; } .photo_gallery .caption h3 { font-size: 20px; font-family: Georgia; color: #062242; line-height: 20px; margin: 4px 0 8px 0; padding: 0; } .photo_gallery .caption h4 { font-size: 16px; font-family: Georgia; color: #0063C2; line-height: 16px; margin: 0 0 8px 0; padding: 0; } .photo_gallery .caption p { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #696969; font-size: 12px; line-height: 16px; } /* Login*/ form.login input.submit {cursor: pointer; } /*Search*/ .even { background: #F8F8F8; } .odd { background: #FEFEFE; } #search_results p span { color: #B21D1F; } ul#search_results { margin: 0 0 5px 0; } ul#search_results li.search_result { height: 98px; list-style: none; margin: 0 0 2px 0; padding: 10px; } ul#search_results h5 { padding: 0; } ul#search_results li.search_result p { margin: 0; padding: 0 0 5px 0; } form#search_page input.auto { background: url(../images/search_button_bg.jpg) repeat-x left top; color: #FFF; cursor: pointer; float: right; height: 27px; margin: -30px 3px 0 0; padding: 2px 0; position: relative; text-align: center; width: 56px !important; } form#search_page input.auto:hover { background-position: left bottom; } form#search_page input.auto:focus { border: 1px solid #437EB3; } ul.page_numbers li { display: block; float: left; margin: 0 1px; padding: 0 2px; } ul.page_numbers li a { background-color: #FFF; border: solid 1px #ECE9E6; color: #062242; display: block; /*margin: -3px 0 0 0;*/ padding: 0 5px; } ul.page_numbers li a:hover { color: #BD1F21; } #search_results_top ul li a.active, #search_results_bottom ul li a.active { background-color: #0063C2; border: solid 1px #0063C2; color: #FFF; } #search_results_top p, #search_results_bottom p { color: #00123B; float: left; padding: 0 0 0 0; } #search_results_top a.page, #search_results_bottom a.page { border: none; display: block; float: left; height: 8px; line-height: 8px; margin: 6px 5px 0 5px; overflow: hidden; padding: 0; text-indent: -1000em; width: 4px; } #search_results_top a.previous, #search_results_bottom a.previous { background: url(../images/page_control_previous.gif) no-repeat left top; float: left; } #search_results_top a.next, #search_results_bottom a.next { background: url(../images/page_control_next.gif) no-repeat left top; float: left; } #search_results_top a.page:hover, #search_results_bottom a.page:hover { background-position: left bottom; } #search_results_top { width: 718px; } .search_results_top { font-size: 13px; } .search_results_top p span { font-size: 13px; } #search_results_top, #search_results_bottom { float: right; width: auto; } #search_results_top { margin: 8px 0 0 0; } p.search_results_top { color: #00123B; } p.search_results_top strong { color: #00123B; } p.search_results_top span { color: #B21D1F; } /* Footer */ #footer { background: #fff url(../images/footer_bottom_bg.jpg) repeat-x left top; height: 300px; padding: 20px 0 0 0; } #footer_content { background: url(../images/tree.png) no-repeat left top; height: 190px; margin: 0 auto; overflow: hidden; padding: 25px 0 0 70px; width: 890px; } #footer .contact { color: #848484; float: left; height: 210px; padding: 0 15px 0 0; width: 245px; } #footer .contact a { color: #848484; font-weight: normal; } #footer .links { color: #848484; font-size: 11px; line-height: 14px; padding: 0 0 0 7px; width: 245px; } #footer .links a:hover { color: #C01F22; } #footer .web { color: #848484; font-size: 11px; line-height: 14px; padding: 10px 0 0 7px; } #footer .web a { color: #C15351; font-weight: normal; } #footer .address { color: #848484; font-size: 11px; line-height: 14px; padding: 10px 0 5px 7px; } #footer .copyright { color: #939393; font-size: 10px; padding: 0px 0 0 7px; } #footer .follow_us { background: url(../images/footer_divider.png) no-repeat 0 5px; float: left; height: 205px; padding: 15px 15px 0 20px; width: 120px; line-height: 7px; } #footer .follow_us a { color: #525252; display: block; font-size: 11px; font-weight: normal; } #footer .follow_us img { vertical-align: middle; } #footer .affiliations { background: url(../images/footer_divider.png) no-repeat 0 5px; float: left; height: 205px; padding: 15px 0 0 20px; width: 447px; } #footer .affiliations img { margin: 0 15px 0 0; vertical-align: top; } #footer .follow_us p, #footer .affiliations p { color: #282828; font-size: 11px; font-weight: bold; padding: 0 0 5px 0; } #footer .follow_us p { padding: 3px 0 5px 0; } #footer .stressline { background: url(../images/new/icon_stressline.jpg) no-repeat left top; color: #282828; font-family: Georgia, serif; font-size: 15px; overflow: hidden; margin: 0 0 7px 0; padding: 7px 0 0 30px; } #footer .stressline a { color: #282828; font-family: Georgia, serif; font-size: 15px; } #footer .stressline span { display: inline-block; font-size: 12px; line-height: 16px; padding: 10px 0 10px; 0; } #sitemap ul { } /* 404 */ .error_content p { font-size: 18px; margin: 30px 0 10px 0; } .error_content ul { font-size: 14px; list-style-image: url(../images/list_bullet.png); margin: 0px 0 10px 20px; } .error_content ul li { margin: 0 0 10px 0; } #main ul { list-style-image: url(../images/list_bullet.png); margin: 0px 0 10px 20px; } /* PINWHEELS!!! */ .pinwheel_detail {} .pinwheel_detail .image { background: url(../images/new/pinwheel_shadow.png) no-repeat 26px 26px; border: 1px solid #ccc; float: left; height: 430px; overflow: hidden; width: 430px; } .pinwheel_detail .image img { padding: 25px 0 0 25px; } .pinwheel_detail .info { float: right; width: 280px; } .pinwheel_detail .info h3 { font-size: 18px; margin: 0 0 15px 0; } .pinwheel_detail .info h4 { font-size: 14px; } .pinwheel_detail .info blockquote { background: url(../images/new/blockquote_icon.png) no-repeat top left; color: #06203F; font-family: Georgia, serif; font-size: 14px; line-height: 22px; padding: 6px 0 0 13px; margin: 3px 0 20px 0; } .pinwheel_detail .info .share { margin: 0 !important; overflow: hidden; } .pinwheel_detail .info .share li { float: left; list-style: none; margin: 5px 5px 0 0; } .pinwheel_detail .info .share li a { background: url(../images/new/share_icons.png) no-repeat 0 top; display: block; height: 27px; text-indent: -9999px; width: 29px; } .pinwheel_detail .info .share li a.twitter { background-position: -30px top; } .pinwheel_detail .info .share li a.email { background-position: -60px top; } #content.drawing_tool { margin: 0 auto; padding: 0 0 5px 0; position: static; width: 100%; z-index: 1; } #content.drawing_tool #main { float: right; width: 100%; min-height: 580px; } #drawing_tool_wrapper { background: transparent; height: 570px; left: 0; position: absolute; top: 164px; width: 100%; z-index: 10; } #content.browser { margin: 0 auto; padding: 0 0 5px 0; position: static; width: 100%; z-index: 1; } #content.browser #main { float: right; width: 100%; min-height: 525px; } #browser_wrapper { background: transparent; height: 550px; left: 0; overflow: hidden; position: absolute; top: 164px; width: 100%; z-index: 10; } #browser_bg { background: #97BFC8 url(../images/new/browser_bg.png) no-repeat center top; height: 645px; left: 0; position: absolute; top: 164px; width: 100%; z-index: -1; } #browser_wrapper h2, #drawing_tool_wrapper h2 { font-size: 30px; line-height: 40px; margin: 200px 0; text-align: center; } #browser_wrapper h2 a, #drawing_tool_wrapper h2 a { font-size: 22px; } #browser_callout { background: url(../images/new/bar_bg.png) repeat-x left top; height: 55px; left: 30px; position: relative; top: 473px; width: 900px; z-index: 2000; } #browser_callout h3 { background: url(../images/new/bar_icon.png) no-repeat left top; color: #fff; font-size: 24px; height: 47px; left: -40px; padding: 23px 0 0 75px; position: absolute; top: -20px; } #browser_callout p { color: #E4E4E4; left: 340px; position: absolute; top: 1px; width: 550px; } #browser_callout p a { color: #E8E8E8; font-family: Georgia, serif; font-size: 15px; font-weight: bold; } /*Web Style Guide*/ .block_left { float: left; margin: 0 10px 10px 0; } .block_right { float: right; margin: 0 0 10px 10px; } table { border-bottom: solid 1px #80AFDE; width: 100%; margin: 10px 0; } table td { text-align: left; padding: 10px; } table thead { background: #0160BD; color: #FFF; font-family: Georgia, serif; font-size: 13px; font-weight: normal; text-align: left; padding: 15px 5px; } table thead tr th { padding: 10px; } div.anchor_links { float: left; width: 48%; } .back_to_top { background: url(../images/back_to_top.gif) no-repeat 0 8px; display: block; padding: 0 0 0 18px; }