/* CSS Document */

body { margin:0;padding:0;  height:100%; width:100%; font-size:15px; text-align:justify;
 }
html{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   box-sizing: border-box;}
*{outline:none;}img{border:none;}a{text-decoration:none; }
html { -webkit-text-size-adjust: 100%;}
ul,p{margin:0;padding:0;list-style:none;}
 
body,html{width:100%;height:100%;margin:0;padding:0; }
img { max-width:100%; outline:none;}
*{margin:0; padding:0}
a:hover { text-decoration:none;}
a{ text-decoration:none; outline:none;}


body
{
background-color:#EFEFEF; margin:0px auto;  font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#3f362e; text-align:justify; line-height:18px;
}

.wrapper-full
{
width:100%;  max-width:990px;  margin:0px auto; border:0px solid red; 
}

.wrapper-in
{
width:100%; float:left; border:0px solid red; min-height:200px; border:0px solid red;
}

.header
{
width:100%; float:left;  border:0px solid red;
}

.st-josephs
{
width:150px; float:right; height:207px; position:relative; margin-bottom:-67px; 
}
.st-josephs-master
{
width:200px; float:right; height:207px; position:relative; margin-top:-110px; margin-top:-10px; margin-right:-900px; 
}

	
.menu-h
{
width:100%; float:left; height:30px;
}
.menu-h-master
{
width:100%; float:left; height:40px;
}
.menu
{
	width:100%;
	float:left;
	height:30px;
	}


.header-in
{
width:100%; max-width:950px; float:left; height:140px;
}
.MainAlumniContainer,.MainProfileContainer,.Main_Container{box-sizing: border-box;
}

.logo
{
width:112px;  float:left; margin-top:10px;
}

.header-right
{
 width: calc(100% - 140px); float:left;  height:100%; 
}

.header-top-icons
{
width:100%; float:left;  height:30px;
}

.top-icons
{
 float:right; height:30px;
}

.date-time
{
width:230px; float:right;  margin-top:7px;
}

a.sitemap
{
 width:25px; float:right; height:25px; background:url(../images/images/top-icons.png) no-repeat -103px 0px; margin-right:20px;
}



a.sitemap:hover
{
 background:url(../images/images/top-icons.png) no-repeat -103px -25px; 
}

.back-head
{
	position:absolute; height:120px; width:100%; background:#4a4a4a; border-bottom:50px solid #fff; z-index:-1;
}

a.write-us
{
  width:25px; float:right; margin-right:10px; background:url(../images/images/top-icons.png) no-repeat -72px 0px; height:26px;  
}

a.write-us:hover
{
   background:url(../images/images/top-icons.png) no-repeat -72px -26px;
}

a.google-map
{
 width:25px; background:url(../images/images/top-icons.png) no-repeat -44px 0px; height:26px; margin-right:4px; float:right;
}

a.google-map:hover
{
 background:url(../images/images/top-icons.png) no-repeat -44px -25px;
}

a.mail-us
{
width:25px; float:right; background:url(../images/images/top-icons.png) no-repeat -5px 0px; height:26px; margin-right:11px;	
}

a.mail-us:hover
{
 background:url(../images/images/top-icons.png) no-repeat -5px -25px;
}



.school-name
{
width:100%; float:left;  height:85px;  border:solid 0px blue; margin-top:10px;   
}

.school-name-main
{
	min-width:0px; float:left;  height:100%; width:auto; line-height:70px;
}

.menu-h
{
width:100%; float:left; height:30px;
}
a.home
{
float:right; background:url(../images/images/home-icon.png) top left no-repeat; width:30px; height:30px;
}

a.home:hover
{
background:url(../images/images/home-icon.png) bottom left no-repeat; 
}


.banner-notice
{
width:100%; float:left; margin-top:5px; height:300px; 
}

.banner
{
width:688px; float:left; height:292px; background:url(../images/images/transparent-back.png) repeat;  -moz-box-shadow: 2px 2px 4px #919191;
  -webkit-box-shadow: 2px 2px 4px #919191;   box-shadow: 2px 2px 4px #919191; margin-top:5px; border:0px solid red;
}

.banner-in
{
width:678px; float:left; margin:6px; height:280px; 
}

.notice
{
width:290px; float:right; height:100%; background: url(../images/images/notice-head.png) top left no-repeat;
}

.notice-in
{
width:289px; float:left; height:234px; background: url(../images/images/notice-right-line.png) top right no-repeat; margin-top:64px;
}

.notice-main
{
width:272px; float:left; height:198px; background-color:#FFFFFF; border-left:2px solid #2a3c9c; padding:0px 5px 0px 5px;
}

.notice-bottom
{
width:284px; float:left; height:38px; background: url(../images/images/notice-bottom.png) top left no-repeat;
}

.notice-bottom a
{
width:83px; float:right; height:31px; background: url(../images/images/view-all.png) top left no-repeat; margin-right:6px;
}

.notice-bottom a:hover
{
background: url(../images/images/view-all.png) 0px -30px no-repeat; 
}

.full-container
{
width:100%; float:left; margin-top:10px; border:0px solid red;
}

.left-container
{
width:210px; float:left;  min-height:200px; border:0px solid red;
}

.left-menu
{
	float:right; width:9999px; min-height:150px;   position:relative;  margin-left:-9999px;
}

.left-menu ul
{
width:100%; display:block; float:right; padding:0px; margin:0px;
}

.left-menu ul li
{
width:100%;  background-color:#324296; padding:7px 0px 6px 0px; text-align:right; margin-bottom:2px; line-height:15px;
}

.left-menu ul li:hover
{
 background-color:#0C912F; color:#6C513D; cursor:pointer;
}

.left-menu ul li a
{
  text-decoration:none; color:#c8d0fc;  margin-right:8px; width:200px; float:right;  text-transform:uppercase; font-size:11px;
}
.left-menu ul li a:hover
{
  color:#FFEEC0;
}

li.menu-v-c
{
 background-color:#3d4fb0;
}

.photogallery
{
width:210px; float:left; background:url(../images/images/photogallery-head.jpg) no-repeat top left; height:170px; margin-top:5px;
}

.photogallery-in
{
width:192px; float:left; height:126px; margin-top:36px; border-left:9px solid #a18269; border-bottom:9px solid #a18269; border-right:9px solid #a18269;
}

.kids-corner a
{
width:210px; float:left; background:url(../images/images/kids.png) top left  no-repeat; height:149px; margin-top:5px;
}
.kids-corner a:hover
{
 background:url(../images/images/kids.png) 0px -157px no-repeat; 
}

.Join-us a
{
width:210px; float:left; background:url(../images/images/join-us.jpg) top left  no-repeat; height:48px; margin-top:6px;
}
.Join-us a:hover
{
background:url(../images/images/join-us.jpg) 0px -50px  no-repeat; 
}
.right-container
{
width:760px; 
float:right;  min-height:567px; margin-right:10px; background:url(../images/images/transparent-back.png) repeat; border:0px solid red; 
}

.heading
{
width:96%; float:left; font-family:"Times New Roman", Times, serif; font-size:21px; color:#1F2F80; font-weight:bold; border-bottom:1px solid #FFFFFF;
padding:2%;
}

.main-text
{
width:98%; padding:1%; float:left;
font-size:12px; font-family:Arial; border:0px solid red; margin-top:0px; 
}

.middle-con
{
width:490px; float:left; border:0px solid blue; 
}

.foundress 
{
width:390px;
height:79px;
 float:left; clear:both; 
 padding-top:85px;
 padding-left:118px;
background:url(../images/images/foundress.jpg) no-repeat;
}

.text
{
 width:100%; font-size:12px; font-family:Arial; text-align:justify;
}

.text-box
{
 width:100%; font-size:12px; font-family:Arial; margin-top:15px; border:0px solid red;
}

a.read-more
{
width:84px; float:right; height:32px; background:url(../images/images/read-more.png) no-repeat;  margin-top:-15px;
margin-right:150px;
}

a.read-more:hover
{
background:url(../images/images/read-more.png) no-repeat 0px -32px;margin-right:150px; 
}

.quototations
{
width:100%; float:left; background:url(../images/images/quotation-mark-l.jpg) top left no-repeat; margin-top:15px; border:0px solid red;	
}

.quototations-in
{
width:100%; float:left; background:url(../images/images/quotation-mark-r.jpg) bottom right no-repeat; min-height:100px;
}

.quototations-main
{
width:90%; float:left; padding:4% 5% 4% 5%; 
}

.right-con
{
width:250px; float:right; 
}

.e-care
{
width:100%; float:left; 
}

.toppers
{
width:100%; float:left;  margin-top:10px; height:177px;
}



.toppers-head
{
	width:250px;
	float:left;
	height:25px;
	background-image:url(../images/images/toppers-head.jpg);
	background-repeat:no-repeat;
	margin-left:5px;
}

.toppers-in
{
	width:250px;
	float:left;
	background-image:url(../images/images/toppers-back.jpg);
	height:152px;
	background-repeat:no-repeat;
}

.toppers-main
{
	width:226px;
	float:left;
	height:126px;
	margin:13px 0px 0px 8px;
}
a.view-all
{
	text-decoration:none;
	color:#fff;
	font-size:14px;
	margin-right:12px;
	line-height:26px;
	float:right;
	
}

a.view-all:hover
{
	color:#000033;
}



.calender
{
width:100%; float:left; margin-top:-2px;
}

.footer
{
width:100%; height:89px; float:left; margin-bottom:10px; background:url(../images/images/footer-rptr.jpg) left top repeat-x; 
}

.footer-cruve-r
{
width:100%; height:89px; float:left; background:url(../images/images/footer-right-c.jpg) right top no-repeat; 
}

.footer-cruve-l
{
width:100%; height:89px; float:left; background:url(../images/images/footer-left-c.jpg) left top no-repeat;
}

.footer-in
{
width:980px; margin:0px auto;margin-top:21px;
}

.footer-main
{
width:100%;float:left;  height:68px; 
}

.footer-links
{

width:100%; float:left; 
}

.footer-links ul
{
margin:0px; padding:0px; float:left; width:100%; font-size:11px; font-family:Arial; text-align:center; margin-top:10px;
}

.footer-links ul li
{
 display:inline; color:#8598f4;  margin:0px 3px 0px 3px;
}
.footer-links ul li a
{
   text-decoration:none; color:#c1cbfd; padding: 2px 15px 2px 15px;
}
.footer-links ul li a:hover	
{
    color:#fff; border:1px solid #8598f4; padding: 1px 14px 1px 14px;
}

.copy-right
{
width:100%; float:left; margin-top:5px; font-size:11px; color:#ebb378; 
}

.copy-right-in
{
width:50%; float:left;
}

.designed-by
{
width:50%; float:right; text-align:right;
}

a.fran
{
text-decoration:none; color:#ebb378; 
}

a.fran:hover
{
text-decoration:none; color:#fff; 
}


.accordionHeader_Y
{
    border: 0px solid #C5C5C5;
background-image:url(/images/images/ajax-bg.png);
   background-repeat:no-repeat;
    background-color: none;
    height:17px;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
    text-transform:uppercase; 
    font-weight:bold;
    padding: 4px;
    cursor: pointer;
    margin-top:2px;
    padding-left:5px;
    color:#2F2F2F;
}




.accordionContent_Y
{
    background-color: none;
    border: 0px solid #C5C5C5;
    border-top: none;
    padding: 5px;
    text-align:center;
}

.e-care
{
   width:100%;
    height:160px;
     background-image:url(/images/images/e_care_login_bg.png);
    background-repeat:no-repeat;
    float:left;
   
}

.e-care-login
{
    width:100%;
    height:160px;
    background-image:url(/images/images/e_care_login_bg.png);
    background-repeat:no-repeat;
    float:left;
    margin-top:5px;
}

.e-care-login_support
{
    float: right; 
    padding-right:13px; 
    margin-top:7px; 
    background-image:url(/images/images/support_icon.png); 
    background-repeat:no-repeat; 
    width:92PX; 
    text-align:right; 
    font-size:11.5PX; 
    color:#1e2f05;
    text-decoration:none;
}
.e-care-login_text_box
{
      background-color:Red;
      
      font-size:11px;
}
.e-care-login_inner
{
    width:202px;
    height:137px;
    background-image:url(/images/images/e_care_login_bg_small.gif);
    background-repeat:no-repeat;
    float:left;
    margin-top:5px;
    background-color:Gray;
    
}

.e-care-login_support_inner
{
    float: right; 
    padding-right:10px; 
    margin-top:6px; 
    background-image:url(/images/images/support_icon.png); 
    background-repeat:no-repeat; 
    width:90PX; 
    background-color:Green;
    text-align:right; 
    font-size:11PX; 
    color:#1e2f05;
}
.e-care-login_text_box
{
      background-color:Red;
      
      font-size:11px;
}

.WaterMark_Color
{
    color:#c0c0c0;font-size:12px;  
}

.modalBackground
{
background-color:White; filter: alpha(opacity=80);opacity: 0.80;
}



.designation
{
    color:#D33838; 
    font-weight:bold;
}


    .InfrastructureBackSide a
{
	width:105px;
	background-image:url(/images/images/01.png); float:left; background-repeat:no-repeat; height:55px; margin-top:0px; margin-left:0px; 
}
.InfrastructureBackSide a:hover
{
	background:url(../images/images/01.png) 0px -55px no-repeat;
}

.InfrastructureReception a
{
	width:105px;
	background-image:url(/images/images/02.png); float:left; background-repeat:no-repeat; height:55px; margin-top:0px; margin-left:0px; 
}
.InfrastructureReception a:hover
{
	background:url(../images/images/02.png) 0px -55px no-repeat;
}

.InfrastructureFrontSide a
{
	width:105px; background-image:url(/images/images/03.png); 
	float:left; background-repeat:no-repeat; 
	height:55px;margin-top:0px; margin-left:0px; 
	
	
}
.InfrastructureFrontSide a:hover
{
	background:url(../images/images/03.png) 0px -55px no-repeat;
	cursor:pointer;
}
.Infrastructurefour a
{
	width:105px; background-image:url(/images/images/04.png); 
	float:left; background-repeat:no-repeat; 
	height:55px;margin-top:0px; margin-left:0px; 
	
}
.Infrastructurefour a:hover
{
	background:url(../images/images/04.png) 0px -55px no-repeat;
	cursor:pointer;
}
.Infrastructurefive a
{
	width:105px; background-image:url(/images/images/05.png); 
	float:left; background-repeat:no-repeat; 
	height:55px;margin-top:0px; margin-left:0px; 
	
}
.Infrastructurefive a:hover
{
	background:url(../images/images/05.png) 0px -55px no-repeat;
	cursor:pointer;
}


.Infrstructurepage a
{
	width:250px; 
	float:left;
	height:100px;
	background-image:url(/images/images/Infr01.png);
	margin:10px 0px 0px 0px;
	cursor:pointer;
}

.Infrstructurepage a:hover
{
	width:250px; 
	float:left;
	height:100px;
	background-image:url(/images/images/Infr02.png);
	margin:10px 0px 0px 0px;
} 	  
.Infrstructurmaster a
{
	width:210px; 
	float:left;
	height:84px;
	background-image:url(/images/images/Infr03.png);
	margin:10px 0px 0px 0px;
	cursor:pointer;
}

.Infrstructurmaster a:hover
{
	width:210px; 
	float:left;
	height:84px;
	background-image:url(/images/images/Infr04.png);
	margin:10px 0px 0px 0px;
} 	 
.Photo_Border a
{
    border: solid 1px #E3E4E3;
    height:57px;
    float:left;
    text-decoration:none;
    
}
.Photo_Border a:hover
{
    border: solid 1px #203667;
}
.member
{
	width:316px;
	height:100%;
	float:left;
	margin-left:10px;
	background-image:url(/images/image-new/member-rptr.png);
	background-repeat:repeat-x;
	}
.curve-btm
{
	width:316px;
	border:red solid 0px;
	float:left;
	
}
.main-login-container
{
	width:316px;
	height:292px;
	float:left;
	
	}
	.member-login
	{
		width:308px;
		height:31px;
		float:left;
		
		
	}	
	.member-login-l
	{
		width:300px;
		height:31px;
		float:left;
		background-image:url(/images/image-new/member-login.png);
	background-repeat:no-repeat;
	}
	
	
		.join-now
		{
			width:98px;
			margin-top:5px;
			height:26px;
			float:right;
			background-image:url(/images/image-new/join-now.png);
        	background-repeat:no-repeat;
		}
		.join-now a
		{
			
			float:right;
			background-image:url(/images/image-new/join-now.png);
        	background-repeat:no-repeat;
		}
		.join-now a:hover
		{
			
			float:right;
			background-image:url(/images/image-new/join-now-hover.png);
        	background-repeat:no-repeat;
		}
			
			.login-now
{
				width:100%;
				height:126px;
				float:left;
				background-color:#329082;
				margin-top:0px;
}
				.recent-member
				{
					width:100%;
					height:166px;
					float:left;
					
					}
					.recent-mbmr-cntr
					{
						width:302px;
						height:104px;
						float:left;
						background-image:url(/images/image-new/recent-member.png);
	                    background-repeat:repeat-x;
	                    margin-left:7px;
	                    
						}
						
						
						
						.mbr-center-container
						{
							background-color:#5CA99F;
							width:284px;
							height:83px;
							float:left;
							padding-left:17px;
							padding-top:5px;
							
							
						}
						.top-curve
						{
							width:100%;
							height:29px;
							float:left;
							margin-left:7px;
						
							
							}
	.recent-mbmr-down
	{
		width:100%;
		height:31px;
		float:left;
		margin-right:7px;
		padding-bottom:5px;
		
			}
			.recent-mbr-crv-btm-l
			{
				width:202px;
				height:31px;
				float:left;
				margin-left:7px;
				
			}
			
			.recnt-mbr-view-all
			{
				width:93px;
				height:31px;
				float:left;
				margin-left:7px;
				background-image:url(/images/image-new/rcnt-member-bottom.jpg);
	                    background-repeat:no-repeat;
	                    margin-top:-0px;
			}
			.recnt-mbr-view-all a:hover
			{
				width:93px;
				height:31px;
				float:left;
				background-image:url(/images/image-new/rcnt-member-bottom-hover.jpg);
	            background-repeat:no-repeat;
	                    
			}