html{
 height:100%;
 background-color:#ffffcc;
 color:#2d0158;
	}

body{
height:100%;
overflow: auto;
 background-color:#ffffcc;
 color:#2d0158;
 margin: 0;
}


/*Sidebar ul*/
#sidebar-wrapper{
	z-index: 1;
	position: absolute;
	width : 0;
	height: 100%;
	overflow: hidden;
	background-color: #c4e088;
	color:#2d0158;
	}
/* Main Page*/
#page-content-wrapper{
	width: 100%;
	position: absolute;
	padding: 15px;
	color:#2d0158;
	background-color:#ffffcc;
	}
/* Main Page*/
#page-content-wrapper div{

	color:#2d0158;
	background-color:#ffffcc;
	}

#wrapper.menuDisplayed #sidebar-wrapper {
	#overflow: auto;
	width: 250px;
}

#wrapper.menuDisplayed #page-content-wrapper {
	padding-left: 250px;
}

.sidebar-nav{
	padding: 0;
	list-style: none;
}


.sidebar-nav li{
	text-align: center;
	#text-indent: 10px;
	line-height: 30px;
	
}
 .sidebar-nav li a {
	text-align: center;
	display: block;
	text-decoration: none;
 color:#2d0158;
 }
 
 .nav-link-header  li h6 {
	display: block;
	text-decoration: none;
	text-align:center;
	font-size:0.50em;
	color:#EDE8F1;
	background-color:#48138E;
	line-height: 20px;
	padding:0;
 }
 

.navbar{
	background-color:#c4e088;
	color:#2d0158;
}
.nav-link{
	color:#2d0158;
	background-color:#c4e088;
	font-size:1.2em;
	font-weight: bold;
}


.nav-tabs{
	background-color:#c4e088;
	color:#2d0158;
}

div {
	background-color:#c4e088;
	color:#2d0158;

}
a:link {
	color:#2d0158;
	# background-color:#c4e088;
}
a:hover, a:active {
  background-color: #B2C27E;
}

/*  standard ul stuff*/
ul{

	border-top: 2px solid purple;
	border-left: 2px solid purple;
	border-right: 2px solid purple;
}
/*  standard li stuff*/
li{
	border-top: 1px solid purple;
	border-left: 1px solid purple;
	border-right: 1px solid purple;
}




/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #D6D38F;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  
}
.dropdown-toggle li:active, li:hover{

  background-color: #D6D38F;
}

/* Change color of dropdown links on hover */
.dropdown-menu a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;

  background-color: #D6D38F;
} 

p {
font-size:1.2em;
}
footer {
text-align:justify;
width: 100%;
}
.footer-link{
	color:#2d0158;
	background-color:#c4e088;
	font-size:0.75em;
	font-weight: bold;
	
}