body		{
			background-color:C3E0FA;
			}

#page-background
			{
			position:fixed;
			display:block-inline;
			left:250px;
			width:100%;
			height:100%;
			}

#content-container
			{
			position:relative;
			left: 25px;
			display:block;
			width:75%;
			height:95%;
			/* background-color:38A3FF; */
			
			}

#side-menu	
			{	
				display: block;
				position: fixed;
				width: 250px;
				height: 100%;
				background-color:red;
				font-family: 'Lato', serif;
				z-index: 1000;
			}
			
#logo
			{
			box-sizing: box;
			height: 141px;
			background-color:black;
			
			}
			
#side-menu-bottom 
			{
			display:block;
			position: relative;
			box-sizing: border-box;
			background-color:#3EA8DA;
			text-align: center;
			height:100%;
			}
#side-menu-bottom-green
			{
			display:block;
			position:relative;
			width:90px;
			background-color:2EEACE;
			height:100%;
			}
			
.category_container 
			{
			display:block;
			position: relative;
			box-sizing: border-box;
			background-color:blue;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			border-right: 3px solid #3EA8DA;
			border-left: 3px solid #2EEACE;
			}
			
.cat-collapse
			{
			max-height: 30px;
			transition: max-height 0.3s ease-out;
			}
			
.cat-expand
			{
			max-height: 400px;
			transition: max-height 0.3s ease-in;
			}

.section	{
			display:block;
			box-sizing: border-box;
			height:30px;
			padding: 5 0 0 0;
			}
.section-head
			{
			background-color: white;
			border-bottom: 1px solid #3EA8DA;
			
				}
.section-head:hover
			{
			
			}
		
.section-link
			{
			background-color:#E6E6E6;
			border-bottom: 1px solid white;
			}
			
.section-link:hover
			{
			background-color:D8D8D8;
			}