/*==========================================================*/
body
{margin:0px;padding:0px;font-family:Verdana;color:#333;font-size:12px;height:100%;background:url(../images/Body_bg.jpg);}

img{border:none;}

ul,h1,h2,h3,h4,h5,p,form,fieldset,legend
{margin:0px;padding:0px;}
h1,h2,h3,h4,h5
{font-size:normal;font-weight:normal;}
ul, li
{	
	list-style:none;
}
a{text-decoration:none;}
span, strong, p, a
{	
	list-style:none;
	-webkit-transition: all 0.5s ease-in-out;  /* Chrome, Safari 3.2+ */
	-moz-transition: all 0.5s ease-in-out;  /* Firefox 4-15 */
	-o-transition: all 0.5s ease-in-out;  /* Opera 10.50–12.00 */
	transition: all 0.5s ease-in-out;  /* Firefox 16+, IE 10+, Opera 12.50+ */
}

/*==========================================================*/
.FL{float:left;}
.FR{float:right;}
.CLR{clear:both;}

.MT_10{margin-top:10px !important;}
.MT_20{margin-top:20px !important;}
.MR_20{margin-left:20px !important;}

.W_705{width:705px;}
.W_275{width:275px;}
.W_1000{width:1000px;margin:auto;}
/*==========================================================*/
#Header{height:115px;background:url(../images/header_bg.png) repeat-x;}
#Header .logo a{font-family:"Times New Roman", Times, serif;color:#f7f7f7;font-size:40px;margin: 25px 0 0;display:block;}

#Header .TopNav{margin: 0px 0 0 0;}
#Header .TopNav ul{}
#Header .TopNav ul li{float:left;height:33px;}
#Header .TopNav ul li a{height:33px;padding:4px 0 0;text-align:center;text-shadow:1px 1px 0 #F3F3F3;text-decoration:none;font-weight:bold;display:block;color:#000000;}

#Header .TopNav ul li.Community{}
#Header .TopNav ul li.Community a{width:114px;background:url(../images/top_Community_bg.png) 0 -3px no-repeat;}
#Header .TopNav ul li.Community a:hover{background:url(../images/top_Community_bg.png) 0px 0 no-repeat;}

#Header .TopNav ul li.Matrimony{}
#Header .TopNav ul li.Matrimony a{width:114px;background:url(../images/top_Matrimony_bg.png) 0 -3px no-repeat;}
#Header .TopNav ul li.Matrimony a:hover{background:url(../images/top_Matrimony_bg.png) 0px 0 no-repeat;}

#Header .TopNav ul li.Jobs{}
#Header .TopNav ul li.Jobs a{width:88px;background:url(../images/top_jobs_bg.png) 0 -3px no-repeat;}
#Header .TopNav ul li.Jobs a:hover{background:url(../images/top_jobs_bg.png) 0px 0 no-repeat;}

#Header .TopNav ul li.People{}
#Header .TopNav ul li.People a{width:87px;background:url(../images/top_people_bg.png) 0 -3px no-repeat;}
#Header .TopNav ul li.People a:hover{background:url(../images/top_people_bg.png) 0px 0 no-repeat;}


#Header .HP_Share{background:url(../images/Share_bg.png) no-repeat;width:276px;height:32px;float: right;}
#Header .HP_Share ul{}
#Header .HP_Share ul li{float:left;font-weight:bold;color:#f7f7f7;line-height: 32px;margin: 0 0 0 7px;}
#Header .HP_Share ul li a{}
#Header .HP_Share ul li a img{margin:5px 5px 0 0;}

/*==========================================================*/

#BodyContent{float: left;left: 50%;margin: 0 0 0 -500px;position: relative;width: 1000px;}

#BodyContent .welcome{height:auto;}
#BodyContent .welcome h1{color:#9d193f;font-size:25px; font-weight:bold;font-family: "Eras Bold ITC", "Eras ITC", "Eras Medium ITC", Arial;}
#BodyContent .welcome p{color:#323232;text-align:justify;line-height:22px;margin:10px 0 0 0;font-size:14px;}
#BodyContent .welcome p strong{color:#060;}
#BodyContent .welcome a{color:#222222;font-weight:bold;display:block;padding:5px 10px;background:#CCC;border:1px dotted #222222;text-align:right;margin:10px 0 0 0;}
#BodyContent .welcome a:hover{color:#CCC;background:#222222;}

#BodyContent .Navigation{}
#BodyContent .Navigation ul{}
#BodyContent .Navigation ul li{margin:0 0 5px 0;}
#BodyContent .Navigation ul li span
{
	-webkit-transition: all 0.5s ease-in-out;  /* Chrome, Safari 3.2+ */
	-moz-transition: all 0.5s ease-in-out;  /* Firefox 4-15 */
	-o-transition: all 0.5s ease-in-out;  /* Opera 10.50–12.00 */
	transition: all 0.5s ease-in-out;  /* Firefox 16+, IE 10+, Opera 12.50+ */
}

#BodyContent .Navigation ul li span.Btn_01{background:url(../images/btn_01.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_02{background:url(../images/btn_02.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_03{background:url(../images/btn_03.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_04{background:url(../images/btn_04.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_05{background:url(../images/btn_05.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_06{background:url(../images/btn_06.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_07{background:url(../images/btn_07.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_08{background:url(../images/btn_08.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_09{background:url(../images/btn_09.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_10{background:url(../images/btn_10.png) no-repeat;}
#BodyContent .Navigation ul li span.Btn_11{background:url(../images/btn_11.png) no-repeat;}

#BodyContent .Navigation ul li span{width:275px;height:42px;overflow:hidden;cursor:pointer;display:block;}
#BodyContent .Navigation ul li span strong{font-family:"Eras Bold ITC", "Eras ITC", "Eras Medium ITC", Arial;color:#f7f7f7;font-size:18px;padding:0 0 0 15px;display:block;line-height:42px;font-weight:normal;}
#BodyContent .Navigation ul li span:hover{height:110px;}
#BodyContent .Navigation ul li span p{border: 2px dashed #999;border-top:none;line-height: 17px;margin: 0 0 0;padding:5px;background:#eeeeee;height:0px;}
#BodyContent .Navigation ul li span p a{color:#333333;font-weight:bold;}
#BodyContent .Navigation ul li span p a:hover{color:#090;}
#BodyContent .Navigation ul li span:hover p{height:55px;}

#BodyContent .BulletinBoard{}
.BulletinBoard div.BulletinBorder{border-top:none; border-left:1px solid #a32146; border-right:3px solid #a32146; border-bottom:3px solid #a32146;height:315px;}
#BodyContent .BulletinBoard .Viewall a{margin: -38px 0 0;padding: 8px 10px 13px 185px;color:#FF0;font-weight:bold;font-size:11px;display:block;text-decoration:none;}
#BodyContent .BulletinBoard #page h3{width:275px;height:42px;background:url(../images/Bulletin-Board.png) no-repeat;}

#BodyContent .BulletinBoard #page .ticker{height: 274px;overflow: hidden;margin: 0;padding: 0;list-style: none;background-color: #eeeeee;}
#BodyContent .BulletinBoard #page .ticker li {height: 84px;border-bottom: 1px dotted #DDD;padding: 0px;margin: 5px;}
#BodyContent .BulletinBoard #page .ticker li p{color:#000000;padding:0 0 5px 0;text-align:justify; font-size:11px;}
#BodyContent .BulletinBoard #page .ticker li a{color:#a32347;font-weight:bold;}
#BodyContent .BulletinBoard #page .ticker li a:hover{color:#060;font-weight:bold;text-decoration:underline;}

#BodyContent .RHS_contact{padding:10px; background: #292929 url(../images/HP_ContactUs.png) right bottom no-repeat;box-shadow: 0 0 5px #000000;}
#BodyContent .RHS_contact h4{color:#FF0;font-size:16px;font-weight:bold;font-style:italic; text-shadow:1px 1px 0px #000000;padding:5px 0;}
#BodyContent .RHS_contact p{color:#C7C7C7;line-height: 18px;}
#BodyContent .RHS_contact p strong{color:#F60;}
#BodyContent .RHS_contact p a{color:#0F0;}





#Footer{height:120px;background:url(../images/footer_bg.jpg) repeat-x;}
#Footer p{text-align:center;color:#8edcfc;padding: 50px 0 0;}
#Footer p a{color:#0F0;}

/* =============== inner pages ==================*/

.inner_banner
{
	border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 3px #333333;
    height: 300px;
    margin: 0;
    overflow: hidden;
    width: 700px;
}


.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 14px Helvetica, Arial, Sans-Serif;
			margin: 20px 0 0;
		}
		.breadcrumb li { 
			float: left; 
		}
		.breadcrumb li a {
			color: white;
			text-decoration: none; 
			padding: 10px 0 10px 40px;
			background: brown;                   /* fallback color */
			background: hsla(34,85%,35%,1); 
			position: relative; 
			display: block;
			float: left;
		}
		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(34,85%,35%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
			
			-webkit-transition: all 0.5s ease-in-out;  /* Chrome, Safari 3.2+ */
			-moz-transition: all 0.5s ease-in-out;  /* Firefox 4-15 */
			-o-transition: all 0.5s ease-in-out;  /* Opera 10.50–12.00 */
			transition: all 0.5s ease-in-out;  /* Firefox 16+, IE 10+, Opera 12.50+ */
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 3px;
			left: 100%;
			z-index: 1; 
			
			-webkit-transition: all 0.5s ease-in-out;  /* Chrome, Safari 3.2+ */
			-moz-transition: all 0.5s ease-in-out;  /* Firefox 4-15 */
			-o-transition: all 0.5s ease-in-out;  /* Opera 10.50–12.00 */
			transition: all 0.5s ease-in-out;  /* Firefox 16+, IE 10+, Opera 12.50+ */
		}	
		.breadcrumb li:first-child a {
			padding-left: 10px;
		}
		.breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
		.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
		.breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
		.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
		.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
		.breadcrumb li:last-child  {
			background: white !important;
			color: black;
			pointer-events: none;
 			cursor: default;
			text-decoration: none; 
			padding: 10px 0 10px 40px;
			position: relative; 
			display: block;
			float: left;
		}
		.breadcrumb li:last-child:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent; 
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}
		.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
		.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }