/* @override http://www.worldsofgoodfortune.com/page_menu/page_drop.css */

/* @override http://www.worldsofgoodfortune.com/page_menu/page_drop.css */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* set up the overall width of the menu div, the font and the margins with a relative position*/

.dropinfo    { font-family: verdana, arial, sans-serif; margin: 0 0 0 11px; position: relative; z-index: 111111; width: 700px; background: transparent none;
	left: 15px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.dropinfo ul {
padding:0; 
margin:0;
list-style-type: none;
border:0; }

.dropinfo ul table   { font-size: 11px; margin: 0; border-collapse: collapse  }
/* float the list so that the items are in a line */
.dropinfo ul li {
float:left; 
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.dropinfo ul li a, .dropinfo ul li a:visited        { font-size: 12px; text-decoration: none; text-align: left; height: 22px; display: block;
	color: #00FF00;
	padding-right: 12px;
	background: transparent url(white_arrow.gif) no-repeat right center;
	margin-right: 7px;
	border-width: 1px;
	border-color: #fff;
}
/* make the dropdown ul invisible */
.dropinfo ul li ul {
position:absolute; left:-9999px; height:0;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.dropinfo ul li a:hover,
.dropinfo ul li:hover a   {
	color: #ba00ff;
	background: transparent url(white_arrow.gif) no-repeat right 10px;
}
/* make the sub menu ul visible and position it beneath the first list item */
.dropinfo ul :hover ul  { text-align: left; top: 20px; left: 0; height: auto }
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.dropinfo ul :hover ul li  { color: #fffacd; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width:;
	border: 1px dotted #fffacd;
	background-color: transparent;
	background-image: url(../images_new/content_table/page_menu_back.png);
	padding: 2px;
}
/*float the image left with padding and no border */
.dropinfo ul :hover ul li img   { padding: 3px; border: 0;
	margin-top: 4px;
}
/* style the paragraph font height */
.dropinfo ul :hover ul li p   { font-size: 12px }
/* style the background and foreground color of the submenu links */
.dropinfo ul :hover ul li a  { color: #1e90ff; text-decoration: none; background-color: transparent; border: 0; display: inline;
	background-image: none;
	margin-right: -14px;
	line-height: 10px;
	font-size: 11px;
}
/* style the background and forground colors of the links on hover */
.dropinfo ul :hover ul li a:hover  { color: #9400d3; text-decoration: underline; background-color: transparent }