/* Global Nav Styles */

 ul { margin: 0; padding: 0; list-style: none; display: block } 

/*********
If you want to add a larger margin between the Level 2 or Level 3 nav and the next Level 1 Nav Item, add the following class to the last nested <ul> in the list: <ul id="nav-level2" class="bump-bottom">. To remove the margin, simply return the <ul> to it's normal state by deleting the class: <ul id="nav-level2">
*********/
.bump-bottom { margin-bottom: 40px; }


/* Level 1 */

ul#nav-level1 { margin-top: -9px; }
ul#nav-level1 li { font-size: 13px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px; display: inline; }
	ul#nav-level1 li a { color: #000; text-decoration: none; background: url('../images/nav-arrow-link.png') no-repeat top right; display: block; border-bottom: 1px solid #fff; margin: 9px 0 0 0; padding: 0 0 9px 5px; }
	ul#nav-level1 li a:hover { color: #fff; }
	ul#nav-level1 li a.active { color: #fff; text-decoration: none; background: url('../images/nav-arrow-active.png') no-repeat top right; }
	ul#nav-level1 li.last a, ul#nav-level1 li a.active { border: 0; }
	
	
/* Level 2 */

ul#nav-level2 { margin-top: -3px; }
ul#nav-level2 li { font-size: 11px; line-height: 16px; display: inline; text-transform: none; letter-spacing: normal; }
	ul#nav-level2 li a { color: #000; text-decoration: none; display: block; border: 0; margin: 0; padding: 0 0 0 5px; background: none; }
	ul#nav-level2 li a:hover { color: #000; text-decoration: underline; background: none; }
	
	
/* Level 3 */

ul#nav-level3 { margin-left: 20px; }
ul#nav-level3 li { font-size: 11px; line-height: 16px; display: inline; text-transform: none; letter-spacing: normal; }
	ul#nav-level3 li a { color: #000; text-decoration: none; display: block; border: 0; margin: 0; padding: 0 0 0 5px; background: none; }
	ul#nav-level3 li a:hover { color: #000; text-decoration: underline; background: none; }