﻿* {
    box-sizing:border-box;
}   
.indigo{background-color:#0c544e;}
								  .yellow{background-color:blue;}
				  .credit-bg{background-color:#73bcb6;}
				  .list-unstyled li a{color:#f2f2f2;}
				 
				  .navbar-nav .nav-item .nav-link {color:#e5e5e5;}
				  .navbar-nav .nav-item .nav-link:hover{color:#73bcb6;}
				  
				  .dropdown-menu .dropdown-item{font-size:.8em;font-family:tahoma;}
				  .dropdown-menu .dropdown-item:hover{background-color:#FFCC00;color:#000000;}
				  .nav-item{font-size:.9em;font-family:tahoma;}
				  .nav-item .nav-link{color:#3e3e3e;}
				  
				  .hr-blue{border-top:1px solid #007BFF;margin-top:15px;margin-bottom:15px;background-color:#007BFF;height:1px;}
				  .hr-yellow{border-top:1px solid #FFCC00;margin-top:15px;margin-bottom:15px;background-color:#FFCC00;height:1px;}
                  .hr-red{border-top:1px solid #e90000;margin-top:15px;margin-bottom:15px;background-color:#e90000;height:1px;}
                  .hr-black{border-top:1px solid #000000;margin-top:15px;margin-bottom:15px;background-color:#000000;height:1px;}
				  .font-family-1 {font-family: 'Roboto Condensed', sans-serif;}

.page-title{font-weight:bold;color:#0A3E89;}
.h2, h2 { font-size: 30px;}

.top-border {border-top: dashed 1px #000;}
.bottom-border{border-bottom: dashed 1px #000;}
.left-border {border-left: dashed 1px #000;}
.right-border{border-right: dashed 1px #000;}

#awards{width:100%;height:160px;overflow:hidden;}

#partners{width:100%;height:40px;overflow:hidden;}
#achievers{width:100%;height:250px;overflow:hidden;}
#placements{width:100%;height:250px;overflow:hidden;}
.scroller,.scroller2,.scroller3,.scroller4{margin:0;padding:0;list-style:none;}
.scroller>li,.scroller2>li,.scroller3>li,.scroller4>li{margin:0px;float:left;padding:5px;box-sizing: border-box;}

.events,.notices{
margin:0;
padding:0;
list-style:none;
}

.events>li,.notices>li{
margin:0;
padding:5px;
height:50px;
border-left:1px solid #007BFF;
border-bottom:1px dotted #e5e5e5;
 display: block;
  display: -webkit-box;
 -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

 overflow: hidden;
  text-overflow: ellipsis;
}


#slideshow {
  
  position: relative;
  width: 265px;
  height: 240px;
  padding: 5px;
  box-shadow: 0 0 20px rgba(240, 240, 240, 0.4);
}

#slideshow > div {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}


