/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

/* Begin CSS Popout Menu */

#menu
{
	z-index:2;
	width:9.5em;
	padding-bottom:1em; /* To allow room for bottom dropdown */
}

#menu a, #menu h2
{
	font:bold 11px/16px arial,helvetica,sans-serif;
	display:block;
		
	border-bottom:0.1em solid #000066;
	white-space:nowrap;
	margin:0;
	padding:1px 3px;
}

#menu h2
{
	color:#fff;
	background:#000;
	text-transform:uppercase;
}

#menu a
{
	color:#000;
	text-decoration:none;
}

#menu a:hover
{
	color:#000;
	background:#ffffcc;
}

#menu a:active
{
	color:#000000;
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	width:110%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover
{
	position:relative;
}

div#menu li ul
{
	position:absolute;
	top:0;
	left:100.1%;
	display:none;
	background:#ccccff;
	border-left:0.1em solid #000066;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{
	display:none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display:block;
}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited
{
	background: #ccccff;
}

#menu a.x:hover
{
	background:#ffffcc;
}

#menu a.x:active
{
	color:#000;
}

/* Begin Content Area */

#content
{
	margin:0 0 0 10em;
	padding:0.5em;
	border:1px solid #000;
}

#content a:link
{
	color:#a00;
}

#content a:visited
{
	color:#a00;
}

#content a:hover
{
	color:#a00;
	background:#eee;
}

#content a:active
{
	color:#060;
	background:#ddd;
}

#content h1, #content h2
{
	font:bold 1.0em arial,sans-serif;
	margin:0.5em 0.25em;
	padding:0;
}

#content img
{
	border:none;
}

#content p
{
	font:normal 0.8em/1.5em verdana,sans-serif;
	margin:1.0em;
}

#content ul, #content ul ul
{
	font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;
	margin:1.0em 4.0em 1.5em 4.0em;
}

#content ul li
{
	font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;
	margin:1.0em 0;
}

#content ul ul li
{
	font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;
	margin:0;
}

#content .fr
{
	float:right;
	margin:0 0 1.0em 1.0em;
}

#content .mod
{
	font:normal .6em arial,sans-serif;margin:.25em;
}

/* End Content Area */