@import url("stylesheet.css");
/* STYLE MENU BACKGROUND AND BUTTONS */

#navmenu {										/* sets position, bg, sizes, etc for menu bar */

	margin: 0 auto;

	width: 900px; 

	height: 35px;

	position: relative; 

	z-index: 999;

	font-family: arial, sans-serif;
	background: url('includes/images/menu/background.jpg') repeat-x; 
	float: left;
}

 

#navmenu ul {

	padding: 0;									/* remove left side padding inherent in list items */

	margin: 0;									/* remove top margin inherent in lists  */

	list-style-type: none;						/* remove bullet points inherent in lists */ 
}


#navmenu li {

	float: left;								/* make list horizontal */

	position: relative;							/* gain control over dropdown positions */

}


#navmenu a, #navmenu a:visited {

	display: block;						/* maintain consistency between items */
	margin: 5px 0 0 30px;						/* determine buttons positions from top and eachother */
	padding: 0 10px;							/* spaces text within buttons from the sides */
	color: #fff;
	font-size: 15px;

	text-decoration: none;

	font-weight: bold;
	line-height: 20px;							/* spaces text within buttons from the top & bottom */
	border: 1px solid #fff;

	background: transparent;					/* causes buttons to not have their own backgrounds */
}


#navmenu a:hover {								/* tells 1st level button what to do when hovering */

	color: #ff0;

	background: #006;

}


#navmenu ul ul a:hover {						/* tells 1st level button what to do when hovering */

	color: #ff0;

	background: transparent url('includes/images/menu/background.jpg') repeat-x;

}


/* END TOP LEVEL MENU STYLING */

 



/* STYLE SECOND LEVEL BUTTONS */
 

#navmenu ul li:hover ul, 
#navmenu ul a:hover ul{							/* show second level when hovering on first level */

	visibility: visible;

}



#navmenu ul ul a, 
#navmenu ul ul a:visited {						/* set specs for second level buttons */
	margin: 0 0 0 30px;

	padding: 0 10px;
	color: #fff;

	width: 250px;

	border: 1px solid #fff;
	background: url('includes/images/menu/background.jpg') repeat-x;
}


#navmenu ul ul {								/* hides 2nd level until called upon and sets position when called */
	visibility: hidden;
	width: 200px;
	height: 0;
	position: absolute;

	top: 26px;

	left: 0;

}


/* END SECOND LEVEL BUTTON STYLING */

 



/* INTERNET EXPLORER 6 DOWN HACKS */

 

* html #navmenu {								/* menu bar sizing */

	width: 900px; 

	w\idth: 900px;

}



* html #navmenu ul ul a, 
* html #navmenu ul ul a:visited {				/* second level button sizes */

	width: 250px;

	w\idth: 250px;

}


#navmenu table {								/* makes table, tr, td not effect layout */

	position:absolute;

	top:0;

	left:0;

	border-collapse:collapse;

}

/* END INTERNET EXPLORER 6 DOWN HACKS */