@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
body{background-color:#effcef; font-family: 'Open Sans', sans-serif;}
img{max-width:100%;}
.main_container{background-color:#ffffff;}
.logoarea{text-align:center; padding:20px 0 0 0;}
.process_txt{color:#333333; font-weight:bold; text-align:center; font-size:22px;}

/* -----------------------------------------------------------------------------

  TABS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Tabs component
 *
 * A responsive tabs component that falls back to a linear conent display when
 * JavaScript is disabled. The following is the default suggested markup to play
 * nicely with the JavaScript. If you change it up, just make sure you pass in
 * the correct parameters to the tabs instance.
 *
 * <div id="tabs" class="c-tabs no-js">
 *   <div class="c-tabs-nav">
 *     <a href="#" class="c-tabs-nav__link is-active"></a>
 *     <a href="#" class="c-tabs-nav__link"></a>
 *     ...
 *   </div>
 *   <div class="c-tab is-active">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   <div class="c-tab">
 *     <div class="c-tab__content"></div>
 *   </div>
 *   ...
 * </div>
 */
.c-tabs {
  /**/
}

/**
 * Tabs navigation
 */
.c-tabs-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-tabs-nav__link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 4px;
  padding: 12px;
  color: #fff;
  background-color: #004f2f;
  text-align: center;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}

.c-tabs-nav__link:last-child {
  margin-right: 0;
}

.c-tabs-nav__link:hover {
  color: #ffffff;
  text-decoration:none;
}
.c-tabs-nav__link:focus {color: #ffffff;}

.c-tabs-nav__link.is-active {
  color: #00824e;
  background-color: #e7e7e7;
  text-decoration:none;
}

.c-tabs-nav__link i,
.c-tabs-nav__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.c-tabs-nav__link i {
  font-size: 18px;
}

.c-tabs-nav__link span {
  font-size: 14px;
  font-weight:600;
}

/*@media all and (min-width: 720px) {
  .c-tabs-nav__link i {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .c-tabs-nav__link span {
    display: block;
  }
}*/

/**
 * Tab
 */
.c-tab {
  display: none;
  background-color: #ffffff;
}

.c-tab.is-active {
  display: block;
}

.c-tab__content {
  padding: 1.5rem;
}

/**
 * Tabs no-js fallback
 */
.c-tabs.no-js .c-tabs-nav {
  display: none;
}

.c-tabs.no-js .c-tab {
  display: block;
  margin-bottom: 1.5rem;
}

.c-tabs.no-js .c-tab:last-child {
  margin-bottom: 0;
}

.apply_btn{padding:15px 0; text-align:center;}
.apply_btn a{display:inline-block; padding:8px 20px; color:#ffffff; background-color:#004f2f; font-size:18px; margin:0 8px 10px;}
.apply_btn a:hover{text-decoration:none;}
.apply_btn a:focus{text-decoration:none;}
.c-tab__content h2{font-size:22px; font-weight:bold; margin-top:0;}
.c-tab__content h3{font-size:14px; font-weight:bold; color:#555555;}
.acd_yr_txt{text-align:center; font-size:18px; color:#666; padding-bottom:20px; font-weight:600;}
.acc_content a{color:#00824e;}
.imp_links{background-color:#deebde; padding:15px 0;}
.imp_links ul{margin:0; padding:0 0 0 1.5rem;}
.imp_links ul li{list-style-type:none; margin:0; padding:0 0 10px 0; font-size:16px;}
.imp_links ul li a{color:#00824e;}
.imp_links ul li a:hover{color:#00824e; text-decoration:none;}
.imp_links ul li a:focus{color:#00824e; text-decoration:none;}

.acc_content ul li{padding-bottom:10px;}

.mod_container h4{margin:0 0 6px 0; font-weight:600; font-size:16px; line-height:20px;}
.add_blk{padding-bottom:15px;}
.modinfo .modal-title{color:#00824e; font-weight:bold;}

.agetab{border-left:1px solid #ccc; border-top:1px solid #ccc; font-size:13px; margin-top:10px;}
.agetab tr td{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
.mod_container ul li{padding-bottom:8px;}
.mod_container ul{margin-top:12px;}
.add_blk a{color:#333333; text-decoration:none;}
.further_query a{color:#00824e; text-decoration:none;}
.c-tabs .c-tabs-nav a.c-tabs-nav__link {
    flex: auto ;
}
.adm-school-bio{
	background:#fff;
	padding:10px;
	overflow:hidden;
	margin:25px 0 15px;
	border:1px solid #c5d9c5;
}
.adm-school-bio img{
	width:100%;
	height:auto;
}
.adm-bio-left{
	float:left;
	width:25%;
}
.adm-bio-right{
	float:right;
	width:73%;
	font-size:13px;
	line-height:19px;
}
.adm-bio-right h4{
	color:#02814d;
	margin:0 0 10px;
	font-size:16px;
	line-height:22px;
	font-weight:700;
}
.adm-bio-right p:last-child{
	margin-bottom:0;
}
/*======================================== MEDIA QUERIES ==========================================*/
@media (min-width:320px) and (max-width:480px) {
	.c-tabs-nav__link{padding:10px 7px;}
	.c-tabs-nav__link span {font-size: 13px;}
	.logoarea{padding-top:8px;}
	.process_txt{font-size:16px;}
	.acd_yr_txt{font-size:12px; padding-bottom:10px;}
	.apply_btn a{width:100%; margin:0 0 10px}
	.c-tab__content h2{font-size:18px;}
	}	

@media (max-width: 767px){
.c-tabs-nav {
    display: flow-root;
}
.c-tabs .c-tabs-nav a.c-tabs-nav__link {
    flex: none;
    width: 100%;
    float: left;
}
.adm-bio-left{
	float:none;
	width:100%;
	margin-bottom:12px;
}
.adm-bio-right{
	float:none;
	width:100%;
}
}