.modalheader
 {
	 color:#ffffff;
	 font-size:20px;
	 float:left;
	 font-family: opensans;
	 text-align:left;
	 line-height:20px;
 }
 .modalheader-title{
	 font-size:15px;
	  font-weight:normal;
 }
 .modalfooter {
  padding: 0px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  background-color:#df9d0d;
  
}
.facultymodalfooter{
    padding: 15px;
}
.modalpadding{
	padding-top:15%;
}

.modal-headercoordinators {
  background-color:#111728;
  background-image: url("../images/facultybg.jpg");
  color:#fff;
  padding:10px;
  /* //border:solid red 1px; */
}
.img-Announcement{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	width:120px;
}

.ANNOUNCEMENTSmodal-txt {
	border-right:solid #111728 1px;
	text-align:justify;
	cursor:pointer;
	
}
.separator{
	border-bottom:solid #111728 1px;
	padding:10px;
}
.ANNOUNCEMENTSmodal-end{
	border-right:solid #111728 0px;
}


.ANNOUNCEMENTSmodal-txt ul li{
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:solid #dadada 1px;
	margin-left:-10px;
}
.endli a{
	border-bottom:solid #dadada 0px;
}
.ANNOUNCEMENTSmodal-txt  a{
	color:#000000;
	text-decoration:none;
}
.ANNOUNCEMENTSmodal-txt  a:hover{
	color:#df9d00;
}


.closeicon{
  color: #ffffff;
  opacity: .8;
}
.closeicon:hover{
  color: #ffffff;
  opacity: .4;
}
.modalleadership
{
	width:60%;
}
	
.modalpaddingleadership
{
	padding-top:10%;
}

.mmodal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    width: 360px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 0.3rem;
}
.mmodal-header {
    padding: 2px 12px;
    background-color: #ffffff;
    color: #333;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.mmodal-body {
    padding: 2px 4px;
}

.modal-dialog-ANNOUNCEMENTS{
	width:70%;
	margin-top:-7%;
}
@media (min-width: 577px) and (max-width: 768px) {
.modalleadership
{
	width:85%;
}	
}
.modalnewtemplet
{
	width:98%;
}