@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); 
@import url('font-awesome.css');  


#fristheading{
	background:#000000;
	margin:0px; padding:0px;
}

.menulink{
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
.menulink:hover{
	text-decoration:none;
	color:#ffffff;
}

#searchtext{
	width:180px;
}
#gobutton{
	background:#006600;
	color:#FFFFFF;
	border:#006600 1px solid;
	font-weight:bold;
}

#grad {
 	background-image:url(../../img/bg_notice_board.png);
    background-repeat: no-repeat;
}

#sliderdiv{
	z-index:2;
}
#middiv{
	z-index:1;
}

.noticeul{
	margin:0px;
	padding:0px;
}
.noticeul li{
	list-style:none;
	padding-top:5px;
	padding-left:20px;
}
.noticeul li a {
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	font-size:14px;
}

#introduced{
	height:30px; 
	background:#302f95;
	padding-top:5px;
	margin-top:10px;
    text-align: center;
}

#introduced span {
	font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
#introduced a{
	font-size:15px; 
	padding-left:20px;
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
}
#bigintroduced{
	height:55px; 
	background:#609513;
	padding-top:5px;
	margin-top:10px;
}

#bigintroduced span {
	font-size:15px; 
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFFFFF;
}

#alllink {
	height:30px; 
	padding-top:5px;
	margin-top:10px;
	text-align:center;
	background: #BBBBBB ; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top,#E9E9E9 , #BBBBBB  ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top,#E9E9E9, #BBBBBB); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top,#E9E9E9, #BBBBBB); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #E9E9E9,#BBBBBB ); /* Standard syntax */
	font-family:"Times New Roman", Times, serif;
}
#alllink   a {
	font-size:14px; 
	text-decoration:underline;
	color:black;
}

#bodyDiv{
	border-radius:0px;
	position: relative;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
   	background: #f5f5f5;
}

.spantext{
	font-family: "Georgia", "Times New Roman", serif;
	color:black;
	padding-top:0px;
	font-size:18px;
}	

#middivul {
	margin:0px;
	padding:0px;
}

#bottom_link li{
	list-style:none;
	line-height:25px;
}
#bottom_link li a{
	color:black;
	font-size:12px;
}
#bottom_link li a i{
	color:grey;
	font-size:10px;
}

.footer{
	position: relative;
    left: -15px;
	background:#ebebeb;
	border-radius:0px;
	margin-bottom: 15px;
}

#footermenu   {
	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	padding-top:15px;
	padding-left:20px;
	}
	
/* Positioning the navigation items inline */
#footermenu li {
	margin: 0px;
	display:inline-block;
	background-color:#ebebeb;
	border-right:1px #999999 solid;
	
}

/* Styling the links */
#footermenu  li a {
	display:block;
	padding:5px 10px;	
	color:black;
	font-size:14px;
	text-decoration:none;
}

#footermenu  li a:hover { 
	background: #000000; 
	color:#FFFFFF; 
}
.topfooter {
 	background:#000000;
    height: 100px;
    clear: both;
}

#details{
	color:#000000;
	padding-top:120px;
}

#rightblock{
	margin:0px;
	padding-top:10px;
}
#rightblock ul {
	margin:0px;
	padding:0px;
}
#rightblock ul li {
	list-style:none;
	padding-left:5px;
	padding-top:2px;
	display:block;
	width:100%;	
}
#rightblock ul li a {
	font-family:"Times New Roman", Times, serif;
	color:black;
	font-weight:400;
	font-size:14px;
}
#rightblock ul li a i {
	color:#302f95; font-weight:400;
	font-size:13px;
}
#tophr{
	margin:0px;
	padding:0px;
	border-top:2px #CCCCCC solid;
	margin-top:5px;
}

#noticetopdiv{
	background:#302f95;
	height:50px;
	padding-top:12px;
	border-right:1px #CCCCCC solid;
}
#noticetopdiv span {
	font-size:14px;
	color:#FFFFFF;
}

#colordiv{
	float:left;
	clear:right;
	width:30px;
	background:#fff;
	text-align:center;
	height:25px;
	padding-top:2px;
	font-family:"Times New Roman", Times, serif;
	font-weight:400;
}
#colordivone{		
	float:left;
	clear:right;
	width:30px;
	background:#cfe5fc;
	text-align:center;
	height:25px;
	padding-top:2px;
	font-family:"Times New Roman", Times, serif;
	font-weight:400;
	margin-left:3px;
}
#colordivtwo{		
	float:left;
	clear:right;
	width:30px;
	background:#2f2f2f;
	text-align:center;
	height:25px;
	padding-top:2px;
	font-family:"Times New Roman", Times, serif;
	font-weight:400;
	margin-left:3px;
	color:white;
}
#colordivthree{
						
	float:left;
	clear:right;
	width:30px;
	background:#f7f3d6;
	text-align:center;
	height:25px;
	padding-top:2px;
	font-family:"Times New Roman", Times, serif;
	font-weight:400;
	margin-left:3px;
}

#studentview ul{
	margin:0px; padding:0px;
}

#studentview ul li{
	list-style:none;
	padding-left:10px;
	color:#000000;
	height:30px;
	padding-top:10px;
	
}

body {
	background-image: url("img/images.jpg");
	font-family: 'Roboto', sans-serif;
}

#boxshadow {
	background: #fff;
	padding: 8px;
}
.social-icon {
	color: #fff;
}

ul.social-icons {
	margin-top: 10px;
}

.social-icons li {
	vertical-align: top;
	display: inline;
	height: 100px;
}

.social-icons a {
	color: #fff;
	text-decoration: none;
}

.face {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}

.face:hover {
	background-color: #3d5b99;
}

.twitter {
	padding: 10px 12px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}

.twitter:hover {
	background-color: #00aced;
}

.rss {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}

.rss:hover {
	background-color: #eb8231;
}

.youtube {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}

.youtube:hover {
	background-color: #e64a41;
}

.instagram {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}

.instagram:hover {
	background-color: #0073a4;
}

.plus {
	padding: 10px 9px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #322f30;
}

.plus:hover {
	background-color: #e25714;
}
@import url('https://fonts.googleapis.com/css?family=Roboto');

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}
				/*
1.1 Header Area
***************************************************/
/*Bootstrap Reset*/
.navbar-nav>li>a {
	padding-top: 0;
	padding-bottom: 0;
}
.mainmenu {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0;
	border: 0px !important;
}
.navbar-nav>li:last-child>a {
	padding-right: 0px;
	margin-right: 0px;
}
.dropdown-menu {
	padding: 0px 0;
	margin: 0 0 0;
	border: 0px solid transition !important;
	border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 0px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;

}

/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu>li>a {
	padding: 16px 15px 16px 25px;
}

.header_bottom {
	background: #0071ba
}

.header_area .header_bottom .mainmenu a,
.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 15px;
	text-transform: capitalize;
	padding: 16px 15px;
	font-family: 'Roboto', sans-serif;
}

.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background: #302f95;
	outline: 0;

}

/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle {
	border-color: #fff
}

/*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff
}

/*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul>li:hover>a {
	background: #54c6d4;
}

.mainmenu .collapse ul ul>li:hover>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	background: #CBEAF0;
}

.mainmenu .collapse ul ul ul>li:hover>a {
	background: #CBEAF0;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
	background: #98D7E1;
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu {
	background: #e4eeb8;
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
	background: none;
	border: 0 solid;
	margin: 0;
	padding: 0;
	min-height: 20px
}

@media only screen and (min-width: 767px) {
	
	.mainmenu .collapse ul ul ul li {
		position: relative
	}

	.mainmenu .collapse ul ul ul li:hover ul {
		display: block
	}

	.mainmenu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 250px;
		display: none;
		z-index: 1
	}
}

.pagination {
	display: inline-block;
}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
}

.pagination a.active {
	background-color: #4CAF50;
	color: white;
	border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.fanpage{
	position: relative;
	left: -15px;
}