/***********************************************
** THIS IS WHERE YOU CHANGE COLORS/PADDING/STYLE 
***********************************************/

	
	/***********
	** MAIN MENU 
	***********/
	.menulist ul {
			padding-top:8px;
			padding-bottom:16px;
	}
	.menulist li {
				padding-bottom:2px;
				padding-left:7px;
				padding-right:7px;
	}
	
	.menulist li a {
		padding:0 0 0 10px;
		margin-bottom:15px;
		background-color:#FEF1C7;
		display:block;
		font: bold 18px Gerogia, "Times New Roman", serif;
		color:#00686b;
		text-decoration:none;
	}
	.menulist li a:hover, .menulist li a.active{
		background-color:#FEF1C7;
		color:#0374AE;
	}
	
	
	/***********
	** SUB MENUS
	***********/
	.menulist li li a, .menulist li li a:visited{
		border:1px solid #AF8915;		
		padding:5px;
		color:#004F7F;
		background-color:#ffe192;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		margin:-4px 0 0 6px;
	}
	.menulist li li a:hover{
		background-color:#DFF3FF;
		color:#003F3F;
	}

	/***********************
	** LINKS INSIDE THE MENU
	***********************/
	.menulist a{
		display:block;
		padding:0;
		color:#000;
		text-decoration:none;
		text-transform:capitalize;
	}
	
/*******************************************
** THIS IS WHERE YOU CHANGE POSITIONING/SIZE 
*******************************************/

	/***************************************************** 
	** All <ul> tags in the menu including the first level
	*****************************************************/
	.menulist, .menulist  ul{
		margin: 0;
		padding: 0;
		width: 200px;
		list-style: none;
	}
	
	/***************************************************************************************
	** Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent 
	This is where you can CHANGE THE DROP DOWN MENU POSITION
	***************************************************************************************/
	.menulist ul{
		display: none;
		position: absolute;
		top: 20px;
		left: 140px;
	}
	
	/****************************************************************************
	** Second and third etc. level submenus - position across from parent instead 
	****************************************************************************/
	.menulist ul ul{
	}

	
/********************************************
** GENERALLY NO NEED TO EDIT BELOW THIS POINT
********************************************/
	/* All menu items (<li> tags). 'float: left' lines them up horizontally, and they are positioned relatively to correctly offset submenus. Also, they have overlapping borders. */
	.menulist li{ position: relative; margin-bottom: -1px; }
	
	/* Items in submenus - override float/border/margin from above, restoring default vertical style */
	.menulist ul li{  }
	.menulist ul>li:last-child{ margin-bottom: 1px; /* Mozilla fix */ }
	
	/* Only style submenu indicators within submenus. */
	.menulist a .subind{ float: right; }
	.menulist ul a .subind{  }
	
	/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
	.menulist a{  }
	.menulist ul a{  }
	.menulist a{  }	
	
	/* HACKS: IE/Win: A small height on <li> and <a> tags and floating prevents gaps in menu. * html affects <=IE6 and *:first-child+html affects IE7. You may want to move these to browser-specific style sheets. */
	*:first-child+html .menulist li{ float: left; width: 100%; }	
	* html .menulist li{ float: left; height: 1%; }
	* html .menulist a{ height: 1%; }