@charset "utf-8";
Body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
		font-family: 'Merriweather', serif;
	font-size:12px;
	
	color:#000;
	text-align:left;
	line-height:19px;
	background:#fcf9f4;
	
}

.home_link{
	color:#666666;
	font-weight:normal;	
}
.style1 {
	color: #333333;
	font-size: 11px;
}
#top-wrapper{
	background:#513729;
	width:100%;
	height:30px;
	float:left;
	padding:0px;
	margin:0px;
	border-top: 4px solid #af1e1e;
}
#aboutus_cover{
	width:100%;
	float:left;
	padding:15px 0 15px  0;
	margin:0px;
	background: #DFCDB3;
	margin-top: 30px;
}
#gallery_cover{
	width:100%;
	float:left;
	padding:15px 0 15px  0;
	margin:0px;
	background: #a82626;
}
#obituary_cover{
	width:100%;
	float:left;
	padding:15px 0 15px  0;
	margin:0px;
	
}
#mass_cover{
	width:100%;
	float:left;
	padding:15px 0 15px  0;
	margin:0px;
}
#topheader{
	width:1000px;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
.topmenu{
	width:auto;
	height:30px;
	padding:0px 0px 0px 0px;
	float:left;
	margin:0px;
}
.topmenu ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
}	
.topmenu li{
	padding:0px 0px 0px 0px;
	margin:0px 1px 0px 0px;
	list-style:none;
	float:left;
}
.topmenu li a{
	padding:0px 20px 0px 20px;
	font-family: 'Merriweather', serif;
	margin:0px;
	float:left;
	background:#513729;
	font-size:11px;
	font-weight:300;
	text-align:left;
	color:#fff;
	line-height:30px;
	white-space:nowrap;
}
.topmenu li a:hover{
	background:#80492b;
}

/* ---------- login style ---------- */
.outer{
	text-align: left; /**/
	position: relative;
	}
	
.inner {
	position: relative;
	overflow: hidden;
	width: 160px;
	margin: 0 auto;
	}
	
	
/* ----------
				3.0 Global Styles
---------- */
.hide { display: none; }
.watchtower{
	padding:0px 0px 0px 0px;
	float:left;
}

	
.watchtower .ri-toggle {
	float: right;
	position: relative;
	font-size: 11px;
	line-height: 30px;
	z-index: 99;
	zoom: 1;
	background:url(../../images/MAMPOIL/login-icon.png) no-repeat left;
	}
	.watchtower .ri-toggle:hover,
	.watchtower .ri-toggle:hover span {
		cursor: pointer;
		text-decoration: none;
		background:url(../../images/MAMPOIL/login-icon.png) no-repeat left #80492b;
		}

	
.watchtower .ri-inner {
	display: none;
	position:absolute;
	/*float: right;*/
	top:29px;
	left:0;
	height: 71px;
	/*overflow: hidden;*/
	/*visibility: visible;*/
	/*opacity: 0;*/
	background: #fedd59;
	border: 1px solid #ffeb8c;
	width: 300px;
	font-size: 12px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
.watchtower .ri-inner-content {
	padding: 5px 10px 20px 10px;
	position: relative;
	z-index: 999;
	}
	
.watchtower .ri-inner-content a {
	color: #323232;
	}
	
	
/* ----------
				4.1.3 Header Login
---------- */
#riLogin {
	width:auto;
	}
#riLogin .ri-toggle {
	padding:0px 20px 0px 32px;
 }
#riLogin .ri-toggle:hover {
	line-height:30px;
	display: block;
	padding:0px 20px 0px 32px;
	color:#fff;
	}
	
	#riLogin .ri-current,
	#riLogin .ri-current:hover {
	color: #fff;
	background:url(../../images/MAMPOIL/login-icon.png) no-repeat left #80492b;
	padding:0px 20px 0px 32px;
	line-height:30px;
	display: block;
		}

#riLogin .ri-inner {
	width: 465px;
	height: auto;
	color: #ccc;
	padding:0px 0px 15px 0px;
	background-color: #80492b;
	border-color: #2c7cc9;
	z-index: 102 !ie;
	}
	
#riLogin .ri-inner-content {
	padding: 10px 10px 10px 10px;
	color:#888;
	zoom: 1;
	}
#riLogin .ri-inner-content ul{
	padding:0px;
	margin:0px;
	list-style:none;
	}	
#riLogin .ri-inner-content li{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	width:180px;
	height:auto;
	min-height:30px;
	color:#888;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	line-height:30px;
	}	

#riLogin .ri-inner-content li.topbutton{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
	float:left;
	width:81px;
	height:auto;
	color:#888;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	line-height:30px;
	}		
#riLogin .ri-inner-content li.topforgot{
	padding:0px 0px 10px 135px;
	margin:0px;
	list-style:none;
	float:left;
	width:245px;
	height:auto;
	min-height:30px;
	color:#888;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	line-height:30px;
	}
#riLogin .ri-inner-content li.topforgot a{
	color:#888;
	padding:0px;
	margin:0px;
	font-weight:normal;
	text-decoration:none;
	background:none;
	}
#riLogin .ri-inner-content li.topforgot a:hover{
	color:#000;
	text-decoration:underline;
	}
.textbox{
	width:140px;
	height:auto;
	float:left;
	padding:5px 10px 5px 10px;
	margin:0px;
	background:#eff4f8;
	border:#dde4ea 1px solid;
	color:#676768;
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.toplogin-button{
	margin:0px;
	padding:0px 0px 3px 0px;
	background:url(../../images/MAMPOIL/login-btn.png) no-repeat center;
	cursor:pointer;
	border:none;
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	height:30px;
	width:81px;
	line-height:27px;
	text-decoration:none;
}
.social-links{
	width:auto;
	height:30px;
	padding:0px 0px 0px 0px;
	float:right;
	margin:0px;
	color:#81b1d1;
	font-family: 'PT Sans', sans-serif;
}
.social-links ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
}	
.social-links li{
	padding:0px 0px 0px 0px;
	margin:0px 1px 0px 0px;
	list-style:none;
	float:left;
	color:#81b1d1;
	font-size:14px;
	line-height:30px;
}
.social-links li a{
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 1px;
	float:left;
	width:26px;
	height:25px;
	text-align:center;
	background:#513729;
}
.social-links li a:hover{
	background:#2c7cc9;
}
*{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}
ul, header, footer{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
	}


#header-panel{
	width:100%;
	height:131px;
	float:left;
	padding:0px;
	margin:0px;
}
#bannerbg{
	width:100%;
	height:465px;
	float:left;
	padding:0px;
	margin:0px;
	
}

.rslides {
	margin: 0 auto 0px;
  }
  .rslides li {
  list-style:none;
 
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

a {
  color: #EA1212;
  text-decoration: none;
  }

a:hover{
	color:#000;
	text-decoration:none;
	}
#newslist
	{
  float: left;
  padding-bottom: 10px;
  border-bottom: 1px dotted #d9d9d9;
  margin-bottom: 10px;
  width:610px;
	}

#ministry
{
	float:left;
	width:238px;
	height:auto;
	margin-right: 14px;
}
#ministry img
{
	float:left;
	width:234px;
	border:4px solid #e5e5e5;
	
}
#ministry_last img
{
	float:left;
	width:234px;
	border:4px solid #e5e5e5;
	
}
#ministry_name
{
	float:left;
	width:232px;
	text-align:center;
	height: 35px;
	background: #d29717;
	margin-top: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 2px solid #c88a02;
	font-family: 'Patua One', cursive;
	color: #FFFFFF;
	font-size: 18px;
	padding-left: 5px;
	line-height: 32px;
	font-weight: 400;
	
}
#ministry_name2
{
	float:left;
	width:232px;
	text-align:center;
	height: 35px;
	background: #ceac28;
	margin-top: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 2px solid #c19a04;
	font-family: 'Patua One', cursive;
	color: #FFFFFF;
	font-size: 18px;
	padding-left: 5px;
	line-height: 32px;
	font-weight: 400;
}

#ministry_last
{
	float:left;
	width:238px;
	height:auto;
}
#menucover{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
	height: 39px;
}
#header{
	width:1000px;
	height:131px;
	margin:0px auto;
	padding:0px;
	background-image: url(../../images/MAMPOIL/header-bg.jpg);
	background-repeat: repeat;
}
#logo{
	width:415px;
	height:129px;
	float:left;
	padding:0px 0px 0px 10px;
	margin:0px;
}
#church{
	width:200px;
	height:131px;
	float:right;
	padding:0px 0px 0px 10px;
	margin:0px;
}
#map
{
	float:left;
	margin-right:8px;
	border: 3px solid #fff;
}
#header-img{
	width:125px;
	height:139px;
	float:right;
	padding:0px;
	margin:0px;
}
#wrapper-out{
	width:100%;
	height:auto;
	float:left;
	padding:0px;
	margin:0px 0 0 0;
}
#wrapper{
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:0px;
}
#container{
	width:1000px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#menu-banner-panel{
	width:1000px;
	float:left;
	margin:0px;
	height: 380px;
	background-repeat: no-repeat;
}
#menu-container{
	width: 1000px;
	height:41px;
	background:#fff;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	color:#faefbc;
}
/*.menu {list-style:none; width:960px; height:42px; font:14px normal 'Droid Sans', sans-serif; text-align:left; padding:0pxmargin:0px auto; }
.menu a {float:left; text-align:left; color:#faefbc; text-decoration:none; height:42px; font-weight:normal;font-family: 'Droid Sans', sans-serif;font-size:14px;line-height:42px;padding:0px 19px 0px 20px;margin:0px 5px 0px 0px;	text-shadow:#303030 1px 0px 1px;}
.menu a:hover {color:#fff; background:#d77400; text-shadow:#303030 0px 1px 2px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.menu li {position:relative; float:left; z-index:1000; line-height:50px; color:#fff; padding:0px 0px 0px 0px; margin:0px;   }
.menu ul {display:none; position:absolute; font:normal 13px 'Droid Sans', sans-serif; top:46px; left:0;  list-style:none}
.menu ul li {float:none; margin:1px 0px 0px 0px;   }
.menu ul li ul li{float:none; margin:0px 0px 2px 2px;  }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; color:#fff; background:#1e130d; text-shadow:#303030 1px 0px 1px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; white-space:nowrap; }
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {color:#fff; background:#d77400; text-shadow:#303030 1px 0px 1px;}
.menu ul ul {left: 100%; top:0}
li.menuhover a {color:#fff; background:#d77400; text-shadow:#303030 0px 1px 2px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.menu a.current {color:#fff; background:#d77400; text-shadow:#303030 0px 1px 2px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}*/

#banner{
	width:1000px;
	height:auto;
	float:left;
	padding:0px;
	clear:both;
	margin: 0;
}
#welcome{
	width:270px;
	height:350px;
	float:left;
	border: #dddddd solid 1px;
	box-shadow: 0px 0px 2px #ccc;
	margin-left: 12px;
	
}
#welcome h2{
	width:270px;
	height:42px;
	float:left;
	background:#005eb5;
	font-family:'Raleway', sans-serif;
	color:#FFFFFF;
	line-height: 40px;
	
	}
.welc-text {
	padding: 8px 12px 12px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	width: 270px;
	}
	.welc-text p
	{
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:justify;
	padding-top: 4px;
	padding-bottom: 10px;
	
	}
	
	.welc-text ul{
	width:246px;
	height:38px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-top:#eeeeee solid 1px;
	border-right:#d8d8d8 solid 1px;
	border-bottom:#b7b7b7 solid 1px;
	border-left:#d8d8d8 solid 1px;
	box-shadow:0px 1px 2px #ccc;
	border-radius:3px;
	overflow:hidden;
	background:url(../../images/MAMPOIL/gray-box-bg.gif) repeat-x top;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	color:#333;
}
.welc-text ul li{
	width:33%;
	height:38px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-left:#e8e8e8 solid 1px;
	list-style: none;
}
.welc-text ul li a{
	display:block;
	width:100%;
	height:29px;
	color:#393939;
	text-align:center;
	padding:9px 0px 0px 0px;
	text-decoration:none;
}
.welc-text ul li a:hover{
	background:url(../../images/MAMPOIL/gray-box-bg.gif) repeat-x bottom;
}
.welc-text ul li:first-child{
	border:none;
}
.welc-text ul li span{
	margin:0px 6px 0px 0px;
}
.welc-text ul li .join{
	width:15px;
	height:20px;
	display:inline-block;
	background:url(../../images/MAMPOIL/bible.png) no-repeat center center;
}
.welc-text ul li .sermons{
	width:15px;
	height:20px;
	display:inline-block;
	background:url(../../images/MAMPOIL/vision.png) no-repeat center center;
}
.welc-text ul li .support{
	width:15px;
	height:20px;
	display:inline-block;
	background:url(../../images/MAMPOIL/history.png) no-repeat center center;
}
	
	
	
	
#welcomefont{
	float:left;
	background:#005eb5;
	font-family:'Lobster', cursive;
	color:#FFFFFF;
	font-weight:400;
	padding-right: 5px;
	font-size: 19px;
	padding-left: 5px;
	}	
	

#homecontent-panel{
	width:1000px;
	height:auto;
	padding:0px;
	margin:0px auto;
	clear:both;
}
#ministry-panel{
	width:1000px;
	height:auto;
	float:left;
	padding:0 0 30px 0;
	margin:0px 0 0 0;
}
#homeshadow-panel{
	width:1000px;
	height:11px;
	margin:0px;
	padding:0px;
	top:0;
	left:0;
	position:relative;
	z-index:99;
}
#homeLHS{
	height:auto;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	left:0;
	float:left;
	width: 1000px;
}
.LHSbox1{
	width:1000px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
.calender{
	width:auto;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
.homily{
	width:360px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
.LHSbox5{
	width:1000px;
	height:auto;
	float:left;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
#about{
	width:600px;
	height:330px;
	float:left;
	padding:15px;
	margin:0px 0px 0px 0px;
	font-family: 'Merriweather', serif;
	font-size:12px;
	font-weight:300;
	color:#5e5e5e;
	text-align:justify;
	line-height:19px;
	background: #fff;
	border: 1px solid #e3d9c8;
}
#about p{
padding-top:10px;
	
}
#holymass_outer{
	width:635px;
	height:auto;
	float:left;
	
}
#holymass{
	width:270px;
	height:340px;
	float:left;
	padding:15px;
	margin:0px 0px 0px 0px;
	font-family: 'Merriweather', serif;
	font-size:12px;
	font-weight:300;
	color:#5e5e5e;
	text-align:justify;
	line-height:19px;
	background: #fff;
	border: 1px solid #eee8df;
}
#holymass p{
padding-top:10px;
	
}
#saintday{
	width:270px;
	height:340px;
	float:left;
	padding:15px;
	margin:0px 0px 0px 25px;
	font-family: 'Merriweather', serif;
	font-size:13px;
	font-weight:600;
	color:#333;
	text-align:justify;
	line-height:22px;
	background: #fff;
	border: 1px solid #eee8df;
}
#saintday p{
padding-top:10px;
color:#5e5e5e;
	
}
#bishops{
	width:170px;
	float:left;
	padding:0px;
	margin:30px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
#bpouter{
	width:170px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:center;
	line-height:19px;
}
#bpphoto{
	width:170px;
	float:left;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:center;
	line-height:19px;
	background: #eac36f;
}
#bpphoto2{
	width:170px;
	float:left;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:center;
	line-height:19px;
	background: #ead16f;
}
#bpphoto img
{
	text-align: center;
}
#bpphoto2 img
{
	border:4px solid #edd9a3;
	text-align: center;
}
#bpname{
	width:170px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: 'Raleway', sans-serif;
	;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:center;
	line-height:15px;
}
.priciples{
	width:310px;
	height:330px;
	float:right;
	padding:15px;
	margin:0px 0px 0px 0px;
	font-family: 'Merriweather', serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background: #fff;
	border: 1px solid #e3d9c8;
}
.events{
	width:310px;
	height:340px;
	float:right;
	padding:15px;
	margin:0px 0px 0px 0px;
	font-family: 'Merriweather', serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background: #fff;
	border: 1px solid #eee8df;
}
#videogal{
	width:280px;
	height:auto;
	float:left;
	padding:0;
	margin:0px 0px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
#homilies{
	width:690px;
	height:auto;
	float:left;
	padding:0;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
#homilies2{
	width:289px;
	height:auto;
	float:left;
	padding:0;
	margin:0px 0px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
#readingouter
{
	width:auto;
	height:auto;
	float:left;
	margin-bottom: 10px;
}
#search-panel{
	width:130px;
	height:167px;
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0 0 0;
	margin-right: 10px;

}
#social{
	height:35px;
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px;
	background: #ffcc31;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: -1px 3px 18px -6px rgba(107,106,107,1);
	-moz-box-shadow: -1px 3px 18px -6px rgba(107,106,107,1);
	box-shadow: -1px 3px 18px -6px rgba(107,106,107,1);
	width: 125px;
}
.social-links{
	height: 30px;
	padding: 0px 0px 0px 8px;
	float: right;
	margin: 0px;
	color: #81b1d1;
	font-family: 'PT Sans', sans-serif;
	width: auto;
}
.social-links ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
}	
.social-links li{
	padding:0px 0px 0px 0px;
	margin:0px 1px 0px 0px;
	list-style:none;
	float:left;
	color:#81b1d1;
	font-size:14px;
	line-height:30px;
}
.social-links li a{
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 1px;
	float:left;
	width:26px;
	height:25px;
	text-align:center;
	
}
.social-links li a:hover{
	background:#362319;
}
.srch-input{
	width:180px;
	height:30px;
	padding:0px 0px 0px 10px;
	margin:0px;
	border:0px;
	background:#fff;
	color:#939191;
	line-height:30px;
	float:left;
	-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
	
}
.srch-btn{
	width:31px;
	float:left;
	height:30px;
	padding:0px;
	margin:0px 0px 0px 0px;
	border:0px;
	background:url(../../images/MAMPOIL/searchbtn.png) no-repeat;
	cursor:pointer;
}
#links
{
	width:auto;
	height:auto;
	float:left;
	margin-bottom: 20px;
}
#videogal_outer{
	width:640px;
	height:auto;
	float:left;

}
#read_outer{
	width:700px;
	height:auto;
	float:left;
	padding-top: 20px;
}
#imagegal{
	width:285px;
	height:auto;
	float:left;
	padding:0;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
}
.priciple_part1{
	width:330px;
	height:auto;
	float:left;
	padding:0;
	margin:0px 10px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	
}
.priciple_part1 p{
	text-align:justify;
}
.priciple_part1 img{
text-align:justify;
float:left;
padding-right:8px;
width:155px;
height:120px;
}
.priciple_part3{
	width:330px;
	height:auto;
	float:right;
	padding:0;
	margin:0px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	
}
.priciple_part3p{
	text-align:justify;
}
.priciple_part3 img{
text-align:justify;
float:left;
padding-right:8px;
width:155px;
height:120px;
}
.priciple_part2{
	width:330px;
	height:auto;
	float:right;
	padding:0;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background-color: #cd7800;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #dddddd solid 1px;
box-shadow: 0px 0px 2px #ccc;
}
.priciple_part1 h2{
	width:322px;
	height:33px;
	float:left;
	background-image:url(../../images/MAMPOIL/priciple_bg.png);
	background-repeat:no-repeat;
	line-height: 33px;
	padding-left: 8px;
	color: #303030;
	margin-bottom: 8px;
	font-style: italic;
	}
	.priciple_part2 h2{
	width:323px;
	height:33px;
	float:left;
	background-image:url(../../images/MAMPOIL/priciple_bg.png);
	background-repeat:no-repeat;
	line-height: 33px;
	padding-left: 8px;
	color: #303030;
	margin-bottom: 8px;
	font-style: italic;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	}
	.priciple_part3 h2{
	width:323px;
	height:33px;
	float:left;
	background-image:url(../../images/MAMPOIL/priciple_bg.png);
	background-repeat:no-repeat;
	line-height: 33px;
	padding-left: 8px;
	color: #303030;
	margin-bottom: 8px;
	font-style: italic;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	}
	.priciple_part2 p{
	text-align:justify;
	padding: 8px;
	color: #FFFFFF;
	margin-bottom: 5px;
}
.priciple_part2 img{
text-align:justify;
float:left;
padding-right:8px;
width:155px;
height:120px;
}
.gallery_part1{
	width:296px;
	height:245px;
	float:left;
	padding:10px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background: #fff;
	
}
.gallery_part2{
	width:296px;
	height:245px;
	float:left;
	padding:10px;
	margin:0px 0px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background: #fff;
	
}
.greetings{
	width:296px;
	height:245px;
	float:left;
	padding:10px;
	margin:0px 0px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background: #fff;
	
}
.obituary_part{
	width:300px;
	height:160px;
	float:left;
	padding:10px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background: #fff;
	border: 1px solid #eee8df;
	
}
.feasts{
	width:287px;
	height:160px;
	float:left;
	padding:10px;
	margin:0px 0px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:19px;
	background: #fff;
	border: 1px solid #eee8df;
	
}
.gallery_part1 h3{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:22px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
}
#adminlist
{
	float:left;
	width:610px;
	height:auto;
	border-bottom:1px solid #eee;
	line-height:20px;
	padding-bottom:10px;
}

#obituarylist
{
	float:left;
	width:610px;
	height:auto;
	border-bottom:1px solid #eee;
	line-height:20px;
}
ul.obtituary
{
	list-style: none;
}

.LHSbox1 h3{
	font-family: 'Merriweather', serif;
	color:#000000;
	font-size:20px;
	font-weight:600;
	text-align:left;
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0;
	
}
#line
{
	background:url(../../images/MAMPOIL/line1.png) repeat left;
	float:left;
	height:4px;
	width:600px;
	margin-bottom: 10px;

}
#line2
{
	background:url(../../images/MAMPOIL/line2.png) repeat left;
	float:left;
	height:4px;
	width:310px;
	margin-bottom: 10px;

}
.hdname{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
	width: 235px;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}
.hdcommon{
	font-family: 'Oswald', sans-serif;
	color:#FFFFFF;
	font-size:20px;
	font-weight:400;
	text-align:left;
	line-height:50px;
	margin:0px  0px 0px 0px;
	padding:0px 0px 0px 10px;
	width: 990px;
	padding-right: 0px;
	background-color: #FFFFFF;
	height: 51px;
	background-image: url(../../images/MAMPOIL/hd.jpg);
	background-repeat: repeat;
	text-transform: uppercase;
	
}
.hdname2{
	font-family: 'Merriweather', serif;
	color:#000000;
	font-size:20px;
	font-weight:600;
	text-align:left;
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0px;
	padding-right: 10px;
	text-transform: none;
	
}
.hdname3{
	font-family: 'Merriweather', serif;
	color:#000000;
	font-size:20px;
	font-weight:600;
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0px;
	padding-right: 10px;
	text-transform: none;
	;
	
}
.hdname4{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
	width: 132px;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}
.hdname5{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
	width: 175px;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}
.hdname6{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
	width: 145px;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}
.hdname7{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
	width: 182px;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}
.hdname8{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
	width: 222px;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}
.hdname9{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	text-align:left;
	line-height:30px;
	margin:0px 0px 15px 0px;
	padding:0px;
	width: 160px;
	padding-right: 10px;
	background-color: #FFFFFF;
	
}
.founder-panel{
	width:220px;
	height:210px;
	float:right;
	padding:10px 0px 0px 10px;
	margin:0px;

}
.LHSbox2{
	width:660px;
	height:107px;
	float:left;
	padding:10px 10px 10px 10px;
	margin:0px 0px 15px 0px;
	background:url(../../images/MAMPOIL/vision-bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	line-height:19px;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0px 0px 2px #ccc;
}
.LHSbox2 img{
	
	float:left;
	padding:0px 10px 0px 0px;
	
}
.flashnews{
	width:948px;
	height:41px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:10px 0px 15px 10px;
	font-family: 'Merriweather', serif;
	font-size:12px;
	font-weight:600;
	color:#1b0e0a;
	text-align:justify;
	line-height:1.5px;
	background-color: #f8f0e4;
	border: #e2d7c1 solid 1px;
	box-shadow: 0px 0px 2px #ccc;
}
#flash_hd
{
	float:left;
	width:35px;
	padding: 10px 10px 10px 20px;
	background: #bf2525;
}
#viewall
{
	float:right;
	height:33px;
background-image:;
 	line-height: 35px;
	color: #be1d1d;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #e2d6c4;
	margin: 5px 0px 5px 0px;
	font-family: 'Merriweather', serif;
	font-size:13px;
	font-weight:600;
}
#newsdetail
{
	float:left;
	width:800px;
	height:43px;
}
.LHSbox2 h3{
	font-family: 'Francois One', sans-serif;
	color:#fff;
	font-size:30px;
	font-weight:normal;
	text-align:left;
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.LHSbox3{
	width:640px;
	height:auto;
	clear:both;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	background:#935f2a url(../../images/MAMPOIL/box3-bgtop.jpg) no-repeat top left;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#1b0e0a;
	text-align:justify;
	line-height:19px;
}
.LHSbox3 span{
	background:url(../../images/MAMPOIL/box3-bg-bottom.jpg) no-repeat  bottom left;
	float:left;
	width:640px;
	padding:0px 0px 10px 0px;
	margin:0px;
}
.LHSbox3 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.LHSbox3 li{
	padding:20px 20px 20px 20px;
	margin:0px;
	width:280px;
	float:left;
	color:#e7e7e7;
}
.LHSbox3 li.borrombrdr{
	padding:0px;
	margin:0px;
	width:640px;
	height:5px;
	float:left;
	color:#e7e7e7;
	background:url(../../images/MAMPOIL/box3-brdr.jpg) repeat-x bottom;
}
.LHSbox3 li.boxphotopanel{
	padding:20px 20px;
	margin:0px;
	width:600px;
	height:auto;
	float:left;
	color:#e7e7e7;
}
.LHSbox3 li h3{
	font-family: 'Francois One', sans-serif;
	color:#fff;
	font-size:25px;
	font-weight:normal;
	text-align:left;
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.LHSbox3 li a{
	background:#d77400;
	color:#fff;
	width:auto;
	height:31px;
	float:right;
	clear:both;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:31px;
	-webkit-box-shadow: 2px 2px 2px 0px #412a12;
	-moz-box-shadow: 2px 2px 2px 0px #412a12;
	box-shadow: 2px 2px 2px 0px #412a12;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow:1px 0px 1px #3b3b3b;
}
.LHSbox3 li a:hover{
	background:#261910;
}
.LHSbox4{
	width:640px;
	height:auto;
	clear:both;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	background:#23120d url(../../images/MAMPOIL/box4-bg-top.jpg) repeat-x top left;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#e7e7e7;
	text-align:justify;
	line-height:19px;
}
.LHSbox4 span{
	background:url(../../images/MAMPOIL/box4-bg-bottom.jpg) repeat-x  bottom left;
	float:left;
	width:640px;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.LHSbox4 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.LHSbox4 li{
	padding:20px 20px 20px 20px;
	margin:0px;
	width:280px;
	float:left;
	color:#e7e7e7;
}
.LHSbox4 dl{
	padding:0px;
	margin:0px;
}
.LHSbox4 dd{
	padding:0px 0px 5px 0px;
	margin:0px;
	float:left;
	clear:both;
	color:#e7e7e7;
	line-height:20px;
}
.LHSbox4 dd a{
	color:#e7e7e7;
	background:url(../../images/MAMPOIL/arow.jpg) no-repeat left;
	padding:0px 0px 0px 15px;
}
.LHSbox4 dd a:hover{
	color:#c0a164;
	background:url(../../images/MAMPOIL/arow-h.jpg) no-repeat left;
}
.LHSbox4 li.quickpanel{
	padding:20px 20px 20px 20px;
	margin:0px;
	width:280px;
	float:left;
	font-weight:bold;
	line-height:19px;
	color:#c0a164;
	background:#1d1310;
}
.LHSbox4 li.quickpanel dl{
	padding:0px;
	margin:0px;
	float:left;
}
.LHSbox4 li.quickpanel dd{
	padding:0px 0px 10px 0px;
	margin:0px;
	float:left;
	clear:both;
}
.LHSbox4 li.quickpanel dt{
	padding:0px 0px 10px 0px;
	margin:0px;
	float:right;
	clear:both;
}
.LHSbox4 li.quickpanel b{
	color:#fff;
}
.LHSbox4 li.quickpanel a{
	padding:0px !important;
	margin:0px;
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.LHSbox4 li.quickpanel a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}
.LHSbox4 li.quickpanel img{
	margin:0px 5px 0px 0px;
}
.LHSbox4 li h3{
	font-family: 'Francois One', sans-serif;
	color:#fff;
	font-size:25px;
	font-weight:normal;
	text-align:left;
	line-height:30px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.textbox1{
	background:#c0a164;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:7px 10px 7px 10px;
	width:230px;
	color:#1d1310;
	line-height:28px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.submit-btn{
	background:url(../../images/MAMPOIL/submit-btn.png) no-repeat;
	width:122px;
	height:43px;
	float:right;
	border:0px;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 9px 17px;
	line-height:19px;
	text-shadow:1px 0px 1px #000;
	margin:0px ;
	opacity:0.8;
	filter:alpha(opacity=80);
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.submit-btn:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
}
#homeRHS{
	width:300px;
	height:auto;
	float:right;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	top:-11px;
	left:0;
}
#homeRHS h4{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	line-height:46px;
	margin:0px 0px 5px 15px;
	padding:0px;
	clear:both;
	background: url(../../images/MAMPOIL/line1.png) no-repeat left;
}
#homeinnerRHS{
	width:340px;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	top:-11px;
	left:0;
}
#homeinnerRHS h4{
	font-family: 'Raleway', sans-serif;
	color:#005eb5;
	font-size:20px;
	font-weight:700;
	line-height:46px;
	margin:0px 0px 5px 15px;
	padding:0px;
	clear:both;
	background: url(../../images/MAMPOIL/line1.png) no-repeat left;
}
.newspanel{
	width: 310px;
	height: 300px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background: #fff;
}
.home-news-cont{
	float:left;
	clear:both;
	padding:0px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666;
	text-align:justify;
	line-height:18px;
}
.home-news-cont a{
	color:#329df8;
	font-weight:bold;
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	text-decoration:none;
}
.home-news-cont a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.home-news-cont img{
	border:2px solid #fff;
	margin:4px 10px 0px 0px;
	float:left;
}
#pscroller1{
	width: 280px;
	height:280px;
	border:0px;
}
.feast{
	width: 288px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 16px;
	margin: 0px;
}
.publication{
	width: 288px;
	height: auto;
	float: left;
	padding: 20px 0px 0px 16px;
	margin: 0px;
}
.mother-photo-panel{
	float:left;
	clear:both;
	width:280px;
	height:auto;
	padding:15px 0px 20px 0px;
	text-align:center;
	background-image: url(../../images/MAMPOIL/sup_bg.jpg);
	background-repeat: repeat;
	border: #dddddd solid 1px;
	box-shadow: 0px 0px 2px #ccc;
	margin-left: 16px;
}
.mother-photo-panel h3
{
	float:left;
	text-align:center;
	width: 100%;
	color:#000000;

}
.mothers-desk-panel{
	float:left;
	clear:both;
	width:246px;
	height:auto;
	padding:0px 29px 20px 29px;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#321e18;
	text-align:justify;
	line-height:18px;
}
.mothers-desk-panel a{
	color:#2c1a15;
	font-weight:bold;
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.mothers-desk-panel a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.cmc-video-panel{
	float:left;
	clear:both;
	width:280px;
	height:auto;
	padding:0;
	text-align:center;
	margin-bottom: 17px;
}
.readings{
	float:left;
	clear:both;
	width:280px;
	height:auto;
	padding:0;
	text-align:left;
	color: #000000;
	border-bottom: 1px solid #cfc384;
	font-size: 12px;
	padding-bottom: 10px;
}
#video{
	width:280px;
	height:175px;
}
.home-photogallery{
	float:left;
	clear:both;
	height:auto;
	padding:0px 0px 0px 0px;
}
.home-photogallery ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.home-photogallery li{
	padding:0px 26px 10px 0px;
	margin:0px;
	float:left;
	width:130px;
	height:auto;
	
}
.home-photogallery li.last{
	padding:0px 0px 10px 0px;
	margin:0px;
	float:left;
	width:130px;
	height:auto;
	
}
.home-photogallery li img{
	border:4px solid #e8e8e8;
}
/*#footer{
	width:100%;
	height:60px;
	float:left;
	clear:both;
	background:#20100b url(../../images/MAMPOIL/footer-bg.jpg) no-repeat center;
	margin:0px;
	padding:30px 0px 0px 0px;
}

#footer ul{
	padding:0px;
	margin:0px auto;
	list-style:none;
	width:1000px;
}
#footer li{
	padding:0px;
	margin:0px auto;
	float:left;
	text-align:center;
	color:#fff;
	width:100%;
}
#footer li a{
	color:#bfa064;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:0px 10px;
	text-decoration:none;
}
#footer li a:hover{
	color:#fff;
}*/
.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 230px;
	height: 230px;
	
}
.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;
	width: 230px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;

	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.sliderwrapper img{
border:1px solid #d5d5d5;

}
#house
{
	float:left;
	padding: 0px 10px 0px 0px;
}
#massphoto
{
	float:left;
	padding: 0px 0px 8px 0px;
}
#house img
{
	border:4px solid #f0f0f0;
}
#inner-menu-content-panel{
	width:1000px;
	height:auto;
	float:left;
	padding:30px 0 0 0;
	margin:0px;
	background:#fff;
}
#inner-container{
	width: 610px;
	height:auto;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 15px 15px 15px;
	color:#666;
		font-family: 'Merriweather', serif;
	font-size:13px;
	
	line-height:19px;
	text-align:justify;
}
#inner-container h2{
	color:#000000;
	font-family: 'Merriweather', serif;
	font-size:20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
	font-weight: 600;
  margin-bottom: 5px;
}
#inner-container img{
	border:3px solid #eee;
	
	margin:3px 20px 0px 0px;
}
#inner-container p{
	text-align:justify;
	/*padding-top:10px;*/
	color: #5e5e5e;
	font-size: 12px;
	font-family: 'Merriweather', serif;
	line-height: 20px;
	font-weight: 300;
}
#greetingdetail
{
	float:left;
	width:610px;
	height:auto;
}

#greetingdetail p
{
	
	line-height:19px;
	
}
#greetingdetail h5
{
	  font-weight: 600;
  font-size: 16px;
  color: #000;
	margin: 0 0 0px 0;
}
#greetingdetail img
{
	
	float:left;
}
#inner-containerphoto{
	width: 920px;
	height:auto;
	float:left;
	background:url(../../images/MAMPOIL/inner-cont-bg.png) repeat;
	margin:20px 0px 0px 0px;
	padding:20px;
	color:#160d08;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:19px;
	text-align:justify;
}
#inner-containerphoto img{
	border:5px solid #fff;
	-webkit-box-shadow: 4px 4px 4px 0px #412a12;
	-moz-box-shadow: 4px 4px 4px 0px #412a12;
	box-shadow: 4px 4px 4px 0px #412a12;
	margin:3px 20px 0px 0px;
	
}
#largimg{
	width:920px;
	float:left;
	height:150px;
border-bottom: #a6894f 1px solid;
margin-bottom:10px;

	
}

#largimgzip{
	width:110px;
	float:left;
	



	
}
#largimgzip2{
	width:800px;
	float:left;
	font-size:15px;
	font-weight:700;
	padding-top:5px;

    


	
}
#largimgzip2 h3{
	
	font-size:15px;
	font-weight:bold;
	color:#fff;
	

}


h5{
	font-family: 'Merriweather', serif;
	color:#FFFFFF;
	font-size:20px;
	font-weight:600;
	text-align:left;
	line-height:35px;
	margin:0px 0px 10px 0px;
	padding:0px;
	clear:both;
}
#more
{
	float:right;
	padding-top: 15px;
	border: none;
	text-align: center;
	width: 100%;
}
#more_content
{
	float:right;
	padding-top: 8px;
	border: none;
	width: 100%;
	text-align: right;
}
#more li
{
	list-style-image:url(../../images/MAMPOIL/all2.png);
	background-repeat:no-repeat;
	color: #a42121;
	font-size: 12px;
	font-family: 'Merriweather', serif;
	font-weight: 600;
}
#more2
{
	float:right;
	border: none;
	text-align: center;
	width: 100%;
}
#more2_content
{
	float:right;
	padding-top: 8px;
	border: none;
	width: 100%;
	text-align: right;
}
#more2 li
{
	list-style-image:url(../../images/MAMPOIL/all2.png);
	background-repeat:no-repeat;
	color: #a42121;
	font-size: 12px;
	font-family: 'Merriweather', serif;
	font-weight: 600;
}
#makkil_web
{
	float:left;
	width:285px;
	padding-top: 16px;
}


#newsticker-demo {
	width:236px;
	background:#FFF;
	font-family: Arial;
	font-size: 12px;
	color: #353333;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	border-top: 0px solid #dddddd;
	
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo a hover { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite {
	width:310px;
}
.newsticker-jcarousellite ul li{
	list-style:none;
	display:block;
	padding-bottom:5px;
	margin-bottom:5px;
	width: 310px;
	height:45px;
	border-bottom: 1px solid #dadada;
	
	
	
}
.newsticker-jcarousellite .thumbnail {
	float:left;
	width:auto;
	padding-right: 10px;
}
.newsticker-jcarousellite .thumbnail img {
	/*border:3px solid #e5e5e5;*/
}
.newsticker-jcarousellite .info {
	float:left;
	width:190px;
}
.newsticker-jcarousellite .info_1 {
	float:left;
	width:233px;
	text-align:justify;
}
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }
.newsticker-jcarousellite a{
	color:#533b2e;
	text-decoration:none;
}
.newsticker-jcarousellite a hover{
text-decoration:none;

}






#slider {
	list-style: none;
	padding:0px
}





.slider-container {
	width:300px;
	height:138px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-repeat: no-repeat;
	float:left;
}

#slider { 
	font-family:Arial, Helvetica, sans-serif; 
	
	
	color:#1293dd;
	
	font-size:14px;  
}

#slider img {
	width:86px;
	border:2px solid #e5e5e5;
	height: 108px;
}

#slider h3 {
	color:#000000;
	font-family:'Merriweather', serif;
	font-size:13px;
	width:200px;
	margin:0 0 0px 0
}
.datesec{background:url(../../images/MAMPOIL/cal.png) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 65px;
    margin: 0 10px 0 0;
	position: relative;
    width: 65px;}
.datesec strong{color: #333333;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;}
.datesec span{color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;}
.datesec .absclick{transition: color 0s ease 0s, background 200ms ease-in-out 0s;
	-webkit-transition: color 0s ease 0s, background 200ms ease-in-out 0s;
	-moz-transition: color 0s ease 0s, background 200ms ease-in-out 0s;
	-o-transition: color 0s ease 0s, background 200ms ease-in-out 0s;
	/*background: url("../../images/MAMPOIL/bglight.png") no-repeat scroll 2px 2px;*/
    display: block;
    height: 65px;
    left: 0;
    position: absolute;
    top: 0;
    width: 65px;}
	
	
	#event-demo {
	width:236px;
	background:#FFF;
	font-family: Arial;
	font-size: 12px;
	color: #353333;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	border-top: 0px solid #dddddd;
	
}

#event-demo a { text-decoration:none; }
#event-demo a hover { text-decoration:none; }
#event-demo img { border: 2px solid #FFFFFF; }

#event-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.event-jcarousellite {
	width:310px;
}
.event-jcarousellite ul li{
	list-style:none;
	display:block;
	padding-bottom:5px;
	margin-bottom:9px;
	width: 310px;
	height:70px;
	border-bottom: 1px solid #dadada;
	
	
	
}
.event-jcarousellite .thumbnail {
	float:left;
	width:auto;
	padding-right: 10px;
}
.event-jcarousellite .thumbnail img {
	/*border:3px solid #e5e5e5;*/
}
.event-jcarousellite .info {
	float:left;
	width:190px;
}
.event-jcarousellite .info_1 {
	float:left;
	width:233px;
	text-align:justify;
}
.event-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }
.event-jcarousellite a{
	color:#533b2e;
	text-decoration:none;
}
.event-jcarousellite a hover{
text-decoration:none;

}

.right-box {
	float:left;
	width:200px;
	margin-left:10px;
	padding-top: 10px;
}

.left-box {
	float:left; 
}

#slider .date {
	color:#5e5e5e;
	font-size:12px;
	margin:0px;
	font-weight: 300;
	font-family: 'Merriweather', serif;
}
#footer-content-panel{
	width:100%;
	height:236px;
	float:left;
	clear:both;
	padding:0px 0px 20px 0px;
	margin:0px;
	background-image: url(../../images/MAMPOIL/ftrbg.jpg);
	background-repeat: repeat;
}
#footer-content{
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:15px 0px 0px 0px;
}
#footer-content ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#footer-content li{
	padding:0px;
	margin:0px 70px 0px 0px;
	float:left;
	width:300px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:25px;
	color:#000000;
	}
	#missionmap li{
	padding:0px;
	margin:0px 30px 0px 0px;
	float:left;
	width:300px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:25px;
	color:#000000;
	}
#footer-content li a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer-content li a:hover{
	color:#c3def8;
}
#footer-content li.endfooter{
	padding:0px 0px 0 0;
	margin:0px 0px 0px 0px;
	color: #FFFFFF;
	font-family: 'Merriweather', serif;
	font-size: 12px;
	font-weight: 300;
	}
	.quicklinks{
	float:left;
	width:auto;
	clear:both;
	height:auto;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	line-height:19px;
	padding:0px 5px 0px 5px;
	margin:0px 0px 8px 0px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	
}
.quicklinks:hover{
	color:#fff !important;
	background:#823d1f;
	padding:0px 5px 0px 5px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#footer-panel{
	height:58px;
	float:left;
	padding:0px;
	margin:0px;
	border-bottom:#fff 1px solid;
	width: 100%;
	background-image: url(../../images/MAMPOIL/coprightbg.jpg);
	background-repeat: repeat;
}

#footer{
	width:1000px;
	height:58px;
	margin:0px auto;
	padding:0px;
}
.copy{
	width:1000px;
	height:auto;
	float:left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding: 33px 0 0 0;
}

#cross
{
width:1000px; height:64px; background: #ea9528; margin:0px auto; background-image:url(../../images/MAMPOIL/cross.png); background-repeat:no-repeat; margin-top:-55px;
}
#namebox
{
	float: left;
	width: 285px;
	height: 30px;
	background: #0360a5;
	padding: 5px;
	border: 1px solid #0181dd;
	border-radius: 4px;
	color: #c4d6e4;
	margin-bottom: 10px;
	font-size:12px;
}
	#msgbox
{
	float: left;
	width: 285px;
	height: 70px;
	background: #0360a5;
	padding: 5px;
	border: 1px solid #0181dd;
	border-radius: 4px;
	color: #c4d6e4;
	margin-bottom: 10px;
	font-size:12px;
}
#submitbtn
{
	float: right;
	width: 96px;
	height: 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #0f8def;
	color: #FFF;
	border: 1px solid #0f8def;
	margin-right: 14px;
}
#highlight
{
	float: left;
	width: 970px;
	height: 375px;
	margin: -10px 15px 0px 15px;
	background: #fff;
	position: relative;
	z-index: 1000;
	border: 1px solid #dad5c9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#historysec_outer
{
	float:left;
	width:970px;
}

#historysec
{
	float:left;
	width:277px;
	margin: 0px 0px 0px 10px;
	height: 300px;
}

#historysec1
{
	float:left;
	width:277px;
	height:auto;
	margin:0px 0px 10px 0px;
}
#historysec1 img
{
	float:left;
	border:8px solid #f0f0f0;
	
}
#historysec p
{
	text-align:justify;
	font-family: 'Merriweather', serif;
	font-size: 12px;
	color: #5e5e5e;
	

}
#historysec h2
{
	font-family: 'Merriweather', serif;
	font-size: 22px;
	color: #6C3314;
	font-weight:600;
	margin-bottom: 10px;
	}
	#patronsaint
{
	float:left;
	width:277px;
	margin: 0px 0px 0px 51px;
	height: 300px;
}

#patronsaint1
{
	float:left;
	width:277px;
	height:auto;
	margin:0px 0px 10px 0px;
}
#patronsaint1 img
{
	float:left;
	border:8px solid #f0f0f0;
	
}
#patronsaint p
{
	text-align:justify;
	font-family: 'Merriweather', serif;
	font-size: 12px;
	color: #5e5e5e;
	

}
#patronsaint h2
{
	font-family: 'Merriweather', serif;
	font-size: 22px;
	color: #6C3314;
	font-weight:600;
	margin-bottom: 10px;
	}
.zitem {
	width:277px;
	height:154px;	
	
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}
/* Pulse Grow */
@-webkit-keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.pulse-grow {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse-grow:hover, .pulse-grow:focus, .pulse-grow:active {
  -webkit-animation-name: pulse-grow;
  animation-name: pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* new menu */

#cssmenu {
	position: relative;
	height: 41px;
	background:#fff;
	background-repeat:repeat;
	width: auto;
	-webkit-box-shadow: -1px -2px 12px -1px rgba(204,204,204,1);
-moz-box-shadow: -1px -2px 12px -1px rgba(204,204,204,1);
box-shadow: -1px -2px 12px -1px rgba(204,204,204,1);
}
#home
{
	width: 19px;
	height: 17px;
	padding-right:5px;
	margin:0;
	background: url(../../images/MAMPOIL/home.png) no-repeat left;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  
  height: 32px;
  width: 100%;
  z-index: 500;
}
#cssmenu > ul > li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border-right:1px solid #e8e8e8;
 
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
	font-size: 13px;
	padding: 13px 10px;
	font-weight:400;
	color:#000;
	font-family: 'Merriweather', serif;
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-ms-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
 color: #fff;
  background:#c12121;

}

#cssmenu > ul > li a.current
 {
background:#c12121;
color:#fff;
 
  }
  #cssmenu > ul > li a.last
 {
 border-right:none;

  }
#cssmenu li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 17px;
  border: 5px solid transparent;
  border-top-color: #000;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 27px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 37px;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #941f1f;
  padding: 10px 20px;
  font-size: 13px;
  font-family: 'Merriweather', serif;
  color: #fff;
  background: #c12121;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  font-weight:400;
 
  
}
#cssmenu ul ul li:hover > a {
 
  color: #000;
   background:#fff;
  
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
.submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  top: -15px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }

/* end of new menu */