body{ font-family: verdana,sans-serif,Trebuchet MS, Arial; font-size:14px; color: #000;}
body#home{background: #a7d7e6 url('../img/bg_home.jpg') repeat-x top center fixed;background-size:100% auto;}
body#home.class_1{background-image:url('../img/bg/1.jpg');}
body#home.class_2{background-image:url('../img/bg/2.jpg');}
body#home.class_3{background-image:url('../img/bg/3.jpg');}
body#home.class_4{background-image:url('../img/bg/4.jpg');}
body#home.class_5{background-image:url('../img/bg/5.jpg');}
body#home.class_6{background-image:url('../img/bg/6.jpg');}
body#home.class_7{background-image:url('../img/bg/7.jpg');}
body {background: #127BBF !important}
/* HEADERS */
#background_wrapper{background:#fff; width: 1040px; margin:0 auto;}
#background_wrapper > .row{background:#fff repeat-y top center; background-size:100% auto; padding:0 5px; width:1030px;}
#background_wrapper > .row.ending{width:1030px; overflow: hidden}

/*LINKS SETUP */
a:link, a:hover, a:visited,a:active {color: #2179b8;text-decoration: none;}
a.active:link, a.active:hover, a.active:active, a.active:visited {color: #1d377f;text-decoration: none;}
.page_21 .row.position {display: none}
header .logo img{margin-left:15px; width: 280px; max-width: 280px;}
header .logo .slider{float:right; padding-right:20px; width:40%; overflow: hidden; height:160px; text-align:right;}
header .logo .slider img{padding:0;margin:0; margin-top:15px}

#background_wrapper header input.submit,#background_wrapper header input.input{font-size:12px;padding:2px 1%; margin:2px 0; width:98%; line-height:18px;}
#background_wrapper header input.submit{width:101%;}
header .logo .slider > a{float:right; width:100%;text-align:right;}
#contact_us_top{display:none;}
#background_wrapper header form,#button_actions{width:163px;float:right;}
#button_actions a{margin:10px 0; display:block;}
.colors{font-style: italic; font-weight:bold; font-size:25px;}

a.facebook{margin:10px 20px 0 0; position:absolute;top:0;left:0;}

.parish_news_list{float:left; width:100%;padding:0;margin:0 0 30px;}
.parish_news_list li{float:left; width:21%; margin:0 2%;}
.parish_news_list li a:hover,.parish_news_list li a.active{color:#bec225;}


header{position:relative;}
header ul{float:left;width:100%; list-style-type: none; padding:0 0 0 13px;margin:0; position:relative; margin-bottom:10px;}
header ul li{float:left; width:auto; margin: 0 5px; height:29px; line-height:29px;}
header ul.top_nav li a{background:#484848; display:block; padding: 0 23px; color:#fff; font-weight:bold;}
header ul.top_nav li a:hover,header ul.top_nav li.active a{background: #484848;}
header ul.top_nav > li.dropdown.active a {background: #127BBF}
header ul.top_nav > li.dropdown.active a:hover {background: #484848}
header ul.top_nav > li.dropdown.active li.active a {background: #484848}
header ul.top_nav li.active a {background: #127BBF}
header ul.top_nav ul{padding:0; position:absolute; top:29px;left:auto; z-index:1000; width:100%; margin:0; display:none;}
header ul.top_nav ul li{float:left; width: 100%; margin:0; height:auto;}
header ul.top_nav ul li a{padding: 1px 5px; line-height:18px; width:auto; font-size:85%; color:#fff; background:#127BBF; font-style:normal; border-top:1px dotted #fff;}
header ul.top_nav ul li.active a,header ul.top_nav ul li a:hover{color:#FFF;}

.features{box-shadow: 0 2px 10px -4px #127BBF;margin: 0px 0 15px; background:#F8F8F8; height: 220px; overflow:hidden;}
.features .element{height:200px; padding:10px; width:980px;float:left; overflow:hidden;}
.features .element .image{width:600px; text-align:center; height:inherit; margin-right:0;}
.features .element .image img{height:auto; width:100%;max-height:100%; max-width:100%;}
.features .element .text{width:358px;padding:0 10px; background:#F0F0F0; color:#FFF; border-left:2px solid #127BBF; height: 100%;}
.features .element .text .title{font-size:115%;font-weight:bold;}
.features .element .text .title a{color:#127BBF;}
.top-banner {background: #0079BA; padding-top:20px; margin-top:15px; margin-bottom: 30px;}
.top-banner img {width:100%; max-width: 100%; display:block}

.loading{font-size:200%;}

footer{float:left;width:100%; background:url('../img/footer.png') center bottom no-repeat;background-size:100% auto; padding-top:23px; color:#fff;padding-bottom:8px; font-size:115%; font-weight:bold;}
footer{padding-top:0;}
div.bottom_nav{background:#161616;padding: 10px 0 20px; border-top:3px solid #464646; margin-left: -5px; padding-right: 10px;}
ul.bottom_nav{float:left;width:100%; list-style-type: none; padding:0 0 0 10px;margin:0; position:relative;}
ul.bottom_nav li{float:left; width:15%; margin: 0 0.6%; line-height:20px;}
ul.bottom_nav li a:first-child{font-size:14px; border-bottom:1px solid #127BBF; padding-bottom:6px; text-align:center;}
ul.bottom_nav li a{display:block; color:#fff; font-weight:bold; font-style:italic; font-size:12px; line-height:18px;}
ul.bottom_nav li a:hover{color:#666;}
.white{color:#fff;}
.copyrights{padding-top:10px; border-top:1px solid #127BBF; margin-top:10px;}
.scrollToTop:hover {
  background-color: #127BBF !important;
}

#background_wrapper .blue .submit {background: #127BBF; color: #fff; text-transform: uppercase; border: solid 2px #127BBF; transition: .3s ease-out}
#background_wrapper .blue .submit a {color: #fff}
#background_wrapper .blue .submit:hover {background: #484848; border-color: #127BBF;}


#main .container{width:1000px; float:left;margin: 0 15px;}
.columns .left{width: 65%;}
.columns .right{width:32%;}
.col_50{width:45%; float:left; margin-right:5%;}

#flashMessage { width: 400px; margin-left:-220px; position: absolute; top: 45%; left: 50%; border: 1px #ED522B solid; background: #666; padding:20px; font-weight: bold; cursor:pointer;}

#background_wrapper .input{float:left; width: 410px; background: #F0F0F0 no-repeat top left; border: none; line-height:16px; padding:8px; margin:10px 0; border-radius: 10px;}
#background_wrapper #contact_us .input.textarea{height:71px; background: #bad7ed no-repeat top left;}
#background_wrapper .submit{line-height:16px; padding:8px 12px; margin:10px 0; color:#333; width:auto; text-align:center;background: #CCC no-repeat top left; border-radius: 10px;  border: none;}
#background_wrapper .submit:hover{ background:#47b04c no-repeat top left; border:2px solid #bec225; color:#fff;}
#background_wrapper #contact_us .input.error{box-shadow: 0px 0px 2px 3px #FF0000;}
#background_wrapper .submit.gold{background:#FFD700;transition: .3s ease-out; border: none; width: 300px;
float: right;
margin-top: 20px;}
#background_wrapper .submit.gold:hover {background:#127BBF; color: #fff;} 

.class_Blog p > img{float:left; margin-right:10px;}

#background_wrapper #search_form_masses .input{width:177px;margin-right:1%;margin-left:1%;height:34px; padding:0;}
#background_wrapper #search_form_masses .input:last-child{margin-right:0;}

#search_form{margin:0;width:325px;}
#search_form .input{width:248px;margin:0;}
#search_form .submit{width:45px; float:right;margin:0;}

#search_form_masses .input select{background:none;border:none; width:175px; height:inherit; outline: none; border-radius: 10px;}
#search_form_masses .submit{float:left; width:15%; padding-left:0;padding-right:0;}
#search_form_masses .submit input{background:none; border:none; float:left; width:100%; height:100%; text-align:center;}
.search_bread{margin-bottom:8px;}

.load_fixed_headers{margin: 30px 0 50px;}
.load_fixed_headers table .name{text-align:left;}
.load_fixed_headers table td{text-align:center; line-height:26px; vertical-align: middle;}
.load_fixed_headers table th,.load_fixed_headers table td{/*width: 460px;*/ padding: 15px 5px; background: #f0f0f0; line-height:22px; border:1px solid #d0d0d0;}
.load_fixed_headers table th{background:#d8d8d8; border:1px solid #c0c0c0;}

.box{background:#F0F0F0; padding: 10px 5%; width:89%;border-radius: 10px; margin-top:10px;}
.box .subtitle{margin-top:0;color:#e37125;}
.box .subtilte a{color:#e37125;}
.breaker.row{height:1px; line-height:1px; font-size:1px; width:98%; margin:1%; float:left; background: #127BBF; margin: 20px 0 10px;}
.orange{color:#e37125;}
.blue{color:#2179b8;}
.green{color:#87b04c;}
.mega{font-size:20px; display: none;}
header .mega{font-size:12px;margin:6px 0 5px;}
header .colors{font-size:18px;}


.calendar.box .subtitle{margin-bottom:0px;}
.calendar.box p{padding-bottom:10px; color: #484848}
.calendar.box .fb-share-button{float:none;margin-top:5px;}

.submit a{display:block; color:#000;}
.submit:hover a{color:#fff;}

#contact_us{background: #fff; border-top:3px solid #565656; color:#333; padding: 20px 0 30px; font-size:16px;}
#contact_us .contact{width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 20px;}
#contact_us .newsletter{width:430px; margin-right:20px;}
#contact_us .logo{margin-top:20px;}
#contact_us .logo span.fleft{width:70%;}
#contact_us .logo span.fright{width:30%; text-align:left;}

.feature-pager {text-align: right; width: 98%; z-index: 500; position: relative; overflow: hidden; float:left;margin-top:-45px; height:16px;line-height:16px;}
.feature-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px;display: inline-block; color: #BBB; cursor: pointer;}
.feature-pager span.cycle-pager-active { color: #127BBF}
.feature-pager > * { cursor: pointer;}
p.title{font-size:180%; border-bottom:1px solid #127BBF; color:#127BBF; padding-bottom:5px; font-weight:bold; text-align:center; position:relative;}
p.title.no_line{border:none;}
.subtitle{font-size:140%; font-weight:bold;}
.lock_image_size{max-height:300px; margin-bottom:30px; overflow:hidden;}
p.title_image{text-align:center;}
p.title_image img{width:auto;height:auto;max-width:100%;max-height:100%;}
p.title span.date{font-size:65%; color:#555;position:absolute; z-index:1; right: 10px; bottom:-20px;}
a.title{font-size:120%; color:inherit;}
span.date{color:#555; font-size:90%; line-height:24px; font-weight:bold;}

.backlink{margin: 10px;}
.backlink a{text-decoration:underline; color:#222;}
#breadcrumbs{margin-bottom:20px; margin-top:5px; width:610px;}
.event a.title{text-transform: uppercase;color:#2179b8; padding-bottom:4px;font-weight:bold;}

#list_page .position{border-bottom: 1px solid #87b04c; margin-bottom:20px;}
#list_page img{margin-right:15px;}
#latest_news{margin-bottom:20px; margin-top:-60px;}
.side_image img{max-height:200px; max-width:200px; margin-right:10px;}
.my_row{float:left;width:100%;margin-top:10px}#container_dmi{width:228px;height:29px;background:url('http://dubucmarketing.com/external/dmi.png') top left no-repeat;margin:10px auto}#container_dmi.eng{background-image:url(http://dubucmarketing.com/external/dmi_eng.png)}#container_dmi .left,#container_dmi .right{width:50%;float:left;height:32px}#container_dmi .right .link{height:14px;float:left;width:100%}
h2.inline,h3.inline,h2.inline a, h3.inline a{display:inline;font-size:inherit;color:#333;margin:0;padding:0;}

#event_details .col{width:29%; margin:0 2%; float:left;}

#main_gallery .image_box{float:left; width:23%; margin:10px; width:228px;border:1px solid #333;}
#main_gallery .image_box img{width:auto;height:auto;max-width:100%; max-height:170px;}
#main_gallery .image_box .image{text-align:center;}
#main_gallery .image_box .text{padding:3px 1%; width:98%;float:left;}

.parishes{float:left;width:100%; margin-bottom:40px;}
.parishes table{float:left;width:100%;}
.parishes table th,.parishes table td{width: 460px; padding: 10px 18px; background: #f0f0f0; line-height:30px; border:1px solid #d0d0d0;}
.parishes table th{background:#d8d8d8; border:1px solid #c0c0c0;}
.parishes table td{border-bottom:20px solid #fff;}
.parishes .title{font-size:170%;}
.parishes .links{text-align:right; float:right;}

.parish_profile .side_nav_fixed{position:fixed;top:0;left:50%; padding:0;margin:314px 0 0 -684px;border: 1px solid #87b04c; list-style-type:none;}
.parish_profile .side_nav{float:left; width:248px; list-style-type:none; padding:0;margin:0;}
.parish_profile .side_nav li{float:left;width:100%; margin-bottom:2px;}
.parish_profile .side_nav_fixed a,.parish_profile .side_nav a{background:#87b04c; color:#fff;border-bottom:1px solid #87b04c; display:block; width:180px; line-height:20px; padding:5px 10px;}
.parish_profile .image_nav{width:400px;float:right; margin-right:300px;}
.parish_profile{text-align:center; margin:0 2%; width:96%; position:relative; float:left;}
.parish_profile .cult_image{margin-bottom:20px;}
.parish_profile .left{text-align:left;}
.parish_profile > .row{margin-bottom:15px; padding-top:5px;}
.parish_profile .row .town .cult,.parish_profile .row .town .header{width:92%; padding: 4px 4%;}
.parish_profile .header{font-size:110%; float:left;width:100%; padding: 6px 0; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; text-transform: uppercase;background:#2179b8; color:#f0f0f0; font-weight:bold;}
.parish_profile .row .town .header{background:#bec225; color:#fff;}
.parish_profile img,.parish_profile p.title_image img{max-height:300px; box-shadow: 0 4px 20px -4px #e37125;}
.parish_profile iframe{margin: 15px 0; width:400px; height:300px;}

.filter select{margin-left:10px;}
#background_wrapper .filter .input{width:auto;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #000;
}
#cboxPrevious,#cboxNext{border:none;}
#cboxPrevious{left:5px;}
#cboxNext{right:5px;left:auto;}
#cboxContent{background:#fff;}
#cboxCurrent{display:none !important;}
#cboxClose{border:none;height:24px;}

.scrollToTop{position:fixed; left:50%;margin-left:455px;bottom:25px; width:46px;height:48px; background: url('../img/arrow-back2.png') no-repeat center center; cursor:pointer; border-radius:5px; z-index:9999;}
.scrollToTop:hover{background-color: #a35115;}
#flashMessage { width: 400px; position: absolute; top: 45%; left: 50%; border: 1px #ED522B solid; background: #D2E4F0; padding:20px; font-weight: bold; cursor:pointer; margin-left:-200px; z-index:99999;}

#container_dmi{width:280px; line-height:20px; height:46px;background:none; font-size:12px; margin:0 auto; overflow:hidden;}
#container_dmi .left{height:inherit;width:50%; text-align:left;float:left;}
#container_dmi .right{text-align:left; padding-top:4px;width:50%;float:right;}
#container_dmi .right a:link,#container_dmi .right a:visited,#container_dmi .right a:hover,#container_dmi .right a:active{color:#fff; text-decoration:none;font-weight:normal; display:inline;}
#container_dmi img{height:46px;width:auto;}

#container_dmi {width: 100%; display: flex; align-items: center; justify-content: center; height: auto; line-height: initial;}
#container_dmi div {display: inline-block !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important;}
#container_dmi img {height: 60px; max-width: 100%}