/* MAIN MENU SETTINGS */
ul.makeMenu 
	{ 
	width: 170px; 	/* sets the width of the menu blocks */
	border: 0px solid #fff; /* border around the whole area, set to 0px if not needed */
	background-color: #fff; 
	padding: 0 0 0 0 ; /* padding around the main area */
	cursor: default; 
	margin: 0 0 0 0;/* needs to be here*/
	 }
	 
ul.makeMenu li /* settings for list items */
	{ list-style-type: none; margin: 0px; position: relative;  } /* list-style-type set to 'none' to stop bullet points displaying as they render crazy in different browsers */
	 
ul.makeMenu li a:hover 
	{ background-color: #FF9933; color: #fff; } /* sets mouse over background and text color */
		
ul.makeMenu li:hover a, ul.makeMenu li.CSStoHighlight a
	{ background-color: #FF9933; color: #fff; margin: 0px}		/* make same as above - this keeps the background and text set when mouse moves to drop downs */
	
ul.makeMenu li a /* Text settings for main menu */
	{
	color: #FF9933; 	/* Text Color */
	display: block;
	width: 100%; 
	text-decoration: none; 	/* takes default underline off */
	text-transform: uppercase; 	/* set to none if you dont want uppercase */
	font-weight: bold; 	/* otherwise  : none */
	padding: 0 0 0 15px; 	/* puts padding around the text */
}	 
	
ul.makeMenu li > ul 
	{ display: none; position: absolute; top: 5px; left: 98%;  } /* sets the position of the drop downs 
																	- 'top' sets the y axis- increase value to move the drop menu down (- values dont work in IE)
																	- left must be slightly less than your width setting at the top */	
	
	
/* DROP DOWN MENU SETTINGS */
	 			ul.makeMenu ul 
					{ 
						width: 150px; 
						border: 1px solid #fff;
						background-color: #FF9933; 
						padding: 0 0 0 0 ; /* padding around the main area */
						cursor: default; 
						margin: 0 0 0 0; /* needs to be here*/
						
					}
				ul.makeMenu ul li /* settings for list items */
					{ list-style-type: none; margin: 0px; position: relative;  }
				
				ul.makeMenu ul li a:hover 	/* sets mouse over background and text color */
					{ background-color: #fff; color: #FF9933; }
				
				ul.makeMenu ul li:hover a, ul.makeMenu ul li.CSStoHighlight a /* make same as above */
					{ background-color: #FF9933; color: #fff; margin: 0px}	
				
				ul.makeMenu ul li a /* Text settings for drop down menu/s */
					{
						color: #fff;
						display: block;
						width: 100%;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: bold;
						padding: 0 0 0 10px;	/* puts padding around the text */
	
						border-bottom-width: 1px;	/* not essential, just puts a line in between items */
						border-bottom-style: solid;
						border-bottom-color: #FFF;
					}
					


/* these two are called up by the script that you insert into the head of your template - copy from below */
ul.makeMenu ul.CSStoShow 
	{ display: block; }

ul.makeMenu li:hover > ul 
	{ display: block;}
	

/* put this in the head of your template (from line 86 to 96) - it fixes some IE bugs 

<!--[if gte IE 5]>
<style type="text/css">

ul.makeMenu li {  
	behavior: url( <?= $site_www; ?>/styles/IEmen.htc );
}
ul.makeMenu ul {  
	display: none; position: absolute; top: 0px; left: 155px;
}
</style>
<![endif]-->

*/