/*----------------------------------------------------------------------------- Global StyleSheet (Saint Mary Visitation) version: 1.0 author: Rebecca Kemnitz & Bas email: rebecca@bytestudios.com & bas@bytestudios.com -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ /* Remove padding and margin */ * { margin: 0; padding: 0; } /* Put it back on certain elements */ /* h1, h2, h3, h4, h5, h6 { margin: 1em 0; } */ /* Class for clearing floats */ .clear { clear: both; } /* Remove border around linked images */ img { border: 0; } body { text-align: center; background-image: url('/assets/images/layout/body_bg.png'); background-repeat: repeat; background-position: center top; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; } img { border: none; } * { margin: 0; padding: 0; } /* Links -----------------------------------------------------------------------------*/ a { text-decoration: none; } a:hover { } a:active { outline: none; } /* Main Layout -----------------------------------------------------------------------------*/ #master_wrapper { background-image: url('/assets/images/layout/body_top_bg.jpg'); background-position: 51.8% top; background-repeat: no-repeat; height: 300px; } #header { width: 1053px; height: 167px; margin: 0 auto; background-image: url('/assets/images/layout/header_bg_s.jpg'); background-position: center top; background-repeat: no-repeat; } .school #header { background-image: url('/assets/images/layout/header_bg_s.jpg'); } .parish #header { background-image: url('/assets/images/layout/header_bg_p.jpg'); } #header h1 a { float: left; display: block; text-indent: -9999px; width: 540px; height: 140px; } #outer_wrapper { width: 1053px; margin: 0 auto; } #wrapper { float: left; width: 1053px; margin: 0 auto; background-image: url('/assets/images/layout/body_bg_rep_y.jpg'); background-repeat: repeat-y; background-position: center top; position: relative; } #top_wrapper { width: 988px; height: 354px; margin: 0 auto; background-image: url('/assets/images/layout/top_page_rep_x.jpg'); background-repeat: repeat-x; background-position: center top; } #top_wrapper_secondary { width: 988px; height: 33px; margin: 0 auto; background-image: url('/assets/images/layout/top_page_rep_x_sec.jpg'); background-repeat: repeat-x; background-position: center top; } #center_wrapper { /*min-height: 353px; height: auto !important;*/ float: left; margin-left: 16px; width: 989px; text-align: left; background: #141871 url('/assets/images/layout/home_centerwrap_bg.png') repeat-y left top; } #wrapper>#center_wrapper { margin-left: 32px; } #master_wrapper.secondary #center_wrapper { float: left; width: 1053px; background: transparent url('/assets/images/layout/secondary_centerwrap_bg.gif') repeat-y left top; margin-left: 0px } #master_wrapper.secondary>#center_wrapper { margin-left: 0px; background: transparent url('/assets/images/layout/secondary_centerwrap_bg.png') repeat-y left top; } #footer { float: left; width: 989px; height: 78px; margin: 0 0 0 16px; background-image: url('/assets/images/layout/footer_bg_rep_x.png'); background-repeat: repeat-x; background-position: center top; border-top: 1px solid white; } #wrapper>#footer { margin-left: 32px; } #footer_menu { display: none; height: 20px; width: 100%; list-style: none; text-align: center; float: left; margin-top: 4px; font-size: 12px; } #footer_menu li { display: inline; margin-right: 18px; text-transform: capitalize; } #footer_menu li a { color: white; } #footer_menu li a:hover { text-decoration: underline; } #footer_text { height: 10px; padding: 40px 0 0 0; } #footer>#footer_text { height: 30px } #under_footer_space { float: left; height: 40px; width: 1053px; margin: 0 auto; } .white_bottom { border-bottom: 1px solid white; } /* Main Menu System -----------------------------------------------------------------------------*/ #top_menu { display: none; position: absolute; width: 1053px; height: 34px; left: 0px; top: 0px; } #top_menu_left, #top_menu_right { position: absolute; width: 833px; height: 29px; overflow: hidden; } #top_menu_left { background-image: url('/assets/images/layout/tab_left_bg.gif'); background-repeat: no-repeat; background-position: left top; left: 0px; text-align: left; padding: 5px 0 0 99px; } #top_menu_right {background-image: url('/assets/images/layout/tab_right_bg.gif'); background-repeat: no-repeat; background-position: right top; right: 0px; text-align: right; padding: 5px 99px 0 0; } #top_menu_left_trigger, #top_menu_right_trigger { position: absolute; width: 99px; height: 34px; cursor: pointer; z-index: 10; } #top_menu_left_trigger { left: 0px; } #top_menu_right_trigger { right: 0px; } #top_menu_left_trigger_tab, #top_menu_right_trigger_tab { height: 34px; width: 99px; background-repeat: no-repeat; top: -5px; position: absolute; } #top_menu_left_trigger_tab { left: 0px; background-image: url('/assets/images/layout/tab_left_bg.gif'); background-position: center left; } #top_menu_right_trigger_tab { right: 0px; background-image: url('/assets/images/layout/tab_right_bg.gif'); background-position: center right; } #top_menu_left_trigger_tab span, #top_menu_right_trigger_tab span { color: #141871; padding: 0 10px; font-size: 12px; display: block; margin-top: 11px; } #top_menu_left_trigger_tab span { float: right; margin-right: 9px; background: url('/assets/images/layout/topMenu_rightArrow.gif') no-repeat right center; } #top_menu_right_trigger_tab span { float: left; margin-left: 9px; background: url('/assets/images/layout/topMenu_leftArrow.gif') no-repeat left center; } #top_menu_left ul, #top_menu_right ul { list-style: none; position: absolute; height: 25px; width: auto; background-repeat: no-repeat; } #top_menu_left ul { left: -900px; background-image: url('/assets/images/layout/left_slide_bg.gif'); background-position: right top; } #top_menu_right ul { right: -900px; background-image: url('/assets/images/layout/right_slide_bg.gif'); background-position: left top; } #top_menu_left ul li, #top_menu_right ul li { float: left; padding: 6px 15px 11px 15px; } #top_menu_left ul li a, #top_menu_right ul li a { color: white; font-size: 8pt; } #top_menu_left ul li.active, #top_menu_left ul li:hover, #top_menu_right ul li.active, #top_menu_right ul li:hover { background: url('/assets/images/layout/top_nav_active_bg.png') no-repeat center bottom; } #top_menu_left ul li.active a, #top_menu_left ul li:hover a, #top_menu_right ul li.active a, #top_menu_right ul li:hover a { color: #ffc63f; } /* Secondary Menu System -----------------------------------------------------------------------------*/ #secondary_menu_wrap { display: none; width: 988px; margin: 0 auto; background-image: url('/assets/images/layout/sec_menu_bg.jpg'); background-position: bottom center; background-repeat: no-repeat; } #secondary_menu_wrap ul { list-style: none; } #secondary_menu_wrap ul li { float: left; padding: 5px 15px 5px 8px; background-image: url('/assets/images/layout/top_subnav_bg.png'); background-repeat: no-repeat; background-position: left center; margin-left: 7px; } #secondary_menu_wrap ul li.active,#secondary_menu_wrap ul li:hover { background-image: url('/assets/images/layout/top_subnav_active_bg.png'); } #secondary_menu_wrap ul li a { color: white; } #secondary_menu_wrap ul li.active a, #secondary_menu_wrap ul li:hover a { color: #ffc63f; } .hidden_submenu { display: none; } /* Secondary Specific -----------------------------------------------------------------------------*/ #breadcrumbs { list-style: none; float: left; width: 100%; color: #81809c; font-size: 8pt; margin-bottom: 15px; clear: both; } #breadcrumbs li { float: left; clear: none; } #breadcrumbs .separator { text-align: center; width: 13px; float: left; } #breadcrumbs li a { float: left; color: #81809c; } #tertiary_nav { list-style: none; float: left; width: 100%; color: #141871; font-size: 11px; /*background: url('/assets/images/layout/terNav_list_bg.png') no-repeat left bottom;*/ line-height: 2em; /*padding-bottom: 12px;*/ } #tertiary_nav li { float: left; clear: none; background: url('/assets/images/layout/tertNav_bg.png') no-repeat left center; padding-left: 7px; margin-right: 10px; } #tertiary_nav li.active { background: url('/assets/images/layout/tertNav_bg_active.png') no-repeat left center; } #tertiary_nav li a { color: #141871; } #tertiary_nav li a:hover { text-decoration: underline; } #tertiary_nav li.active a { color: #fdab11; } /* Homepage Specific -----------------------------------------------------------------------------*/ #mass_schedule { float: left; text-align: center; width: 368px; margin-left: 20px; } #top_wrapper>#mass_schedule { margin: 0 0 0 30px } #mass_schedule h4 { background: url('/assets/images/layout/barbed.gif') no-repeat center bottom; padding-bottom: 32px; margin-top: 54px; line-height:1.75em; font-weight: normal; font-size: 17px; margin-bottom: 6px; } #mass_schedule #mass_times { list-style: none; color: #6699ff; font-style: italic; font-size: 13px; line-height: 1.55em; margin-bottom: 14px; } #center_wrapper_quicklinks { float: left; width: 272px; height: 353px; clear: none; margin-left: 0; } #center_wrapper_lCol { float: left; width: 667px; clear: none; } #center_wrapper_rCol { float: left; width: 321px; background: url('/assets/images/layout/home_darkbluebgd.png') no-repeat; min-height: 277px; clear: none; } #center_wrapper>#center_wrapper_rCol { } /* secondary stuff -----------------------------------------------------------------------------*/ #master_wrapper.secondary #center_wrapper_lCol { float: left; width: 525px; margin: 8px 69px 64px 47px; color: #141871; } #master_wrapper.secondary #outer_wrapper #center_wrapper>#center_wrapper_lCol { margin-left: 93px; } #master_wrapper.secondary #center_wrapper_lCol h1 { font: normal 100 15pt Georgia, Times New Roman, serif; text-transform: uppercase; margin-bottom: 3px; } #master_wrapper.secondary #center_wrapper_rCol { float: left; width: 326px; background: none; margin-top: 9px; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy { float: left; width: 100%; font-size: 10pt; line-height: 15pt; margin-top: 21px; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy strong { font-weight: 900; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy img { border: 1px solid #ffc54f; margin: 15px; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy .subhead { text-transform: uppercase; font: normal 100 13pt Georgia, Times New Roman, serif; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy a { text-decoration: underline; color: #0f64ce; } #main_body_copy ul, #main_body_copy ol { list-style-position: outside; margin: 15px 25px; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy ul { list-style: disc; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy ol { list-style: decimal; } #main_body_copy ul li, #main_body_copy ol li { } /* for gallery pages -----------------------------------------------------------------------------*/ #master_wrapper.secondary #center_wrapper_lCol #main_body_copy #gallery_area { text-align: center; float: left; width: 100%; margin-top: 12px; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy #gallery_area p { margin: 10px; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy #gallery_area img { margin: 0; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy #gallery_image_list { text-align: center; width: 470%; float: left; margin: 15px 0; list-style: none; text-align: left; padding: 0 34px; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy #gallery_image_list li { display: block; float: left; margin: 0 10px 5px 0; padding: 0; } #master_wrapper.secondary #center_wrapper_lCol #main_body_copy #gallery_image_list li img { margin: 0; width: 55px; height: 55px; } /* Buckets -----------------------------------------------------------------------------*/ #master_wrapper.secondary #center_wrapper_rCol div { margin-right: -3px; } #master_wrapper.secondary #center_wrapper_rCol #testimonials { float: left; clear: both; background-color: #2f2d7d; border: 1px solid #ffc54f; width: 324px; margin-bottom: 24px; } #master_wrapper.secondary #center_wrapper_rCol #testimonials h4 { float: left; width: 307px; font-weight: normal; color: #ffa514; font-size: 14pt; font-style: italic; margin: 6px 0 5px 6px; } #master_wrapper.secondary #center_wrapper_rCol #testimonials p { float: left; width: 307px; font-size: 11pt; line-height: 14pt; margin: 0 0 14px 6px; } #master_wrapper.secondary #center_wrapper_rCol #testimonials .learn_more { float: right; width: 113px; height: 25px; background: url('/assets/images/layout/btn_purple_blue.png') no-repeat; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_list { float: left; width: 324px; margin-bottom: 24px; color: #242675; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_list h4 { float: left; width: 315px; color: #242675; font-weight: normal; font-size: 14pt; font-style: italic; margin: 0 0 11px 0; background:#ffb624 url('/assets/images/layout/btn_yellow_blue.png') no-repeat right center; line-height: 1.5em; border-right: 4px solid #ffb624; border-left: 7px solid #ffb624; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_list ul { list-style: none; float: left; width: 305px; font-size: 10pt; line-height: 1.35em; margin-right: 8px; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_list ul li { background: url('/assets/images/layout/purple_arrow.png') no-repeat left 6px; padding-left: 38px; margin-bottom: 5px; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_list ul li a { color: #242675; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_list ul li .date { font-style: italic; color: #0f64ce; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_yellow { float: left; width: 324px; margin-bottom: 24px; color: #242675; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_yellow h4 { float: left; width: 315px; color: #242675; font-weight: normal; font-size: 14pt; font-style: italic; margin: 0 0 11px 0; background:#ffb624; line-height: 1.5em; border-right: 4px solid #ffb624; border-left: 7px solid #ffb624; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_yellow img { float: right; width: 114px; height: 114px; border: 1px solid #5527a1; margin-right: 10px; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_yellow p { float: left; width: 180px; height: 96px; margin: 0 0 6px 8px; font-size: 11pt; line-height: 14pt; overflow: hidden; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_yellow .learn_more { float: left; width: 180px; height: 17px; background: url('/assets/images/layout/btn_lyellow_purple.png') no-repeat; margin: 0 0 0 8px; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_purple { float: left; width: 324px; margin-bottom: 24px; color: white; background-color: #2f2d7d; border: 1px solid #ffc54f; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_purple h4 { float: left; width: 307px; font-weight: normal; color: #ffa514; font-size: 14pt; font-style: italic; margin: 6px 0 11px 6px; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_purple img { float: right; width: 114px; height: 114px; border: 1px solid #feb524; margin-right: 11px; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_purple p { float: left; width: 180px; height: 96px; margin: 0 0 6px 8px; font-size: 11pt; line-height: 14pt; overflow: hidden; } #master_wrapper.secondary #center_wrapper_rCol .secondary_bucket_purple .learn_more { float: left; width: 180px; height: 17px; background: url('/assets/images/layout/btn_purple_blue.png') no-repeat; margin: 0 0 6px 8px; } #homilies { float: left; background: #343193 url('/assets/images/layout/star.png') no-repeat; border: 2px solid #343193; padding-left: 31px; text-align: left; margin-left: 17px; } #homilies_list { float: left; background-color: #1b1871; width: 177px; } #homilies_list h4 { border-bottom: 2px solid #343193; font-size: 17px; font-weight: normal; text-transform: uppercase; line-height: 1.4em; margin-bottom: 9px; } #homilies_list li { font-size: 12px; line-height: 1.4em; margin: 0 13px 12px 17px; } #homilies_list a { color: white; text-decoration: none; } #homilies_list a:hover { text-decoration: underline; color: #ffc63f; } .quick_links { float: left; background: #343193 url('/assets/images/layout/star.png') no-repeat; border: 2px solid #343193; padding-left: 31px; text-align: left; margin-left: 7px; margin-bottom: 3px; } #center_wrapper_quicklinks>.quick_links { margin-left: 17px; } .quick_links ul { float: left; background-color: #1b1871; width: 210px; } .quick_links ul h4 { font-size: 17px; font-weight: normal; text-transform: capitalize; line-height: 1.4em; } .quick_links.active ul h4 { border-bottom: 2px solid #343193; margin-bottom: 9px; } .quick_links ul li { display: none; font-size: 12px; line-height: 1.4em; margin: 0 13px 12px 17px; } .quick_links.active ul li { display: block; } .quick_links ul a { color: white; text-decoration: none; } .quick_links ul a:hover { color: #ffc63f; } .bkt_listing { float: left; border-bottom: 1px solid #343193; width: 375px; margin-bottom: 19px; } .bkt_listing h4 { background: url('/assets/images/layout/key.png') no-repeat left center; padding-left: 30px; margin-left: 23px; font-size: 16px; font-weight: normal;margin-bottom: 9px; } .bkt_listing ul { list-style: none; margin-left: 53px; font-size: 13px; color: #6699ff; } .bkt_listing ul li { margin-bottom: 14px; width: 280px; } .bkt_listing ul li a { font-size: 13px; color: #6699ff; } .bkt_listing ul li span.date { font-size: 12px; font-style: italic; color: white; } .bkt_listing .button { float: left; margin-left: 51px; margin-bottom: 20px; } .bkt_home { float: left; width: 240px; margin-top: 22px; margin-left: 5px; } #center_wrapper_rCol>.bkt_home { margin-left: 19px; width: 280px; } .bkt_home h4 { font-size: 16px; color: #6566be; font-weight: normal; margin-bottom: 9px; } .bkt_home img.bkt { float: left; width: 60px; height: 60px; margin-right: 9px; } .bkt_home p { float: left; width: 120px; font-size: 12px; } .bkt_home>p { width: 190px; } .bkt_home .button { float: right; clear: both; margin-top: 13px; }