/* NAVBAR EXPLANATION from: 	http://www.mrc-productivity.com/techblog/?p=1049 */
.changeMenuBackground {
	background-color: #515673;
	}
	
	
#wrap	{
	
	max-width: 990px;
	margin: auto;

	position: relative; 

	width: 100%; /* Spans the width of the page */
	height:35px; 

	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	position: relative; 
	background-color: #A6430A;
	}
.navbar	{
	width:100%;

        padding: 0;
	margin: 0px;

	}
	
.oneline {
	padding-top:7px;
	padding-bottom:10px;
	}

.oneline a {
	padding-top:7px;
	}
	
.twoline {
	padding-top:2px;
	}
	
.navbar li 	{
			height: auto;
			width: auto;  /* Each menu item is 1/6 the width of page */
			float: left;  /* This lines up the menu items horizontally */
			text-align: center;  /* All text is placed in the center of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			font: normal bold 12px/1.2em Arial, Verdana, Helvetica;  

			margin: 0;
			background-color: #A6430A;
   }

.navbar a	{							
		padding: 2px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
		/* border-left: 1px solid #54879d; */ /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
		/* border-right: 1px solid #1f5065; */ /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
		text-decoration: none;  /* Removes the default hyperlink styling. */
		color: white; /* Text color is white */
		display: block;
		}


.navbar li:hover  {
	
}   /* changing the color of each menu item’s background when hovered over */

.navbar li a:hover {
	background-color:#B35F2F;
	}
	
.navbar li ul 	{
		display: none;  /* Hides the drop-down menu */
		height: auto;									
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */			
	}	
	
.navbar li:hover ul 	{
         display: block; 
		 /* Displays the drop-down box when the menu item is hovered over */
     }
	 
/* The next few styles apply to the drop down menu. Keep in mind that this style inherits most of its styles from “.navbar li”, which applies to all “li” elements found within the dropdown. We do want to change the background color of the drop-down menu */

.navbar li ul li {
	background-color: #5C2605;
	width:100%;
	} 
	
	
	/*  The first style listed below is responsible for the borders, while the second style changes the background color when hovered over */

.navbar li ul li a 	{
		background-color: #853607;
		}
				
.navbar li ul li a:hover	{
		background-color: #E28148;
		}