body {
  
       background-color: #666666;
 
  
}

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

 .navbar
{
	width:100%;
	height:5%;
	
	margin-left: auto;
    margin-right: auto;
	margin-bottom:0px;
	
    background-color:#f3f2f7;
	
	padding-top:1%;
	
	border:none;
	
 
/*	background-image: url('/images/header.jpg'); 
	background-size: 100% 100%; */
}
	
.maincontent
{
				 
	 
	 width:100%;
	
	 padding-right:3%;
  
	 background-color:white;

}




.container
{
	width: 100%;
	
		
}


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

.nav a
{
    background-color: rgb(89,112,178);
    color: #fff;
}

.nav > li > a:hover 
{
    background-color: #F17A11;
    color: #fff;
}

/* sub menu items*/
.dropdown-menu 
{
    background-color: #f3f2f7;
    color: #black;
}

.nav .dropdown-menu a
{
    background-color: #f3f2f7;
    color: #black;
}
.nav .dropdown-menu a:hover
{
    background-color: #f3f2f7;
    color: #black;
}

.dropdown-menu-right {margin-left:100%;}

#verticalMenuBar
{
	/*background-color:#f3f2f7; */
	padding-top:1%;
}