*{margin:0;padding:0;}

html{
	height:100%;
}
body{
	height:100%;
	font-family:sans-serif,Arial !important;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	background-color:#DEE1E6;

}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
}
p{
	line-height:150%;
	margin-bottom:2em;	
}
blockquote{
	background:#D1D5D9;
	border:1px solid red;
	margin-bottom:50px;
	padding:20px;
}
.img{
	width:250px;
	height:auto;
	background:#DEE1E6;	
}
.img:hover{
	background:#01ff93;

	
}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{max-width:100%;}
.aligncenter{display:block;margin:0 auto;}
.floatleft{float:left;}
.floatright{float:right;}

#menu{
	list-style-type:none;
	width:auto;
	background:#726D63;
	min-height:42px;
	margin:0 auto;
	
}
#menu li{
	float:left;
	border-right:1px solid #605B5B;
	border-left:1px solid #2B2A2A;
	position:relative;
	
}

#menu li:last-child{
	border-right:none;
}
#menu li:first-child{
	border-left:none;
}
#menu li a{
	color:#fff;
	text-decoration:none;
	background: #726D63;
	padding:10px 15px;
	display:block;
	transition:0.3s all ease;
}
#menu li a:hover{
	background:#DEE1E6;
}


#menu li ul{
	list-style-type:none;
	padding:0;
	position:absolute;
	left:-99999px;
	/*transition:0.5s all ease;*/
}
#menu li:hover ul{
	left:0;
}

#menu li ul li{
	float:none;
	border-right:none;
	border-left:none;
	border-top:1px solid #605B5B;
	border-bottom:1px solid #2B2A2A;	
	width:200px;
	position:relative;
}

#menu li ul li ul{
	position:absolute;
	top:-999999px;
}
#menu li ul li:hover ul{
	top:0;
	left:200px;
}

nav#sticker{
	background:#726D63;
	color:#fff;
}

.stick {
	position:fixed;
	top:0px;
	z-index:999999999999;
}



.max_wrapper{
	width:100%;
	height:200px;
	color:black;
	
	}

.content_wrapper{
	width:960px;
	display:block;
	margin:0 auto;
	overflow:hidden;	
}

#content{
	width:60%;
	margin-right:5%;
	float:left;
}
#content p{
	text-align:justify;	
}


 .notice-board {
      flex: 1;
      background-color: #fff8e1;
      padding: 20px;
      border-radius: 8px;
      max-height: 300px;
      overflow-y: auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .notice-board h3 {
      margin-bottom: 10px;
      color: #d17d00;
    }

    .notice-board ul {
      list-style: square;
      padding-left: 20px;
    }

    .notice-board li {
      margin-bottom: 10px;
      animation: slideUp 0.5s ease-in-out;
    }

    @keyframes slideUp {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Scrollbar Styling */
    .notice-board::-webkit-scrollbar {
      width: 8px;
    }

    .notice-board::-webkit-scrollbar-thumb {
      background-color: #ffc107;
      border-radius: 10px;
    }

   











#sidebar{
	width:35%;
	float:left;
	padding-top:40px;
}


#sidebar figure {
	width:250px;
	padding: 10px;
	background:#A57B67;
	
}
#sidebar figcaption{
	text-align:center;
	font-weight:bold;
}

#footer_top{
	text-align:center;
	height:200px;
	background-color:#4E4E4E;
	border-top:50px solid #4E4E4E;
}

#footer_bottom{
	text-align:center;
	height:70px;
	background-color:#151515;
	border-top:2px solid red;
}
#footer_left{
	background-color:#4E4E4E;
	width:33%;
	float:left;
	border-top:2px solid #40634E;

}
#footer_middle{
	background-color:#4E4E4E;
	width:33%;
	float:left;
	border-top:2px solid #40634E;
}

#footer_right{
	background-color:#4E4E4E;
	width:34%;
	float:left;
	border-top:2px solid #40634E;
}
#footer_left p{
	color:#fff;	
}
#footer_middle p{
	color:#fff;	
}
#footer_right p{
	color:#fff;	
}

#footer_bottom_p p{
	color:#fff;
}



#studentChart{
	height:2500px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	border-left:1px solid green;
	border-right:1px solid green;
	border-top:1px solid green;
	border-bottom:1px solid green;
	border-radius:10px;
	background-color:white;
}





#searchBox {
	width:300px;float:right;padding-bottom:35px;
}
input {
	padding:5px;border-radius:4px;background:#D1D5D9;
}

button {
	padding:5px;border-radius:4px;background:#335724;
}

#block1.gallaryImg {
	width:300px;
	height:250px;
	float:left;
}
#block2.gallaryImg {
	width:300px;
	height:250px;
	float:right;
}


input[type="text"], input[type="password"] {
        width: 20%;
        padding: 12px;
        margin: 10px 0;
        border: 1px solid #ddd;
        border-radius: 8px;
        outline: none;
        transition: 0.3s;
  		  }
	
	input[type="submit"] {
        width: 20%;
        padding: 12px;
        background: #2575fc;
        border: none;
        border-radius: 8px;
        color: white;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.3s;
   		 }