body {
  
       background-color: #666666;
 
  
}

/* a div that holds everything inside the body
 it's easy to change width using this*/
#holdsAll
{
	width:80%; 
	margin-left: auto;
    margin-right: auto;
}

 .navbar
{
	width:100%;
	height:5%;
	
	margin-left: auto;
    margin-right: auto;
	margin-bottom:0px;
	
  background-color:#FCFAF7;	
	


	
	padding-top:1%;
	
 
	/*background-image: url('/images/header.jpg'); 
background-image: url('/images/purple.jpg'); */
background-image: url('/images/moon.jpg');

	background-size: 100% 100%;
}
	
.maincontent
{
				 
	 padding: 3%;
	 
	 width:100%;
	
	
	 
	 margin-left: auto;
     margin-right: auto;
    
	 background-color:white;
	 
	 /* enable if the top navbar is fixed*/
	/* padding-top:20%; */

}

.footer
{
	/*background-color:#BEEFB8;	*/
	background-color:#EDEBE8;
 
	width:100%;
	
	
	height:5%;
 
	margin-left: auto;
    margin-right: auto;
	
    padding-top:1%;
    padding-left:0.5%;
}

#navBarButtonsRow
{
	
	height: 3%;
	/*background-color:#BEEFB8;	*/
	background-color:#EDEBE8;
	
	margin-top:1%;
	margin-bottom:1%;

	
}

.container
{
	width: 100%;
	
		
}


.row {
    margin-left: 0px;
    margin-right: 0px;
	width:100%;
}

#titleHeading
{
	color:#FCFAF7;
}

/* bootstrap menu stuff - mainly related to sub-menus   BEGIN */

/* submenu item */
.dropdown-menu > li > a
{

    background-color: #EDEBE8 !important;
    color: #777 !important;
  
}

/* submenu hover */
.dropdown-menu > li > a:hover
{
    color: white !important;
  
}


/* sub-menu divider*/
.dropdown-menu .divider 
{
	display:none;
}

.selected
{
	background-color: #777;
	color:white !important;
}

/* bootstrap menu stuff - mainly related to sub-menus   END */





.navbar-fixed-top
{
	height:20%;
	width:80%;
}