/*CSS Document*/
/*Comment all css which you are not useing in Layout*/
/*Don't use undescore(_)*/
/*Don't define font family in body*/  
/*UseProper name for css*/

/*ClearFix*/
.Clearfix:after{content: ".";display: block;clear:both;visibility:hidden;line-height:0;height:0;}
.Clear{clear:both;}
.Clearfix{display: inline-block;}

#Wraper{width:100%;height:auto;margin:0px;}
#Header{width:100%;height:auto;margin:0px;}

.HeaderContent{width:900px;height:auto;margin:0px auto;  }
.HeaderSection{width:900px; float:left; padding:25px 0px 25px 0px;}
.Logo{width:200px; float:left; padding:0px 0px 0px 380px;}



/*========================================================<Navigation Links Starts>=============================================*/
.NavigationSection{width:900px; float:left;}
.NavLinks{width:870px; float:left; padding-bottom:10px; padding-left:20px}
.NavLinks ul{float:left;}
.NavLinks ul li{float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFF; padding:0px 0px 2px 42px;}
.NavLinks ul li a{float:left; color:#FFF;  text-transform:uppercase; letter-spacing:3px;}
.NavLinks ul li a:hover{ color:#000; text-decoration:none;}



#MiddleSection{width:100%; float:left; background-image:url(../images/middle_bg.jpg); background-repeat:no-repeat; background-position: center top;}
#MiddleSection1{width:100%; float:left; background:url(../images/bg_middle1.jpg) repeat-x center top #FFF;}

.MiddleContent{width:900px; margin:0 auto; height:auto; padding: 20px 0 0 0;} 

.WelcomeSection{width:900px; float:left;}
.Welcome{width:348px; float:left; padding:82px 0px 0px 0px;}
.Welcome p{width:348px; float:left; padding:32px 0px 0px 0px; font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; line-height:18px; color:#525600;}



.FeatureSection{width:900px; float:left; padding:55px 0px 100px 0px; }
.FeatureArea{width:250px; float:left; padding:0px 0px 0px 12px;}
.ContentArea{width:250px; float:left;}
.ContentArea .Title{width:250px; float:left; border-bottom:dotted 1px #666; padding:0px 0px 7px 0px;}
.ContentArea .Detail{width:250px; float:left;}

.FacebookSection{width:900px; float:left; padding:10px 0px 74px 0px; margin: 25px 0 0 0; border-top:dotted 1px #666;}
.FacebookContent{width:300px; float:left;}
.FooterLinks { width: 500px; float: right;}
.FooterLinks ul {display: inline; float: right;}
.FooterLinks li {float: left; padding: 0 20px 0 0; color:#4D4D4D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}
.FooterLinks li a:link, .FooterLinks li a:visited {color:#4D4D4D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; letter-spacing: .2em;}

/*========================================================<Middle Section end here>=============================================*/

/*Footer start here*/
#FooterWraper{width:100%; margin:0px auto; clear:both; background-image:url(../images/bootom_bg.jpg); background-repeat:repeat-x; height:181px;}
.Footer{width:870px; margin:0px auto; padding:34px 0px 24px 0px;}
.FooterContent{width:327px; float:left; padding:0px 0px 0px 287px;}

/*=====================================================<event Page start here>=============================================*/

.EventSection{width:900px; float:left; padding:26px 0px 40px 0px;}
.EventSectionLeft{width:560px; float:left;}
.EventContent{width:502px; float:left;}
.EventTitle{width:502px; float:left;}
.Discrip{width:500px; float:left;}
.Discrip h2{width:500px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; color:#525600; font-weight:normal; padding:25px 0px 16px 0px;}
.Img{float:left;}
.Caption{width:480px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#525600; padding:14px 0px 16px 11px;}

.Discrip p{width:500px; float:left; padding:30px 0px 0px 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#525600; text-align:justify; line-height:18px;}



.EventSectionRight{width:335px; float:left;}
.UpcomingSection{width:335px; float:left; padding:75px 0px 0px 0px;}

.UpcomingTitle{width:335px; float:left; border-bottom:dotted 1px #4d5a02; padding:0px 0px 7px 0px;}
.UpcomingInfo{width:335px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:bold font-style:italic; color:#525600; padding:10px 0px 0px 0px;}

.UpcomingEvents{width:335px; float:left; padding:14px 0px 0px 0px;}
.UpcomingEvents ul{width:335px; float:left;}
.UpcomingEvents ul li{width:335px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#525600; padding:21px 0px 0px 0px; font-weight:bold}
.UpcomingEvents ul li span{ font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#9CA310; padding:21px 0px 0px 3px; font-weight: normal}
.UpcomingEvents ul li span a { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#9CA310;  font-weight: normal}
.UpcomingEvents ul li span a:hover{ color:#000; text-decoration:none }


/*=====================================================<event Page end here>=============================================*/

.PageSection{
	width:335px;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 15px 15px;
}

.PageTitle{height: 40px; width: 100%; clear: both; position:relative; margin: 0 0 5px 0; text-align: left;}
.PageSubtitle{width:335px; float:left; border-bottom:dotted 1px #4d5a02; padding:0px 0px 15px 0px; margin: 0px 0px 10px 0px;}
.PageSubtitle h3{ font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:normal; color: #4d5a02; line-height: 24px;}
.PageInfo{width:335px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height: 21px; font-weight:bold font-style:italic; color:#525600; padding:10px 0px 0px 0px;}
.PageLead{width:100%; position: relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height: 21px; font-style:italic; color:#525600; padding:10px 0px 15px 0px; border-bottom:dotted 1px #666;}

/*=====================================================<Shops Page start here>=============================================*/

.ShopsList { width: 250px; float:left; padding: 0 20px 0 0; }
.ShopsDetail { width: 500px; float:left; padding: 15px 0 15px 0;}
.ShopsTitle {height: 40px; width: inherit; clear: both; position:relative; padding: 0 0 10px 0; margin: 0 0 10px 0;border-bottom: 1px dotted #333; }
.MapLeft { width: 300px; float:left; padding: 15px 50px 15px 0;}
.MapLeft .caption {border-bottom: 1px dotted #333; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 100%; text-align: center;}

/*=====================================================<gallery Page start here>=============================================*/

.GallerySection{width:870px; float:left;  border-bottom:dotted 1px #666; padding:26px 0px 40px 0px;}
.GallerySectionLeft{width:546px; float:left;}


.GalleryTitle{width:506px; float:left; height:75px}
.GalleryDis{width:506px; float:left; background-color:#e1e3cd;}
.FeaturedSection{width:506px; float:left; }
.FeaturedSection h2{float:left; width:167px; padding:6px 0px; background-color:#999c65;font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#fff; font-weight:normal; text-align:center }
.FeaturedSection .PageN{float: right; width:60px; padding:6px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#525600; font-weight:normal;  }

.PhotoDetail{float:left; width:450px; padding:0px 24px 24px 24px;}
.PhotoDetail img{ border:3px solid #fff}

.PhotoDetail .Next{float:left; width:55px; padding:5px 0px 0px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#525600; font-weight:normal; }
.PhotoDetail .Next a{color:#525600;}
.PhotoDetail .Next a:hover{color:#000000; text-decoration:none }

.PhotoDetail .Title{float:left; width:340px; padding:5px 0px 0px 0px; text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#525600; font-weight:normal;}  
.PhotoDetail .Previous{float:right; width:47px; padding:5px 0px 0px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#525600; font-weight:normal;}
.PhotoDetail .Previous a{color:#525600;}
.PhotoDetail .Previous a:hover{color:#000000; text-decoration:none }

.PhotoDetail .Caption{width:388px; margin:20px auto 0px 28px; padding:10px 0px 10px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#525600; font-weight: normal;border-bottom:dotted 1px #4d5a02;border-top:dotted 1px #4d5a02; text-align: center}

.Photo ul {margin: 15px 0 0 0;}
.Photo ul li {padding: 0px 0px 7px 0;}





.GallerySectionRight{width:352px; float:left;}
.GallerySectionContent{width:352px; float:left;padding:75px 0px 0px 0px;}

.GallerySectionContent h2{float:left; width:352px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#81854D; font-weight:normal; line-height:22px}

.CurrentGallery{width:352px; float:left;padding:25px 0px 0px 0px;}
.CurrentGallery p{width:352px; float:left;padding:2px 0px 3px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#525600; font-weight:normal; text-transform:uppercase;}

.CurrentGallery .ImageGallery{width:352px; float:left;}

.CurrentGallery .ImageGallery .Photo{width:352px; float:left;padding:13px 0px 0px 0px;border-bottom:dotted 1px #4d5a02; border-top:dotted 1px #4d5a02;}
.CurrentGallery .ImageGallery .Photo ul{width:352px; float:left;}
.CurrentGallery .ImageGallery .Photo li{padding:0px 0px 7px 0px}

.CurrentGallery .ImageGallery .Next{float:left; width:55px; padding:5px 0px 0px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#525600; font-weight:normal; }

.CurrentGallery .ImageGallery .Next a{color:#525600;}
.CurrentGallery .ImageGallery .Next a:hover{color:#000000; text-decoration:none }



.CurrentGallery .ImageGallery .Previous{float:right; width:47px; padding:5px 0px 0px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#525600; font-weight:normal;}

.CurrentGallery .ImageGallery .Previous a{color:#525600;}
.CurrentGallery .ImageGallery .Previous a:hover{color:#000000; text-decoration:none }


.CurrentGallery .ImageGallery .AnotherGal{float: left; width:350px; padding:32px 0px 0px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#525600; font-weight:normal;}