/**
 * CSS Menu
 */

/**
 * Menu area height
 */
#menu-container
{
	height: 18px;
	background: url(/_composer/images/jomala/main-menu-bg.jpg) repeat-x;
	border: 1px solid #fff;
	border-width: 1 0px;
	padding: 4px;
	margin: 0 auto;
}

/**
 * General menu settings
 */
#menu 
{
	text-align: center; /* for centering text in FF and IE and the whole menu in IE */

	border-width: 1 0px;
	width: 780px;
	margin: 0 auto;
}

/**
 * General menu settings
 */
#menu ul {
	margin: 0 auto;
}

/**
 * General menu item settings
 */
#menu li
{
	/* General menu text color */
	color: #fff;
	
	/* General menu background */
	background: transparent;
	text-align: left;
}

#menu li ul li
{
	background: #aaa;
}

#menu li.external a {
	sbackground-image: #aaa inherit url(/_composer/images/jomala/world_link.png) top right no-repeat;
	background-image: url(/_composer/images/jomala/world_link.png);
	background-position: 99%;
	background-repeat: no-repeat;
}

/**
 * General menu item settings
 */
#menu a, #menu h1
{
	/* If changed, IE workaround must be edited as well */
	font: 12px/16px arial, helvetica, sans-serif;
	
	font-weight: bold;
	padding: 1px 25px 1px 5px;
	color: #fff;
	background: inherit;
}

/**
 * General menu link settings
 */
#menu a
{
	text-decoration: none;
}

/**
 * Menu level 2 (and 3 if not otherwise defined) item settings
 */
#menu ul ul li a, #menu ul ul li h1
{
}

/**
 * General selected item
 */
#menu a:hover, #menu h1:hover
{
	color: #0B44A0;
	background: #fff;
}

/**
 * Menu level 2 frame (not HTML frame) settings
 */
#menu ul ul
{
	/* Menu level 2 width */
	width: 200px;
}

/**
 * Menu level 3 frame (not HTML frame) settings
 */
#menu ul ul ul
{
	/* Menu level 3 width */
	width: 200px;
}