#subnav-container {width: 500px; position: absolute; top: 98px; right: 2px; margin: 0 auto; padding: 0; background: #ffa200; font-size: 95%;}

#subnav {width:100%; float:left; position: absolute;}
		
#subnav a {text-align: center;display:block;white-space:nowrap;margin:0;padding: 0; }
	
#subnav a:link, #subnav a:visited, #subnav a:active	/* menu at rest */
{color: white;background-color: #ffa200;text-decoration:none;}
	
#subnav a:hover	/* menu on mouse-over  */
{color: white;background-color: #ffa200;text-decoration:none;}	
	
#subnav a.top_parent, #subnav a.top_parent:hover  /* attaches down-arrow to all top-parents */
{background-image: url(navdown_white.gif);background-position: right center;background-repeat: no-repeat;;}

#subnav a.parent, #subnav a.parent:hover 	/* attaches side-arrow to all parents */
{background-image: url(nav_white.gif);background-position: right center;background-repeat: no-repeat;}

#subnav ul
{list-style:none;margin:0;padding:0;float:right;width:7em;/* width of all menu boxes */
/* NOTE: For adjustable menu boxes you can comment out the above width rule.
However, you will have to add padding in the "#menh a" rule so that the menu boxes
will have space on either side of the text -- try it */
}

#subnav li {position:relative;min-height: 1px;vertical-align: bottom;}
#subnav ul ul {position:absolute;top:auto;display:none;margin:0 0 0 -1em; background-color: #ffa200; z-index: 500;}
#subnav ul ul li {padding: .1em;}
#subnav ul ul ul {top:0;left:100%;}
div#subnav li:hover {cursor:pointer;}
div#subnav li:hover ul ul,
div#subnav li li:hover ul ul,
div#subnav li li li:hover ul ul,
div#subnav li li li li:hover ul ul{display:none;}
div#subnav li:hover ul,
div#subnav li li:hover ul,
div#subnav li li li:hover ul,
div#subnav li li li li:hover ul
{display:block;}
div#subnav ul.shift {margin-right: -10px;}

/* End CSS Drop Down Menu */

ul.guides {margin: 0; padding: 0;}
ul.guides li{width: 210px; margin: 0; background-color: #ffa200; padding: 5px;}
