/*Menu Bar styling classes*/

#SOcss
	{
	margin:0em;
	padding: 0;
	list-style: none;
	}
		
#SOcss div
{
	position: absolute;
	visibility: hidden;
	padding: 0;
	float: left;
	height: 24px;
}
#SOcss div a		/* this is for the pull down menu items  */
	{
	display: block;
	padding: 5px 5px 5px 10px;
	width: 120px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FFFFFF;
	color: #0000FF;
	font: 11px arial;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	/*Next row indents the pull down menu*/
	position: relative;
	margin: 0;
	float:left;
	}
	
#SOcss div a:hover						/* menu on mouse-over  */
	{
	background: #0000ff;
	color: #ffffff;
	float: left;
	}	
	
#SOcss ul
	{
	list-style:none;
	padding:0;
	float:left;
	/* width:9em;	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 "#SOcss div a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#SOcss li
	{
	min-height: 1px;
	padding: 0;
	float: left;
	font: bold 11px arial;
	position: relative;
	}

/* End CSS Drop Down Menu */