@charset "utf-8";
/* CSS Document */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,800");

body{
	margin:0px;
}

.menu-bg{
 background-color:#000;
 background-color:#F7F7F7;
 border-top: #E0E0E0 solid 1px;
 border-bottom:#E0E0E0 solid 1px; 
 margin-top:6px; margin-bottom:11px; 
 position:absolute; width:100%;
}

.banner-hd{
	background-color:#0776AD;
	font-size:22px;
	padding:8px 0px 8px 0px;
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
}
.banner-bg{
	width:100%;
	background-color: #FFF;
	vertical-align:bottom;
}
.banner-bg1{
	margin-top:-370px;
}
.banner-bg-image{
	/*background-image:url(../images/banner1.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
	height:275px;*/
	width:100%;
	margin:auto;
}
.banner-image{
	width:100%;
	height:299px;
	padding-top:8px;
}

@media (max-width:767px) {
	.banner-image{
	width:100%;
	height:234px;
	padding-top:8px;
}
}
@media (max-width:477px) {
.banner-image{
	width:100%;
	height:149px;
	padding-top:8px;
}
}

.login-bg{
	width:100%;
	background-color:#FFF;
	border-radius:6px;
	padding:1px 29px 30px 29px;
}
/*@media (min-width:479px) {
	.login-hd{
	font-size:21px !important;
}
}
@media (max-width:480px) {
	.login-hd{
	font-size:29px !important;
}
}*/
@media (max-width:767px) {
	/*.banner-bg-image{
		display:none;
	}*/
	.banner-bg1{
		margin-top:0px;
	}
	.banner-text-bg{
		display:none;
	}
	.login-bg{
		margin:11px auto 22px auto;
		padding:1px 29px 30px 29px;
	}
	.login-hd{
	font-size:21px !important;
}
}
@media (min-width:768px) {
	.login-bg{
	width:100%;
	background-color:#FFF;
	/*background-color:red;*/
	border-radius:6px;
	padding:1px 29px 30px 29px;
}
	.col-md-7{
		width:54%;
		float:left;
	}
	.col-md-5{
		width:44%;
		float:left;
	}
	
	.login-hd{
	font-size:25px !important;
}
}
/*@media (max-width:1366px) {
	.banner-text-bg{
		width:1000px;
		float:left;
}
}*/
.banner-font{
	font-family:Open Sans, sans-serif/*Arial, Helvetica, sans-serif*/;
	font-weight:300;
	font-size:32px;
	text-align:left;
	padding:49px 0px 1px 0px;
	color: #000;
}
.banner-font1{
	font-family:Open Sans, sans-serif/*Arial, Helvetica, sans-serif*/;
	font-size:16px;
	text-align: justify;
	padding:5px 0px 9px 0px;
	line-height:30px;
	color: #000;
}
/*.login-bg{
	background-color:#FFF;
	background-image:url(../images/login-bg.png);
	background-repeat:no-repeat;
	width:415px;
	height:348px;
}*/
.login-hd{
	font-family:Open Sans, sans-serif/*Arial, Helvetica, sans-serif*/;
	font-weight:300;
	font-size:33px;
	text-align:center;
	padding:34px 0px 16px 0px;
	color:#FE7805;
}
.login-font1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	padding:9px 0px 49px 0px;
	color: #999;
}

.textbox1{
	border: #CCC solid 1px;
	border-radius:8px;
	width:100%;
	height:38px;
	padding:8px 4px 4px 10px;
	margin: 11px auto;
	text-align:left;
}

.login-font2{
	font-family:Open Sans, sans-serif/*Arial, Helvetica, sans-serif*/;
	font-weight:300;
	padding:2px 2px 19px 1px;
	text-align:center;
	color: #333;
	font-size:24px;
	/*display:block;*/
}
.login-font-images{
	border:0px;
	display:block;
	padding:29px 0px 6px 0px;
	text-align:center;
}
.bt_save{
	/*background-image:url('../images/bt_green.jpg');
	background-repeat:repeat-x;
	background-color:#3558c1;
	background-image:-webkit-linear-gradient(top, #4376cf 0%, #3558c1 100%);
  	border: 1px solid #294596;
	box-shadow: inset 0 1px 0 #879DDE;
	
	background-image:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%) !important;*/
	background-color:#F06C05;
	background-image: url(../images/button-bg.png);
	background-repeat:repeat-x;
	border:1px solid #F06C05 !important;
	box-shadow:inset 0 2px 0 #FE9238 !important;
	border-radius:8px !important;
	margin:10px 2px 0px 2px !important;
	font-family:Open Sans, sans-serif/*Arial, Helvetica, sans-serif*/;
	font-size:28px;
	padding-top:13px;
	font-weight:500; 
	text-shadow: #666 0px 1px 1px;
	color: #FFF;
	cursor:pointer;
	line-height:16px;
    height: 49px;
	width:100% !important;
	float:left;
}
.bt_save:hover{
	opacity:.9;
	color:#000;
	text-shadow: #FFF 0px 1px 1px;
}

.footer{
	border-top:#CCC solid 1px;
}
.footer-bg{
	background-color:#FFF;
	/*border-top:#CCC solid 1px;*/
	padding:12px 0px 9px 0px;
	font-size:13px;
	color: #666;
	text-align:center;
}
.footer-font1{
	color:#666;
}

@media (max-width:767px) {
/*	.banner-left{
		float:left !important;
	}
	.menu-left{
		float:left !important;
	}
	.banner-left1{
		float:left !important;
	}
	.menu-left1{
		float:left !important;
	}*/
}

.banner-left1{
	margin-top:25px;
	margin-bottom:12px;
}
.menu-left1{
	margin-top:25px;
	margin-bottom:12px;
}

.banner-left2{
	margin-top:25px;
	margin-bottom:32px;
}
.menu-left2{
	margin-top:25px;
	margin-bottom:32px;
}

.middle-rightfont1{
	font-size:18px;
	padding:4px 0px 15px 0px;
	text-transform: none;
	/*line-height:26px;*/
	text-align:justify;
	color:#0776AD;
}
.middle-rightfont2{
	font-size:14px;
	padding:8px 0px 9px 0px;
	text-transform: none;
	line-height:26px;
	text-align:justify;
	color: #333;
}

.middle-rightfont2 a {
	font-size:14px;
	padding:8px 0px 9px 0px;
	text-transform: none;
	line-height:26px;
	text-align:justify;
	color: #0776AD;
}

.middle-right-bg{
	width:100%;
	background-color:#F8F8F8;
	border:#CCC solid 1px;
	padding:11px 11px 11px 11px;
	margin-bottom:33px;
}
.middle-right-bg2{
	width:100%;
	background-color:#F8F8F8;
	border:#CCC solid 1px;
	padding:11px 11px 11px 11px;
	margin-bottom:33px;
}

.middle-right-morefont{
	font-size:14px;
	padding:4px 0px 5px 0px;
	text-transform: none;
	line-height:26px;
	float:right;
	margin-top:-36px;
	color:#0776AD;
	width:22%;
}
	
	
.news-bg{
	width:89%;
}

.news-bg a {
	font-size:16px;
	padding:2px 0px 2px 0px;
	text-transform: none;
	color:#0776AD;
}

.newshd{
	font-size:22px;
	padding:10px 0px 6px 20px;
	text-transform: capitalize;
	border:#CCC solid 1px;
	background-color:#F8F8F8;
	margin-top:4px;
	margin-bottom:15px;
	width:89%;
}

.newshd1{
	font-size:22px;
	padding:4px 0px 0px 0px;
	text-transform: capitalize;
	color: #000;
}
.newshd2{
	font-size:19px;
	padding:0px 0px 15px 0px;
	text-transform: capitalize;
	color: #666;
}
.newsfont1{
	font-size:14px;
	padding:2px 0px 29px 0px;
	text-transform: none;
	line-height:26px;
	text-align:justify;
	color: #333;
}
.newsfont2{
	font-size:16px;
	padding:2px 0px 2px 0px;
	text-transform: none;
	color:#0776AD;
}

@media (min-width:949px) and (max-width: 999px) {
	.middle-icons{
	width:110px;
	/*height:74px;*/
	margin:0px 0px 33px 0px;
	border:#CCC solid 1px;
}
.photo1{
	width:99% !important;
	height:100% !important;
}
}
@media (min-width:768px) and (max-width: 948px) {
	.middle-icons{
	width:85px !important;
	/*height:66px !important;*/
}
.photo1{
	width:99% !important;
	height:100% !important;
}
}
@media (max-width:767px) {
	.middle-icons{
	width:85px !important;
	/*height:100% !important;*/
}
.photo1{
	width:40% !important;
	height:100% !important;
}
}
@media (max-width:480px) {
	.middle-icons{
	width:54px !important;
	/*height:100% !important;*/
}
.photo1{
	width:40% !important;
	height:100% !important;
}
}

.middle-icons{
	width:90px;
	/*height:74px;*/
	margin:0px 0px 33px 0px;
	/*border:#CCC solid 1px;*/
}


.footerbg{
	background-color:#F7F7F7;
	border-top: #CCC solid 1px;
}
.footerbg1{
	width:89%;
	padding:15px 0px 10px 0px;
}
@media (max-width:767px) {
.footerbg1{
	width:99%;
	padding:22px 0px 0px 0px;
}
}
.footerfont1{
	font-size:20px;
	padding:0px 0px 0px 0px;
	text-transform: none;
	line-height:26px;
	/*text-align: center;
	text-transform:uppercase;*/
	text-align: left;
	color:#0776AD;
}

.footerfont2{
	font-size:15px;
	padding:2px 0px 0px 0px;
	text-transform: none;
	line-height:28px;
	text-align: left;
	color: #333;
}
.footerfont3{
	font-size:14px;
	padding:25px 0px 15px 0px;
	text-transform: none;
	line-height:28px;
	text-align:center;
	color: #333;
}



.student-hd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#0776AD;
	padding:8px 4px 8px 4px;
	margin:0px;
}
.student-hd2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0776AD;
	padding:8px 4px 8px 4px;
	margin:0px;
}
.textbox1{
	border: #CCC solid 1px;
	border-radius:8px;
	width:100%;
	height:38px;
	padding:8px 4px 4px 10px;
	margin: 11px auto;
	text-align:left;
}
.listbox1{
	border: #CCC solid 1px;
	border-radius:8px;
	width:100%;
	height:38px;
	padding:8px 4px 4px 10px;
	margin: 11px auto;
	text-align:left;
}

.textbox-text1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:8px 4px 8px 4px;
	margin:0px;
	font-weight:bold;
}
.textbox-text2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:8px 4px 8px 4px;
	margin:0px;
}
.button{
	background-color:#0776AD;
	padding:8px 16px 8px 16px;
	color:#FFF;
	text-decoration:none;
	border-radius:4px;
	text-transform:uppercase;
}

.col-sm-2 a {
	padding:0px !important;
}

.menubhd{
	font-size:22px;
	padding:10px 0px 6px 20px;
	text-transform: capitalize;
	border:#CCC solid 1px;
	background-color:#F8F8F8;
	margin-top:4px;
	width:89%;
}

@media(max-width:768px) {.menub ul {
	width:99% !important;
	margin:auto !important;
}
.menubhd{
	width:99%;
	margin:11px auto 1px auto;
}
}
.menub ul {
list-style-type: none;
/*height: 38px;*/
width: 89%;
margin:-10px 1px 0px 0px;
padding:0px;
}

.menub li {
float: none;
margin:0px;
background-image:url(../images/marker.gif) !important;
background-repeat:no-repeat;
background-position:5px 18px;
border-bottom: #999 dotted 1px;
}

.menub ul a {
background-position:left;
padding-right: 0px;
padding-top:3px;
padding-bottom:3px;
padding-left: 22px;
display: block;
line-height: 36px;
text-decoration: none;
/*font-family: Coda, Arial, Helvetica, sans-serif;
text-shadow: #FFF 1px 1px 1px;*/
font-size: 15px;
color:#0776AD;
letter-spacing:.07ex;
font-weight: normal;
text-transform:none;
margin-left:0px;
}

.menub ul a:hover, .activated {
color: #000;
/*background-color:#2B221B;
text-shadow:#2B221B 0px 0px 0px !important;
border-radius:0px;*/
}

.activated1{
color:FFC100;
/*background-color:#2B221B;
text-shadow:#2B221B 0px 0px 0px !important;
border-radius:0px;*/
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.phot-bg{
			width:66%; 
			float:right;
	}
	.photo-student{
			float:left;
			width:66px;
			height:80px;
			padding-top:15px;
			padding:2px;
			border:#CCC solid 1px;
			background-color:#FFF;
			margin:6px 11px 0px 2px;
		}
	.text-student{
		font-size:12px;
		padding:11px 11px 11px 1px;
		line-height:22px;
		float:left;
	}
@media ( max-width:768px) {
		.phot-bg{
			width:75%; 
			float:left;
		}
		.photo-student{
			float:left;
			width:55px;
			height:64px;
			padding-top:15px;
			padding:3px;
			border:#CCC solid 1px;
		}
		.logo2{
			float:left;
			width:390px !important;
			margin-top:6px !important;	
			margin-bottom:6px !important;		
	        height:50px;			
	}
	.logo3{
			float:left;
			width:474px !important;
			margin-top:6px !important;	
			margin-bottom:6px !important;		
		}	.text-student{
		font-size:12px;
		padding:8px 1px 1px 1px;
		line-height:20px;
		float:left;
}
}

@media ( max-width:430px) {
		.phot-bg{
			width:66%; 
			float:left;
		}
		.logo1{
			float:left;
			width:58px;
			height:94px;
			padding-top:15px;
		}
		.logo2{
			float:left;
			width:280px !important;
			margin-top:6px !important;	
			margin-bottom:6px !important;			
		    height:50px;			
}
		.logo3{
			float:left;
			width:280px !important;
			margin-top:6px !important;	
			margin-bottom:6px !important;			
		}.text-student{
		font-size:12px;
		padding:8px 1px 1px 1px;
		line-height:20px;
		float:left;
	}
}

@media ( max-width:320px) {
	.logo1{
		float:left;
		width:58px;
		height:94px;
		padding-top:15px;
	}
	.logo2{
		float:left;
		width:229px !important;
		margin-top:6px !important;	
		margin-bottom:6px !important;
        height:50px;			
	}
    .logo3{
		float:left;
		width:229px !important;
		margin-top:6px !important;	
		margin-bottom:6px !important;			
	}
}

.padding-top-5px
{
	padding-top:5px;
}

.padding-top-10px
{
	padding-top:10px;
}

.padding-bottom-10px
 {
    padding-bottom:10px;
 }

.padding-left-10px
 {
    padding-left:50px;
 }
 
.a_White
{
    FONT-SIZE: 8.5pt;
    COLOR: White;
    PADDING-TOP: 8px;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}		

.a_White :hover
{
    COLOR: White;
     TEXT-DECORATION: underline
}

.valign-middle
{
   vertical-align :middle 
}

.valign-bottom
{
   vertical-align :bottom  
}

.rowHeight1px
{
   height : 1px	;
   background-color : #38b59b;
}

.border-bottom-1px-lgray
{
   height : 1px	;
   border-bottom:solid 1px #ddd;
}

.border-bottom-1px-gray
{
   height : 1px	;
   border-bottom:solid 1px gray;
}

.border-bottom-1px-navy
{
    border-bottom: 1px solid navy;
}

.border-left-1px-navy
{
    border-left: 1px solid navy;
}

.border-right-1px-navy
{
    border-right: 1px solid navy;
}


.border-right
{
    border-right: 1px solid navy;
    border-bottom: 1px solid navy;
}

.Font-Small
{
	/*LINE-HEIGHT: 20px; */
	FONT-SIZE: 12px 
}

.Font-Red
{
	/*LINE-HEIGHT: 20px; */
	color: blue; 
}

.alert-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #F00 !important;
	text-align:center;
	padding:2px 0px 4px 0px;
	color: #999;
}

.alert-text-left {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #F00 !important;
    text-align: left;
    padding: 2px 0px 4px 0px;
    color: #999;
}

.alert-text-green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: green !important;
	text-align:center;
	padding:2px 0px 4px 0px;
}

.alert-text-green-left {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: green !important;
    text-align: left;
    padding: 2px 0px 4px 0px;
}

.alert-text-WO-Color{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	padding:2px 0px 4px 0px;
	color: #999;
}

/* for video Img */

@media (min-width:949px) {
	video, EventPhotos{
	width:400px;
}

}

@media (min-width:768px) and (max-width: 948px) {
	video, EventPhotos{
	width:400px !important;
}

}

@media (max-width:767px) {
	video, EventPhotos{
	width:300px !important;
}

}

@media (max-width:480px) {
	video, EventPhotos{
	width:230px !important;
}
}

.divOddRow {
  background-color: #f9f9f9;
}

.divOddRow_Gray {
  background-color: #F4F4F4;
}

.divEvenRow {
  background-color: #ffffff;
}

.Row-div-height-6 {
  padding: 6px;
}

.Row-div-height-5 {
  padding: 5px;
}

.Row-div-height-3 {
  padding: 3px;
}

.row-table 
{
  margin:0px auto 0px auto;
  padding-top:5px;
}

.Color-blue{
	background-color:#02435F;
}

.Color-Gray{
	background-color:#dddddd;
}


/*News & event Class*/

.bg2{
	width:100%;	
	background-color: #FFF; 
	border:#CCC solid 1px;
	padding:11px 11px 11px 11px;
	margin-bottom:33px;
}
.bg2 h2{
	text-align:left;
	color:#243c58;
	font-weight:400;
	font-size:28px;
	margin-top:0px;
	margin-bottom:19px;
	margin-left:0px;
	padding-left:0px;
}

.news-event-heading{
	font-size:18px;
	padding:4px 0px 0px 0px;
	text-transform: none;
	/*line-height:26px;*/
	text-align:justify;
	color:#0776AD;
}

.news-event-bg{
	border-bottom:#CCC solid 1px;
	overflow:auto;
	padding-bottom:16px;
	padding-top:21px;
}
.news-date-bg{
	 width:72px; 
	 float:left;
}
.news-bg1{
	background-color:#0193CF;
	color:#FFF;
	font-size:17px;
	font-weight:400;
	text-align:center;
	padding:3px 1px;
	margin-top:5px;
}
.news-bg2{
	background-color:/*#00458A*/#F3F7FA;
	color:#00458A;
	font-size:29px;
	text-align:center;
	padding:5px 0px;
	border:#0193CF solid 1px;
}
.news-bg3{
	background-color:#FD9F1B;
	color: #FFF;
	font-size:17px;
	text-align:center;
	padding:4px 1px;
	margin-top:5px;
}

.news-bg4{
	background-color:/*#00458A*/#F3F7FA;
	color:#E67817;
	font-size:29px;
	text-align:center;
	padding:5px 0px;
	border:#FD9F1B solid 1px;
}
.news-font{
	color: #000;
	font-size:16px;
	text-align: justify;
	padding:0px 12px 0px 12px;
	line-height:28px;
	overflow:auto;
}
.news-font2{
	color: #333;
	font-size:14px;
	text-align: justify;
	padding:0px 28px 0px 28px !important;
	line-height:26px;
	overflow:auto;
}

.news-photo-left{
	padding:2px;
	border:#CCC solid 1px;
	/*float:right;
	margin-left:24px;*/
	height:86px;
	margin-top:4px;
}
.news-bt{
	color: #FFF;
	background-color:#E67817;
	padding:0px 10px;
	float:right;
	border-radius:4px;
	margin:0px;
	line-height:30px;
	font-size:15px;
	margin-top:5px;
}
.news-bt:hover{
	color:#FFF;
}
.news-bt2{
	color: #FFF;
	background-color:#00458A;
	padding:0px 10px;
	float:right;
	border-radius:4px;
	margin:0px;
	line-height:30px;
	font-size:13px;
	margin-top:5px;
    width:60px;
}
.news-bt2:hover{
	color:#FFF;
    text-decoration:underline;
}


.padding-none1{
	padding-left:0px;
	padding-right:0px;
}

.library_Search_box_35{
	 width:35px; 
	 float:left;
}

/*.calender-bg1{
	background-color:#755EB0;
	color:#FFF;
	font-size:10px;
	font-weight:200;
	text-align:center;
	padding:3px 1px;
	margin-top:5px;
}*/

.library_Search_box_bg2{
	background-color:#F3F7FA;
	color:blue;
	font-size:15px;
	text-align:center;
	padding:5px 0px;
	border:gray solid 1px;
}

.a_library_Search_box{
	color:navy;
	font-size:15px;
	text-align:center;
	padding:5px 0px;
}

.border-bottom-detail-gray
{
   border-bottom:solid 1px #ddd;
}

.Jss_logo
{
	float:left;
	/*width:100px !important;*/
	margin-top:6px !important;	
	margin-bottom:6px !important;
    height:90px;
}

/*end */