/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font: 13px/25px Arial, Helvetica, sans-serif;
	color:#484848;
	min-width:1080px;
	font-style:italic;
	background:url(../images/inner-images/inner-bg.jpg);
	position:relative;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
/***********************************************************************/
p{text-align:justify;line-height:20px;}img{border:none;}
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}
.a:hover{text-decoration:underline;}
.padingLR{padding:0px 10px;}/*td:hover{background:#fffbf0;}*//******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
#main-out{margin:100%;position:relative;margin:0 auto;}
#main{width:1025px;position:relative;margin:0 auto; background:url(images/bg.jpg);}

.wrapper {width:1025px;  position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:4px 18px 0px 0;}	
.line-height {line-height:18px;}
.last {margin-right:0px !important; padding-right:0px !important;}

.logo{width:1025px;}
.header{width:1025px;}
.menu{width:1025px;background:url(../images/inner-images/menu-bg.jpg);}
.menu ul{margin:0px;padding:0 0 0 80px;}
.menu ul li{margin:0px;padding:0px;line-height:41px;background:url(../images/menu-cross.png) left center no-repeat;display:inline;}
.menu ul li a{font-family:Candara;font-size:19px;font-weight:bold;text-shadow:0 2px 2px #000; color:#FFF;padding:0 15px; }
.menu ul li a:hover{color:#CCC;}


.textarea{width:1025px;background:#e5d29e;position:relative;}
.textarea span{background:#e5d29e;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.textarea span h1{font-family:Cataneo BT;font-size:20px;color:#714902;}
.textarea span p{font-family:arial;font-size:12px;color:#000;padding:0 20px;text-shadow:0 1px 2px #faecc6;font-style:normal;}
.leftmenu{width:252px;background:url(../images/inner-images/left_menubg.jpg);height:468px;}
.leftmenu h2{font-family:Candara;font-size:16px;font-weight:bold;text-shadow:0 2px 2px #e9bc72; color:#553b13;margin:10px 0 0 0px;padding:0px;text-align:center;}
.leftmenu ul{margin:20px 0 0 50px;padding:0px;}
.leftmenu ul li{margin:0px;padding:0px;line-height:25px;background:url(../images/inner-images/left-menu-cross.png) left center no-repeat;display:inline-block;border-bottom:1px solid #a47947;padding:0 0 0 5px;}
.leftmenu ul li a{font-family:Candara;font-size:16px;font-weight:bold;text-shadow:0 2px 2px #e9bc72; color:#553b13;padding:0 15px; }
.leftmenu ul li a:hover{color:#933;}


#footer{width:100%;background:url(../images/inner-images/footter.png) bottom center;height:121px;position:relative;bottom:0px;}
.footerlinks{margin:0px;padding:0 0 0 250px; background:#c5a753;}
div ul{margin:0px;padding:0px;}
div ul li{margin:0px;padding:0 5px;list-style:none;display:inline;}
div ul li a{font-family:arial;font-size:13px;color:#333;text-align:center;}

.btmimg{
	width:162px;
	height:365px;
	position:absolute;
	bottom:0px;
	top:-256px;
	left:0px;
}

.box-shadow{-moz-box-shadow: -1px 6px 15px #000000;
-webkit-box-shadow: -1px 6px 15px #000000;
box-shadow: -1px 6px 15px #000000;}




.members-bx{margin:10px;}.members-bx h2{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#714902; font-style:normal; text-align:center;margin:0px;padding:0px;font-weight:bold;line-height:20px;}.members-bx img{background:#FFF;padding:5px;}.members-bx h3{font-family:arial;font-size:12px;color:#000;text-align:center;margin:0px;padding:0px;font-weight:bold;line-height:16px;font-style:normal;}
.members-bx img:hover{background:#f7f8fa;}

.galerybx{width:220px;height:120px;background:#fbefd0;margin:10px;}
.galerybx:hover{background:#faf4e2;}

.links ol{margin:0px;padding:0px;}
.links ol li{margin:0px;padding:0px;list-style:decimal;font-family:arial;font-size:13px;color:#000;text-shadow:0 1px 2px #faecc6;font-style:normal;}.links ol li a{color:#000;font-weight:bold;}.links ol li a:hover{color:#000;text-decoration:underline;}

.charitybx{width:350px;border-radius:10px;background:#C90;margin:10px auto;padding:10px;}
.charitybx h5{font-size:15px;color:#FFF;font-style:normal;text-align:center;margin:0px;padding:0px;}
.charitybx h6{font-size:13px;color:#FFF;font-style:normal;text-align:center;margin:0px;padding:0px;}
.charity_icon{width:auto;padding:5px; position:absolute;right:50px;top:0px;background:#930;border-radius:0px 0px 10px 10px;color:#FFF;font-style:normal;}.charity_icon:hover{background:#963;}
.parish{
	width:240px;
	height:186px;
	position:absolute;
	right:6px;
	top:169px;
	background:url(../images/Parish/church.png) no-repeat;
}
.sun_school_stud{
	width:130px;
	height:150px;
	position:absolute;
	right:14px;
	top:350px;
}.sun_school_stud b{font-size:12px;font-style:normal;text-align:center;line-height:16px;}.sun_school_stud img{border:1px solid #999;}


.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;
	height: 175px;
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding: 14px 12px 12px 13px;
}
.gallery em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0px;
	left: 4px;
	background: url(../images/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 138px;
}
.gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(../images/paper-clip-mini.png) no-repeat;
	z-index: 3;
}


@font-face {
	font-family: 'Conv_Meera_04';
	src: url('fonts/Meera_04.eot');
	src: local('☺'), url('fonts/Meera_04.woff') format('woff'), url('fonts/Meera_04.ttf') format('truetype'), url('fonts/Meera_04.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	
}

.ml h3 { margin: 5px;
   font: normal normal 100% Meera;
	font-size: 14pt!important;
	color:#000;
	text-shadow: 0px 2px 2px #f7e9c4;font-weight:bold;}
.ml h4 { margin: 0px;
   font: normal normal 100% Meera;
	font-size: 14pt!important;
	color:#000;
	text-shadow: 0px 2px 2px #f7e9c4;padding:0px;}

@font-face {
    font-family: Meera;
    src: url("../fonts/Meera_04-2.eot");
  }
  @font-face {
    font-family: Meera;
	src: local('Meera'), url('../fonts/Meera_04-2.ttf') format("truetype");
  }



/* Vertical menu class definitions*/
.leftPan {
	width:252px;background:url(../images/inner-images/left_menubg.jpg);height:468px;
}
.leftPan h2 {font-family:Candara;font-size:16px;font-weight:bold;text-shadow:0 2px 2px #e9bc72; color:#553b13;margin:10px 0 0 0px;padding:0px;text-align:center;}
.borderbtm{ border-bottom:1px solid #553b13;}
#leftPan UL {
	padding:0px; margin:10px 18px 0;
}
#leftPan UL LI {
	POSITION: relative; MARGIN: 0px 10px 0 ; WIDTH: 140px; display:block; HEIGHT: 27px;background:url(../images/inner-images/left-menu-cross.png) left center no-repeat; padding:0 0 0 20px;
}
#leftPan UL LI A {
	 padding:0 22px 0 5px; WIDTH: 160px;  display: block; font: bold 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; HEIGHT: 26px; color: #553b13; text-decoration: none;  text-align:left;
}
#leftPan UL LI A:hover {
	BACKGROUND:#none; COLOR: #7f0a5f; TEXT-DECORATION: none;
}

/* Begin CSS Menus at Left */
#menuleft{position:absolute;z-index:2;}
#menuleft li{margin:0;padding:0;list-style-type:none;}
#menuleft li a{display:block;}
#menuleft ul{list-style-image:none;}

#menuleft ul li ul{list-style-image:none; left:120px; top:-10px; padding:10px; padding-top:0px;}
#menuleft ul li ul li a{margin:0px; width:145px; border-bottom:1px solid #C90; border-right:0px solid #ff3399; border-left:0px;background:#dbb678;padding:0 0 0 5px;}
#menuleft ul li ul li a:hover{background-image:none;}

#menuleft ul ul{list-style-image:none;}
#menuleft ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{float:left;height:1%;}
* html #menuleft ul li a{height:1%;}
/* End */

div#menuleft ul li:hover ul{display:block;}
div#menuleft ul li:hover ul ul {display:none;}
div#menuleft ul li:hover ul ul ul {display:none;}

div#menuleft ul ul {display:none;}
div#menuleft ul ul ul {display:none;}

div#menuleft ul ul li:hover ul{display:block;}
div#menuleft ul ul ul li:hover ul{display:block;}





/* example styles for validation form demo */
.registeration{
	background:#fff;
	border:1px solid #666;
	width:560px; height:auto; 
	float:left;
	 border-radius: 14px; 
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px;
	padding-left:15px; 
	margin:0 0 20px 0;
}
#customForm{
	padding: 18px 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
	font-style:normal;
}
#customForm input, select{
	width: 220px;
	padding: 6px;
	/*color: #949494;*/
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#customForm radio{width:50px; padding:6px;}
#customForm input[type="radio"]{ font-weight: bold; width:65px; padding:6px; }
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 240px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
	
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 12px;
	background:none;
	}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	margin:0 120px 0 0;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}