/* BEGIN CONTENT NAVIGATION */
#dropdown
{
	padding: 0;
	margin: 0;
	list-style: none;
display: inline;https://host169.hostmonster.com:2083/frontend/hostmonster/filemanager/editit_code.html?file_charset=us-ascii&dir=%2fhome1%2fhappypos%2fpublic_html%2fcss&file=dropdown.css
overfloat: auto;
}
/* generics for all tiers */
#dropdown a { display: block; /* width: 10em; */ }
#dropdown li { float: left; display: inline; /* width: 10em; */ }
#dropdown li ul {
	position: absolute;
	width: 220px;
	left: -1600em;
}
#dropdown li ul ul { margin: -1em 0 0 10em; }
#dropdown li:hover ul, #dropdown li.iehover ul { left: auto; } /* show tier we hover over */
#dropdown li:hover ul ul, #dropdown li.iehover ul ul { left: -1600em; } /* hide tier below were we hover over */
#dropdown li:hover ul, #dropdown li li:hover ul, #dropdown li.iehover ul, #dropdown li li.iehover ul { left: auto; } /* show tier */

/* tier 1 */
#dropdown ul
{
	padding: 0;
	margin: 0;
	list-style: none;
display: inline;
}
#dropdown ul li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;

	color: black;
	text-decoration: none;

	margin: 0;
	padding: 0;

width: 220px;
}
#dropdown ul li a:link, #dropdown ul li a:visited, #dropdown ul li a:hover, #dropdown ul li a:active
{
	text-decoration: none;
}

/* tier 2 */
#dropdown ul li ul
{
    background-color:	#cc0000;
    border:             4px;
    border-style:       solid;
    border-width:       3px;
    border-color:       black;
    padding:            3px;
    margin:             0;
    margin-left:        10px;
    width:              220px;
}
#dropdown ul li ul#pottery
{
    background-color:	transparent;
    border:             0;
    border-style:       none;
    border-width:       3px;
    border-color:       transparent;
    padding:            3px;
    margin:             0;
    margin-left:        10px;
    width:              220px;
}

#dropdown ul li ul li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	height: 20pt;
	line-height: 20pt;
margin: 0;
padding: 0;
width: 220px;
}
#dropdown ul li ul li a:link, #dropdown ul li ul li a:visited, #dropdown ul li ul li a:hover, #dropdown ul li ul li a:active
{
	text-decoration: none;
	color: black;
	height: 18pt;
	line-height: 18pt;
margin: 0;
padding: 0;
width: 100%;
}
#dropdown ul li ul li a:hover, #dropdown ul li ul li a:active
{
	background-color: #107bff;
	color: white;
}

/* tier 3 */
#dropdown ul li ul li ul
{
	background-color:	#cc0000;
	font-size: .6em;

padding: 3px;
margin: 0;
margin-left: 60px;

width: 220px;
}
#dropdown ul li ul li ul li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;

	height: 20pt;
	line-height: 20pt;

	margin: 0;
	padding: 0;
margin-bottom: 2px;

width: 220px;
}
#dropdown ul li ul li ul li a:link, #dropdown ul li ul li ul li a:visited, #dropdown ul li ul li ul li a:hover, #dropdown ul li ul li ul li a:active
{
	text-decoration: none;
	color: black;
	height: 18pt;
	line-height: 18pt;

width: 100%;
}
#dropdown ul li ul li ul li a:hover, #dropdown ul li ul li ul li a:active
{
	background-color: #107bff;
	color: white;
}

/* special case tier 1 to reposition dropdowns to center bottom of star graphics */
#food
{
	top: 56px;
}
#plants
{
	top: 66px;
}
#pottery
{
	top: 69px;
}

/*
#food
{
	position: absolute;
	top: 56px;
	left: 247px;
display: inline;
}
#plants
{
	position: absolute;
	top: 66px;
	left: 500px;
display: inline;
}
#pottery
{
	position: absolute;
	top: 69px;
	left: 745px;
display: inline;
}
*/
/* END CONTENT NAVIGATION */