/*------------------------------------------ Section Colors// About Us // Orange #FC5700 Get Involved // Blue #1BA6DF Our Programs // Pink #FD2749 ------------------------------------------*/ /*----------------------------------------------------------------------------------- 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, dd p, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ body { background: #5396cc url('../loop.png') repeat-x top; font-family: "Lucida Grande", 'Lucida Sans Unicode', Helvetica, sans-serif; font-size: 12px; } body.lower { background: #fff url(images/background_gradient.png) repeat-x left 151px; } h1 { color: #121A1F; font-size: 32px; font-weight: normal; margin: 0 0 12px 0; } h2 { font-size: 18px; font-weight: normal; line-height: 23px ; padding: 0 0 6px 0; text-transform: uppercase; } h3 { font-size: 16px; font-weight: normal; padding: 0 0 6px 0; text-transform: uppercase; } h4 { font-size: 16px; font-weight: normal; line-height: 21px; padding: 0 0 6px 0; } h5 { font-size: 14px; font-weight: bold; line-height: 17px; padding: 0 0 9px 0; } h6 { color: #606A73; font-size: 13px; font-weight: normal; padding: 0 0 2px 0; } hr { border: none; border-top: 1px solid #fff; border-bottom: 1px solid #EFEFEF; margin: 10px 0 20px 0; } strong, em { font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; } a { text-decoration: underline; color: #e63760;} a:hover { text-decoration: none; color: #1f4ad8; } .content p a:hover, .generic p a:hover { color: #000004; } .no_background #page { background: none; padding: 0px 25px 0 25px; } #page_content p { margin: 0; } /* Hack to fix video embeds for now */ object { width: 260px; max-height: 210px; } .evtime { width: 70px; height: 20px; text-align: right; color: #dde569; background: url('../nav/time.gif') no-repeat top right; display: block; float: right; font-size: 12px; padding: 0 5px 0 0; line-height: 20px; } .events2 { line-height: 25px; } /*--------------------------- Global ---------------------------*/ .clear { clear: both; } .left { float: left; } .right { float: right; } .block_right { float: right; margin: 0 0 10px 10px; } .block_left { float: left; margin: 0 10px 10px 0px; } a.back_to_top { background: url(images/back_to_top_bg.jpg) left center no-repeat; font-size: 12px; font-weight: bold; margin: 5px 0 6px 0; padding: 5px 0 5px 12px; text-transform: uppercase; } .center { text-align: center; } a.more { display: inline-block; font-size: 12px; font-weight: bold; line-height: 11px; padding: 0 0 0 23px; text-transform: uppercase; margin: 0 0 10px 0; } a.back { display: inline-block; font-size: 12px; font-weight: bold; line-height: 11px; padding: 0 0 0 17px; text-transform: uppercase; margin: 0 0 10px 0; } p a.more { display: inline-block; margin: 0; } .content p.caption { color: #868E94; font-size: 12px; padding: 8px 0 0 0; } ul.list_column { width: 15%; } ul.two_column_list { float: left; width: 270px; } /* Custom Form Controls */ /* Select */ .ui-dropdown { /*float: left;*/ height: 38px; position: relative; } /*.ui-dropdown-visible { z-index: 1000; }*/ .ui-dropdown a { text-decoration: none; } .ui-dropdown dt { background-color: #fff; border: 1px solid #ddd; height: 36px; padding: 0 5px; } .ui-dropdown dt a { background: #fff url(images/dropdown_arrow.png) no-repeat right center; color: #2D92B9 !important; display: block; height: 36px; overflow: hidden; padding: 0 14px 0 0; } .ui-dropdown dt a span { display: block; height: 36px; line-height: 36px; } .ui-dropdown dd { background-color: #fff; border-bottom: 1px solid #ddd; max-height: 250px; left: 0; overflow: auto; position: absolute; top: 35px; width: 100%; } .ui-dropdown .ui-dropdown-options { border: 1px solid #ddd; border-width: 0 1px; list-style-image: none; margin: 0; padding: 0; } .ui-dropdown .ui-dropdown-options li { margin: 0; padding: 0; } .ui-dropdown .ui-dropdown-options a { color: #2D92B9 !important; display: block; font-style: normal; line-height: 1.3; margin: 0 0 3px 0; padding: 5px; } .ui-dropdown .ui-dropdown-options a:hover, .ui-dropdown .ui-dropdown-options .ui-state-active, #page .ui-dropdown .ui-dropdown-options a:hover, #page .ui-dropdown .ui-dropdown-options .ui-state-active { background-color: #2A92BB; color: #fff !important; } form ul li { list-style-image: none !important; } /* Checkbox */ .ui-checkbox { background: url(images/checkbox.png) no-repeat left top; display: inline-block; height: 18px; margin: 0 3px 5px 0; vertical-align: middle; width: 17px; } .ui-checkbox-checked { background-position: left bottom; } /* Radio Buttons */ .ui-radio { background: url(images/radio_button.png) no-repeat left top; display: inline-block; height: 19px; margin: 0 3px 5px 0; vertical-align: middle; width: 18px; } .ui-radio-checked { background-position: left bottom; } /*--------------------------- Image Styles ---------------------------*/ #page .image_container_left p, #page .image_container_right p, #home .image_container_left p, #home .image_container_right p, #page .image_container p, #home .image_container p { color: #758FA2; font-size: 11px; line-height: 12px !important; margin: 8px 0 0 0; } .image_container_left { float: left; margin: 0 20px 0 0; } .image_container_right { float: right; margin: 0 0 0 20px; } .image_container_right p.image_caption, .image_container_right img, .image_container_left p.image_caption, .image_container_left img { width: 220px; } p.caption { color: #939DA3; font-size: 11px !important; line-height: 15px !important; } .block_image { margin: -5px 0 15px 0; } img.right, p img.right { float: right; margin: 0 0 20px 20px; } img.left, #page p img.left { float: left; margin: 0 20px 20px 0; } /*--------------------------- Header ---------------------------*/ #header_wrapper { height: 85px;} #header { z-index: 2; margin: 0 auto; right: 0; width: 793px;} #header a#home_logo { cursor: pointer; display: block; left: -15px; top: 20px; z-index: 2; position: relative; width: 280px; height: 268px;} a#halfacre_logo {position: absolute; bottom: 15px; left: 0px;} .carpet { background: url('../back.png') no-repeat top left; width:793px; height: 519px; margin: 0 auto 0 auto; position: relative; } .carpet #contain { padding: 50px 55px 15px 275px; text-align: justify;} .carpet #contain_photo { padding: 50px 55px 15px 55px; text-align: left;} /*--------------------------- Main Navigation ---------------------------*/ #nav { font-family: Arial, sans-serif; height: 62px; z-index: 3; top:0; padding: 62px 0 0 260px; position: absolute; min-width: 500px; } #nav li { float: left; margin: 0 19px 0 6px; } #nav li a { color: #fff; cursor: pointer; display: block; height: 62px; text-indent: -9999px; } #nav li ul.subnav { position: absolute; left: -9999px; padding: 0px 0 39px 0; top: auto; z-index: 3; } #nav li:hover ul.subnav, #nav li.hover ul.subnav { left: auto; } #nav li ul.subnav li { float: none; padding: 0 0 10px 0; font-size: 14px; font-weight: bold; } #nav li ul.subnav li a { background-image: none; color: #FFF; display: block; float: none; font-size: 13px; height: auto; line-height: auto; margin: 0; padding: 0 5px; text-align: center; text-indent: 0; width: 111px; } #nav li ul.subnav li a:hover { color: #f4d06e; } /*About*/ #nav li.about ul { width: 134px; } #nav li.about a { background: url(../nav/about.png) top left no-repeat; width: 134px;} #nav li.about ul { background: url(../nav/drop.png) bottom left no-repeat; } /*Events*/ #nav li.events ul { width: 134px; } #nav li.events a { background: url(../nav/events.png) top left no-repeat; width: 134px; } #nav li.events ul { background: url(../nav/drop.png) bottom left no-repeat; } /*Tickets*/ #nav li.tickets ul { width: 134px; } #nav li.tickets a { background: url(../nav/tickets.png) top left no-repeat; width: 134px; } #nav li.tickets ul { background: url(../nav/drop.png) bottom left no-repeat; } #nav li.about:hover a, #nav ul li.active a, #nav li.about a:hover, #nav li.about a.selected, #nav li.events a:hover, #nav li.events:hover a, #nav li.events a.selected, #nav li.tickets a:hover, #nav li.tickets:hover a, #nav li.tickets a.selected { background-position: bottom left; } /*--------------------------- Homepage Content ---------------------------*/ #home p { color: #121A1F; font-size: 13px; line-height: 20px; padding: 0 0 20px 0; } #home_content { float: left; padding: 0 0 0 20px; width: 620px; background-image: url(../resources/bg.jpg); } #home_content a:hover { color: #8DABC3; } #home_content ul { margin: 0 0 20px 25px; } #home_content .callout_content { min-height: 0; } /*Home Carousel*/ #home_feature { border: solid 1px #CCC; border-left: none; border-right: none; height: 519px; } #home_carousel { height: 519px; margin: 0 auto; position: relative; width: 1075px; } #home_feature_content { background: url(../resources/home_scroller_bg.png) no-repeat; bottom: 23px; height: 93px; left: 68px; position: absolute; width: 940px; } #home_feature_content h2 { float: left; padding: 8px 0 0 10px; width: 790px; } #home_carousel ul.pages { margin: 0 0 0 80px; padding: 0; } #home_carousel ul.pages li { display: block; float: left; } #home_carousel ul.pages li a { background: url(../resources/home_scroller_tab_bg.png) no-repeat; color: #46A0C2; display: block; font-size: 15px; width: 28px; margin: 0 2px 0 0; padding: 5px 0 0 0; text-align: center; } #home_carousel ul.pages li a:hover, #home_carousel ul.pages li a.selected { color: #FFF; } #home_carousel .previous, #home_carousel .next { display: block; height: 80px; margin: -6px 0 0 0; text-indent: -9999px; width: 70px; } #home_carousel .previous { background: url(../resources/home_scroller_button_previous.gif) no-repeat; float: left; } #home_carousel .next { background: url(../resources/home_scroller_button_next.gif) no-repeat; float: right; } #home_carousel .previous:hover, #home_carousel .next:hover { background-position: bottom left; } #home_carousel .carousel_container { height: 429px; overflow: hidden; position: relative; width: 1075px; } #home_carousel .carousel_items { height: 429px; left: 0; position: absolute; top: 0; width: 20000px; background-image: url(../resources/bg.jpg); } #home_carousel .carousel_items li { display: block; float: left; height: 429px; margin: 0 800px 0 0; width: 1075px; } #home_carousel .carousel_items li img { float: right; } #home_carousel h2 { font-size: 23px; line-height: 25px; text-transform: none; } #home_carousel h2 strong { color: #FFF; font-weight: normal; } #home_carousel a.more { background: url(../resources/more_arrow_home_feature.gif) no-repeat left top; color: #FFF; margin: 10px 0 0 4px; } #home_carousel a.more:hover { background-position: left bottom; color: #8DABC3; } /*Home Sidebar*/ #home #left_sidebar { background: #EFEFEF url(images/sidebar_bg.jpg) repeat-x; float: left; margin: 0 0 40px 0; width: 300px; } #home #sidebar_body { border: solid 1px #FFF; border-bottom: none; border-top: none; } #home #sidebar_top { background:transparent url(images/sidebar_top.png) no-repeat; height: 10px; } #home #sidebar_bottom { background:transparent url(images/sidebar_bottom.png) no-repeat; height: 10px; } #home ul li { font-size: 13px; line-height: 22px; } #home p.large_text_callout { font-size: 17px; font-weight: normal; line-height: 26px; padding: 0 0 13px 0; } #home_side_dt { background: url(images/home/home_page_sidebar_coat_image.png) no-repeat; height: 209px; } #home #sidebar_body div.callout, #home #sidebar_body div.partners { border-top: solid 1px #FFF; padding: 27px 0px 27px 20px; } #home #sidebar_body div.first { border-top: none; padding: 0 13px 27px 20px; } #home #sidebar_body .callout a { color: #121A1F; display: block; font-size: 16px; line-height: 1.2; } #home #sidebar_body .callout img.left { margin: -8px 5px 0 0; } #home #sidebar_body .callout span { font-size: 18px; font-weight: bold; } #home #sidebar_body .callout p { color: #888F95; font-size: 12px; line-height: 13px; margin: 0 0 0 72px; padding: 7px 0 0 0; } #home #sidebar_body div.partners a { border-right: solid 1px #FFF; padding: 10px 0 10px 0; width: 85px; text-align: center; } #home #sidebar_body div.partners p a { border: none; padding: 0px 0 0px 0; text-align: left; width: auto; } #wrapper #home #sidebar_body div.partners a.last { border-right: none; } #home #sidebar_body .orange, #page #sidebar_body .orange { color: #FC5700; } #home #sidebar_body .pink, #page #sidebar_body .pink { color: #FD2749; } #home #sidebar_body .blue, #page #sidebar_body .blue { color: #1BA6DF; } #home #sidebar_body .green, #page #sidebar_body .green { color: #72AA32; } /* #page #sidebar_body .blue { font-size: 16px; font-weight: bold; line-height: 22px; }*/ #home #sidebar_body .bottom_callout img { padding: 7px 10px 0px 0px; } #wrapper #home #sidebar_body .bottom_callout p, #home #sidebar_body .partners p { color: #958F95; font-size: 13px; line-height: 14px; } #home #sidebar_body h2 a.black { border: none; color: #000; font-size: 17px; font-weight: normal; } /*Under Construction*/ #under-construction dl.callout dd { color: #FC5700; border-top: solid 1px; } #under-construction dl.callout dd p { background: url(images/under-construction.png) no-repeat; padding-left: 70px; } /*--------------------------- Generic Subpages ---------------------------*/ div.below_nav { font-size: 0; height: 4px; background-color: #EFEFEF; } #page_content { float: left; margin: 0 0 0 20px; width: 793px; } #page_content .main_content { background: url(images/callout_bg.jpg) repeat-x; margin: 10px 0 0 0; min-height: 0; padding: 25px; } .content p, #generic p { color: #121A1F; font-size: 13px; line-height: 20px; padding: 0 0 20px 0; } .content a:hover { color: #8DABC3; } .content ul { margin: 0 0 20px 25px;} .content ul li { font-size: 13px; line-height: 22px; } .content .page_content img { float: right; margin: 0 0 10px 10px; } #generic a { color: #1BA6DF;} /*404*/ #no_page { background: url(images/callout_bg.jpg) repeat-x; padding: 20px 15px 0 15px; } /*Page Sidebar*/ #page #left_sidebar { background: #EFEFEF url(images/sidebar_bg.jpg) repeat-x; float: left; margin: 0 0 40px 0; width: 220px;} #page #sidebar_body { border: 1px solid #FFF; border-width: 0 1px; } #page #sidebar_top { background:transparent url(images/sidenav_top.png) no-repeat; height: 10px ;} #page #sidebar_bottom { background:transparent url(images/sidenav_bottom.png) no-repeat; height: 10px ;} #page #sidebar_body ul { /*padding: 0 0 19px 0;*/ } #page #sidebar_body ul li { padding: 5px 0 5px 0; } #page #sidebar_body ul li a { color: #606A73; font-size: 14px; font-weight: bold; padding: 0 22px; display: block; line-height: 18px; } #page #sidebar_body ul li a:hover, #page #sidebar_body ul li a.selected { color: #121A1F; } #page #sidebar_body ul li ul { background-color: #F4F4F4; border: solid 1px #FFF; border-width: 1px 0; font-weight: normal; margin: 10px 0 -5px 0; padding: 0; } #page #sidebar_body ul li ul li a { color: #606A73 !important; display: block; font-size: 12px; font-weight: normal; margin: 0 0 0 32px; padding: 0 0 0 8px; } #page #secondary_nav ul li ul.subnav { padding: 8px 0; /*margin: 7px 0;*/ } #page #secondary_nav ul li ul.subnav li { padding: 0 0 6px 0; width: 190px; } #page #secondary_nav ul li ul.subnav li a { line-height: 1.3; } /*breadcrumb*/ #breadcrumbs { margin: 0 0 0 3px; padding: 0 0 0px 0; } #breadcrumbs li { color: #93A6B5 !important; display: inline; font-size: 11px; font-weight: bold; margin: 0 4px 0 0; } #breadcrumbs a { color: #93A6B5 !important; padding: 0 4px 0 0; } #breadcrumbs li.selected, #breadcrumbs a:hover { color: #606A73 !important; font-size: 11px;} /*columns*/ #page_content .large_column { width: 358px; } #page_content .small_column { width: 276px; } #page_content .block_image_with_text { margin: 0 0 28px 0; width: 638px; } #page_content .block_image_with_text p { color: #FFF; font-size: 24px; line-height: 26px; padding: 10px; } /*--------------------------- Callouts ---------------------------*/ dl.callout_large { width: 620px; padding: 0 0 10px 0; } dl.callout_small { width: 300px; padding: 0 0 10px 0; } dl.right { margin: 0 0 0 20px; } dl.callout dt { border-bottom: solid 1px; font-size: 16px; text-transform: uppercase; font-weight: normal; padding: 0 0 9px 0; } dd.callout_content { background: url(images/callout_bg.jpg) repeat-x; margin: 0; padding: 23px 18px 18px 18px; } /*--------------------------- Side Callouts ---------------------------*/ #page #sidebar_body h4 { color: #000; } #page #sidebar_body h5 { font-weight: normal; } #page #sidebar_body img { margin: 0 10px 0 0; padding: 0;} #page #sidebar_body div.side_callout { border-top: solid 1px #FFF; padding: 20px 0 5px 0; } #page #sidebar_body div.side_callout a { color: #121A1F; display: block; font-size: 14px; line-height: 1.3; } #page #sidebar_body div.side_callout span { font-weight: bold; } /*--------------------------- Task Bar ---------------------------*/ #task_bar { float: right; margin: 0 5px 0 0; } #task_bar a { color: #93A6B5 !important; float: left; font-weight: bold; } #task_bar a.print { background: url(images/print.jpg) no-repeat left top; display: block; height: 12px; margin: 5px 0 0 0; padding: 0 0 0 20px; } #task_bar a.print:hover { background-position: bottom left; color: #9CC4ED !important; padding: 0 0 0 20px; } /*--------------------------- Blockquote ---------------------------*/ #page_content blockquote { background: url(images/callout_bg.jpg) repeat-x; margin: -1px 0 15px 0; padding: 24px 12px 24px 12px; } #page_content blockquote p { font-size: 16px; font-weight: bold; padding: 0 0 5px 0; margin: 0; } #page_content blockquote p.quote_name { color: #758FA2; font-size: 11px; float: right; line-height: 13px; margin: 0 5px 0 0; text-indent: -13px } #page_content blockquote.small_blockquote { min-height: 109px; width: 324px; } #page_content blockquote.large_blockquote { min-height: 109px; } #page_content blockquote img.left { margin: 4px 10px 0 0; } #page_content .intro_text { font-size: 16px; font-weight: normal; line-height: 21px; padding: 0 0 20px 0; } #about #page_content blockquote { border-top: solid 1px #FC5700; } #about blockquote p.quote { background: url(images/blockquote_orange.gif) no-repeat left top; padding: 0 0 0 35px; } #events #page_content blockquote { border-top: solid 1px #1BA6DF; } #tickets #page_content blockquote { border-top: solid 1px #FD2749; } /*--------------------------- Colors ---------------------------*/ /*pages not in navigation*/ #wrapper div.main_content { border-top: solid 1px #1BA6DF; } #wrapper h2, #contact-us a, #wrapper p a, #contact-us h4, #contact-us h3 { color: #1BA6DF; } div.below_nav { background-color: #1BA6DF; } #wrapper dl.callout dt { color: #1BA6DF; } #wrapper a.more { background: url(images/more_arrow_get_involved.gif) no-repeat left top; } #wrapper a.more:hover { background-position: left bottom; color: #8DABC3; } #wrapper a.back { background: url(images/back_arrow_get_involved.gif) no-repeat left bottom; } #wrapper a.back:hover { background-position: left top; color: #8DABC3; } #wrapper .main_content ul li { list-style-image: url(images/page_li_bg_get_involved.gif); } #wrapper #page #sidebar_body ul li ul li a { background: url(images/subnav_active_get_involved.jpg) no-repeat left 6px; } #wrapper #page #sidebar_body ul li ul li a:hover, #events #page #sidebar_body ul li ul li a.selected { background-position: -161px 6px !important; color: #1BA6DF !important; } #wrapper .block_image_with_text { background-color: #1BA6DF; } #wrapper #page_content p.intro_text { color: #1BA6DF; } #wrapper #page_content p.intro_text a { color: #999; } #wrapper #page_content p.intro_text a:hover { color: #A2B2BF; } #page h4 {color: #1BA6DF; } /*About Us*/ #about div.main_content { border-top: solid 1px #FC5700; } #about h2, #about a, #about p a, #about h4, #about h3, #about .intro_text { color: #FC5700; } #about .below_nav { background-color: #FC5700; } #about dl.callout dt { color: #FC5700; } #about a.more { background: url(images/more_arrow_about_us.gif) no-repeat 5px top; } #about a.more:hover { background-position: 5px bottom; color: #8DABC3; } #about a.back { background: url(images/back_arrow_about_us.gif) no-repeat left bottom; } #about a.back:hover { background-position: left top; color: #8DABC3; } #home_content #about ul { margin: 0 0 0 5px; width: 290px; } #about .main_content ul { margin: 0 0 0 5px; } #home_content #about ul li, #about .main_content ul li { background: url(images/page_li_bg_about_us.gif) no-repeat left 5px; list-style-image: none; padding: 0 0 5px 15px; } #about #page #sidebar_body ul li ul li a { background: url(images/subnav_active_about_us.jpg) no-repeat left 6px; } #about #page #sidebar_body ul li ul li a:hover, #about #page #sidebar_body ul li ul li a.selected { background-position: -161px 6px; color: #FC5700 !important; } #about .block_image_with_text { background-color: #FC5700; } #about #page_content p.intro_text { color: #FC5700; } /*Get Involved*/ #events div.main_content { border-top: solid 1px #1BA6DF; } #events h2, #events a, #events p a, #events h4, #events h3 { color: #1BA6DF; } #events .below_nav { background-color: #1BA6DF; } #events dl.callout dt { color: #1BA6DF;} #events a.more { background: url(images/more_arrow_get_involved.gif) no-repeat 5px top; } #events a.more:hover { background-position: 5px -37px; color: #8DABC3; } #events a.back { background: url(images/back_arrow_get_involved.gif) no-repeat left bottom; } #events a.back:hover { background-position: left top; color: #8DABC3; } #home_content #events ul li, #events .main_content ul li { list-style-image: url(images/page_li_bg_get_involved.gif); } #events #page #sidebar_body ul li ul li a { background: url(images/subnav_active_get_involved.jpg) no-repeat left 6px; } #events #page #sidebar_body ul li ul li a:hover, #events #page #sidebar_body ul li ul li a.selected { background-position: -161px 6px !important; color: #1BA6DF !important; } #events .block_image_with_text { background-color: #1BA6DF; } #events #page_content p.intro_text { color: #1BA6DF; } /*Our Programs*/ #tickets div.main_content { border-top: solid 1px #FD2749; } #tickets h2, #tickets a, #tickets p a, #tickets h4, #tickets h3, #tickets .intro_text { color: #FD2749; } #tickets .below_nav { background-color: #FD2749; } #tickets dl.callout dt { color: #FD2749; } #tickets a.more { background: url(images/more_arrow_our_programs.gif) no-repeat 5px top; } #tickets a.more:hover { background-position: 5px bottom; color: #8DABC3; } #tickets a.back{ background: url(images/back_arrow_our_programs.gif) no-repeat left bottom; } #tickets a.back:hover { background-position: left top; color: #8DABC3; } #home_content #tickets ul li, #tickets .main_content ul li { list-style-image: url(images/page_li_bg_programs.gif); } #tickets #page #sidebar_body ul li ul li a { background: url(images/subnav_active_our_programs.jpg) no-repeat left 6px; } #tickets #page #sidebar_body ul li ul li a:hover, #tickets #page #sidebar_body ul li ul li a.selected { background-position: -161px 6px; color: #FD2749 !important; } #tickets .block_image_with_text { background-color: #FD2749; } #tickets #page_content p.intro_text { color: #FD2749; } /*--------------------------- Generic Content ---------------------------*/ .generic div.main_content { background: url(images/callout_bg.jpg) repeat-x; border-top: solid 1px #2C91B9; margin: 10px 0 0 0; min-height: 0; padding: 25px; } .generic h2, .generic a, .generic p a, .generic h4, .generic h3 { color: #2C91B9; } .generic dl.callout dt { color: #2C91B9;} .generic a.more { background: url(images/more_arrow_our_programs.gif) no-repeat left top; } .generics a.more:hover { background-position: left bottom; color: #8DABC3; } .generic .main_content ul li { list-style-image: url(images/page_li_bg_generic.gif); } /*--------------------------- Meet The Team ---------------------------*/ #meet_the_team { margin: 0 0 10px 0;} #meet_the_team h4 { color: #121A1F; font-size: 18px; padding: 0 0 5px 0; } #meet_the_team div.meet_the_team { padding: 0 0 25px 0; float: left; } #meet_the_team .small_column { float: left; padding: 0 20px 0px 0; } #meet_the_team .large_column { float: right; margin: 0; padding: 0; width: 345px; } #meet_the_team p.team_contact { font-size: 12px; padding: 0 0 5px 0; } /*--------------------------- Get Involved Landing ---------------------------*/ #page_content ul#get_involved_landing_nav { height: 71px; margin: 0 !important; padding: 0 !important; } #page_content ul#get_involved_landing_nav li { display: block; float: left; list-style-image: none; margin: 0 12px 0 0; padding: 0; } #page_content ul#get_involved_landing_nav li a { background: url(images/get_involved/get_involved_landing_nav_bg.jpg) no-repeat left top; color: #000; display: block; float: left; font-size: 14px; font-weight: bold; height: 51px; line-height: 17px; margin: 0; padding: 20px 20px 0 68px; width: 116px; } #page_content ul#get_involved_landing_nav li a:hover { background-position: left bottom; color: #FFF; } #page_content ul#get_involved_landing_nav li.last { margin: 0 0 0 2px; } /*--------------------------- Our Program Landing ---------------------------*/ #our_program_landing_nav { margin: 10px 0 30px 0; } #our_program_landing_nav p { color: #939DA3; font-size: 12px; line-height: 15px; padding: 0 2px 2px 2px; } #our_program_landing_nav .our_program_landing_nav { float: left; margin: 0 12px 0 0; width: 208px; } #our_program_landing_nav .our_program_landing_nav_last { margin: 0;} #our_program_landing_nav h5 { padding: 0 0 6px 0; } #our_program_landing_nav h5 a { background: url(images/our_programs/our_programs_landing_nav_bg.gif) no-repeat; color: #121A1F; display: block; font-size: 16px; height: 46px; line-height: 20px; padding: 2px 0 0 55px; } #our_program_landing_nav h5 a:hover { color: #FD2749; } /*--------------------------- Donate Landing ---------------------------*/ #donate_landing_nav { margin: 10px 0 30px 0; } #donate_landing_nav p { color: #939DA3; font-size: 12px; line-height: 15px; padding: 0 16px 27px 16px; } #donate_landing_nav .donate_landing_nav { background: url(images/callout_bg.jpg) repeat-x; float: left; margin: 0 12px 0 0; width: 208px; } #donate_landing_nav .donate_landing_nav_last { margin: 0;} #page_content #donate_landing_nav h5 { padding: 0 0 6px 0; line-height: 36px; } #donate_landing_nav h5 a { background: url(images/get_involved/donate_landing_nav_bg.gif) no-repeat 12px 13px; color: #121A1F; display: block; font-size: 36px; font-weight: normal; height: 40px; padding: 27px 0 0 58px; } #donate_landing_nav h5 a:hover { color: #1BA6DF; } #ways_to_donate { background: #1BA6DF; height: 342px; margin: 0 0 20px 0; padding: 16px 13px 13px 13px; } #page #ways_to_donate h2 { color: #FFF; font-size: 26px; font-weight: normal; text-transform: capitalize; } #page #ways_to_donate h4 { color: #FFF; padding: 0 0 15px 0; } #page #ways_to_donate .ways_inside { height: 201px; margin: 12px 12px 0 12px; } #page .way_to_donate p { line-height: 18px; padding: 0 0 10px 0; } .way_to_donate { background: #FFF; float: left; } #page .way_to_donate h3 { color: #000; display: block; font-size: 18px; text-transform: capitalize; padding: 8px 0 19px 0; } #page .way_to_donate h3 span { background: url(images/get_involved/ways_span_bg.gif) no-repeat; color: #FFF; display: block; float: left; font-size: 22px; height: 28px; margin: -8px 5px 0 0; padding: 5px 0 0 8px; width: 23px; } #ways_to_donate .way_1 { margin: 0 12px 0 0; width: 195px; } #ways_to_donate .way_2 { width: 417px;} #page #ways_to_donate p.ways_address { color: #1BA6DF; font-weight: bold; } #ways_to_donate .ways_bottom { background: url(images/get_involved/ways_bottom_bg.jpg) repeat-x; height: 30px; padding: 14px 0 0 14px; } #page #ways_to_donate .ways_bottom a, #page #ways_to_donate .ways_bottom p { color: #757575; font-size: 14px; font-weight: bold; } #page #ways_to_donate .ways_bottom a { background: url(images/get_involved/ways_bottom_link_bg.gif) no-repeat left top; display: block; height: 19px; padding: 0 0 0 25px; } #page #ways_to_donate .ways_bottom a:hover { background-position: left bottom; color: #1BA6DF; } #page #ways_to_donate p.mail_bottom { background: url(images/get_involved/ways_mail_bottom_bg.jpg) no-repeat; padding: 0 0 0 38px; } /*--------------------------- FAQ's ---------------------------*/ #faqs h4 { color: #1BA6DF; font-weight: bold; padding: 0 0 9px 0; } #faqs span.number { color: #1BA6DF; font-size: 16px; float: left; } #faqs .questions { font-size: 16px; line-height: 20px; margin: 0 0 30px 0; } #faqs .questions a { color: #121A1F; display: block; float: left; padding: 0 0 7px 0; } #faqs .questions a:hover { color: #1BA6DF; } .number { color: #2C91B9; font-size: 16px; float: left; margin-right: 10px; } #faqs #answers .number { font-weight: bold; padding: 2px 0 0 0; } #faqs #answers .answer div { font-size: 13px; margin: 0 0 0 25px; } #page #faqs #answers .answer p { line-height: 20px; margin: 0px; padding: 0 0 5px 0; } #faqs #answers .answer h4 { padding: 0 0 1px 0; } /*--------------------------- Marketplace ---------------------------*/ #checkout_content p.cart_minimum { color: #868E94; float: right; font-size: 12px; padding: 0; } /*--------------------------- College & Universities ---------------------------*/ #college_and_universities { margin: 33px 0 0 0; width: 639px; } #college_and_universities h2 { color: #121A1F; text-transform: none; } .college { background: url(images/callout_bg.jpg) repeat-x; border-top: solid 1px #FD2749; float: left; padding: 16px 15px 20px 15px; width: 279px; } .college_first { margin: 0 20px 0 0; } .college img { margin: 15px 0 11px 0; } #page a.black, #wrapper p a.black { color: #121A1F; margin: -9px 0 0 0; } /*------------------------------------------- Success Stories -------------------------------------------*/ .success_stories { clear: both; margin: 50px 0 0 0; } .success_stories_header { background: url(images/success_stories_header.png) no-repeat; color: #fff; font-size: 13px; font-weight: bold; height: 31px; line-height: 31px; padding: 0 20px; } .success_story { background: url(images/callout_bg.jpg) repeat-x; border-top: solid 1px #1BA6DF; margin: 0; padding: 13px 19px 16px 19px; } .success_story h5 { padding-bottom: 0; } /*--------------------------- News & Press ---------------------------*/ #news_and_press_feature { background: url(images/callout_bg.jpg) repeat-x left 24px; margin: 0 0 30px 0; } #news_and_press_feature h4 { font-weight: bold; color: #121A1F; line-height: 20px; padding: 0 0 2px 0; } #news_and_press_feature p { padding-bottom: 8px; } #news_and_press_feature .small_column h3 { padding: 0 0 30px 0; } .featured_news { padding: 24px; } /*Scroller*/ #scroll_left { float: left; margin-top: 120px; margin-right: 10px; } #scroll_right { float: left; margin-top: 120px; margin-left: 10px; } #scroll_wrapper { float: left; width: 580px; border-left: 1px solid #A80044; border-right: 1px solid #A80044; overflow: hidden; height: 266px; padding-left: 20px; padding-right: 20px; } #scroller { width: 10000px; } #scroller .item { width: 580px; float: left; color: #666; font-size: 12px; margin-right: 20px; } #scroller .item img { border: 3px solid #C0014E; float: left; margin-right: 20px; } #scroller .item strong { font-size: 12px; color: #666; font-weight: bold; } #scroller .item small { font-size: 11px; color: #999; font-weight: normal; } #scroller .item h2 { font-size: 20px; color: #A80044; font-weight: bold; margin-top: 8px; margin-bottom: 8px; } #page ul#news_type_tabs { background: url(images/news_and_press/news_press_types_tabs_bg.jpg) no-repeat; display: block; height: 30px; margin: 0 0 -10px 0; padding: 0 0 0 10px; width: 640px; } #page ul#news_type_tabs li { background-image: none; color: #FFF; float: left; list-style-image: none; margin: 4px 0 0 0; padding: 0; } #page ul#news_type_tabs li.view { border-right: solid 1px #D24800; color: #FFF; display: block; float: left; font-size: 11px; padding: 0 8px 0 0; margin: 5px 10px 0 5px; } ul#news_type_tabs li a { color: #FFF; display: block; font-size: 12px; font-weight: bold; margin: 0 1px 0 0; padding: 0 8px; } ul#news_type_tabs li.active a, ul#news_type_tabs li.active a:hover { background-color: #A83900; } ul#news_type_tabs li a:hover { background-color: #D24800; color: #FFF; } #news_scroll_wrapper { width: 650px; overflow: hidden; } #news_scroller { width: 10000px; } #news_scroller .year { float: left; width: 650px; } #news_scroller .news_item { background: url(images/callout_bg.jpg) repeat-x; border-top: solid 1px #FC5700; margin: 0; min-height: 0; padding: 13px 19px 16px 19px; } #news_scroller .news_item h5 { padding-bottom: 0; } #page #news_scroll_wrapper h5 a { color: #121A1F; } .featured_news p.date, #news_scroll_wrapper p.date { color: #FC5700; font-size: 11px; padding: 0; } /*--------------------------- Marketplace Log-in ---------------------------*/ .log_in { background: url(images/callout_bg.jpg) repeat-x left 30px; margin: 0 0 40px 0; } .log_in form { padding: 20px 0 0 20px; } .log_in form label { color: #2D92B9; font-size: 14px; line-height: 20px;} .log_in form input { border: solid 1px #DDD; font-size: 13px; margin: 0 0 15px 0; padding: 10px; width: 250px; } .log_in form input:focus { border: solid 1px #2D92B9; font-size: 13px; padding: 10px; width: 250px; } .log_in form p { margin: 0; padding: 0;} .log_in form input.submit_btn { border: none; padding: 0; width: 76px; } .log_in h5 span { font-weight: normal; } .large_log_in { width: 312px; margin: 20px 0 0 0; } .small_log_in { width: 312px; margin: 20px 0 0 0; } #page .small_log_in p { margin: 20px 20px 0 20px; padding: 0; } #page .small_log_in h2 { color: #000; font-size: 26px; font-weight: normal; margin: 27px 0 10px 0; text-transform: none; } #page .small_log_in a { text-transform: none; } /*--------------------------- Donate Form ---------------------------*/ #page #checkout_form h2.clear { border-bottom: solid 1px #DDD; display: block; margin: 0 0 10px 0; padding: 30px 0 8px 0; } /*#page #donate_form_body p.checkout_row_right_small { width: 105px !important; } #page #donate_form_body p.checkout_row_right_small_margin { margin: 0 15px 0 0; width: 139px !important; }*/ #page #donate_form_body p.checkout_row_right_small { width: 20px !important; float: right; } #page #donate_form_body p.checkout_row_right_small_margin { margin: 0 12px 0 0; width: 163px !important; } #page #donate_form_body p.checkout_row_small_zip { width: 20px !important; float: right; } #page #checkout_form .donation_amount { float: left; margin: 0 0 10px 12px; } #page #checkout_form .donation_amount p { color: #6A6F72; } #page #checkout_form p#designation { color: #6A6F72; float: right; font-size: 12px; width: 260px; } #page #checkout_form p#designation span { display: block; width: 230px; margin: 0 0 5px 0; } #page #checkout_form p#designation checkbox { float: left; padding: 0 0 10px 0; } #page #checkout_form p#designation .ui-checkbox { float: left; margin: 0 10px 5px 0; padding: 0; } #page #checkout_form p#designation .ui-dropdown { margin: 0 0 10px 0; } /*--------------------------- General Form Styling ---------------------------*/ .generic p.form_instructions, #page p.form_instructions { color: #878E94; font-size: 12px; padding: 0; } .generic p.form_instructions img, #page p.form_instructions img { padding: 0 2px 0 0; } .generic form label, #page form label { color: #2D92B9; font-size: 14px; line-height: 24px; } input.large, input.small, input.smallest { border: solid 1px #DDD; font-size: 13px; /*margin: 0 0 15px 0;*/ padding: 10px; } /* input.large:focus, input.small:focus { border: solid 1px #2D92B9; font-size: 13px; padding: 10px; }*/ #checkout_form input.focus { border: solid 1px #2D92B9; } input.large { width: 280px; } input.small { width: 83px; } input.smallest { width: 63px; } label.required { background: url(images/required.gif) no-repeat right top; padding: 0 12px 0 0; } .radio_buttons { float: left; font-size: 13px; width: 261px; } .radio_buttons p { line-height: 24px; padding: 0; } .radio_buttons input { margin: 10px 3px 0 0; } input.continue_btn { border: none; margin: 0; padding: 0; width: 178px; } /*--------------------------- Where We Work ---------------------------*/ #page #where_we_work_map { background: url(images/where_we_work/where_we_work_map.jpg) no-repeat left; height: 474px; position: relative; width: 620px; } #page a.map_point { color: #FFF; display: block; float: left; padding: 5px 0 0 0; /*position: absolute; */text-align: center; text-indent: -1000em; } #page a.map_point:hover { text-indent: 0; } #page a.map_point span { background: #FC5700; line-height: 14px; padding: 2px 4px; } a.seattle { height: 62px; margin: 0 0 0 97px; width: 85px; } a.chicago { height: 48px; margin: 101px 0 0 204px; width: 83px; } a.pennsylvania { height: 13px; margin: 101px 0 0 22px; width: 50px; } a.boston { height: 13px; margin: 79px 0 0 0; width: 63px; } a.new_york { height: 15px; margin: 0 0 0 0; width: 63px; } a.baltimore { height: 30px; margin: 0 0 0 45px; padding: 10px 0 0 0; width: 47px; } a.delaware { height: 23px; margin: 0 0 0 0; width: 51px; } a.atlanta { height: 41px; margin: 50px 0 0 451px; padding: 20px 0 0 0; width: 70px; } #page .where_we_work p { color: #868E94; padding: 0 0 40px 0; } /*--------------------------- Footer ---------------------------*/ #footer { position: absolute; bottom: 0; right: 37px; } #footer_content { margin: 0 auto 31px auto; width: 793px; text-align:right; position: relative; } #footer_content ul li { display: inline; } #footer_nav { padding: 3px 0 0 5px;} #footer a { color: #121A1F; font-size: 12px; padding: 0 7px 0 0; } #footer_nav li a.footer_about { color: #FC5700; font-weight: bold; } #footer_nav li a.footer_get_involved { color: #1BA6DF; font-weight: bold; } #footer_nav li a.footer_programs { color: #FD2749; font-weight: bold; } #footer_contact { color: #3D4A54; font-size: 11px; padding: 8px 0 0 5px; } #footer_contact li { padding: 0 7px 0 0; } #footer_contact strong { color: #121A1F; } #footer_social_media { padding: 10px 0 0 5px; } #footer_social_media li a { color: #758FA2; display: block; float: left; font-size: 12px; height: 17px; padding: 2px 10px 0 20px; } a.footer_twitter { background: url(images/icon_twitter.jpg) no-repeat left top; } #footer a.footer_facebook { background: url(images/facebook-icon.png) no-repeat left top; padding-left: 20px; } #footah { color: #fcfcfc; font-size: 10px; line-height: 13px; position: absolute; bottom: 10px; right: 10px; } #footah p a{ color: #ccc; text-decoration: none; } #footer p a{ color: #758FA2; } #footer a:hover { color: #8DABC3 !important; }