/**

 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework

 *

 * @copyright			Copyright 2005-2007, Dirk Jesse

 * @license				CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),

 *						YAML-C (http://www.yaml.de/en/license/license-conditions.html)

 * @link				http://www.yaml.de

 * @package				yaml

 *

 * $Id: $

 */

#submenu

{

	width: 100%;

	overflow: hidden;

	margin: 1em 0 1em 0;

	list-style-type: none;

	font-size: 110%;

}



#submenu ul

{

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#submenu li

{

	color: #852053;

	float: left;

	width: 100%;

	margin: 0 0 0 0;

	/* padding: 0 0 0 12px;

	background-image: url(../../images/icons/puce.png);

	background-repeat: no-repeat;

	background-position: 0 5px;

	*/

}



#submenu li span {

	color: #852053;

}



#submenu a,

#submenu strong {

	display:block;

	width: 98%;

	padding: 1px 0px 1px 2%;

	text-decoration: none;

	background-color:#fff;

	color: #444;

	border-bottom: 1px #eee solid;

}



/* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */

/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */	

#submenu a#navigation {

	border-bottom:0;

	padding:0;

}



/* Menu Title */

#submenu li#title {

	width: 90%;

	padding: 1px 0px 1px 10%;

	font-weight: bold;

	color: #444;

	background-color: #fff;

	border-bottom: 4px #888 solid;

}



#submenu li span {

	display:block;

	width: 98%;

	padding: 1px 0px 1px 2%;

	font-weight: bold;

	border-bottom: 1px #ddd solid;

}



#submenu li span.accessKey {

	display:inline;

	width:auto;

	padding:0;

	border:0 none;

	font-weight:normal;

	text-decoration:underline;

}

#submenu li span.showAccessKey {

	display:inline;

	width:auto;

	padding:0;

	border:0 none;

	font-weight:normal;

	font-style:italic;

	font-size:75%;

}



/* Level 1 */

#submenu li#active,

#submenu li strong {

	width: 98%;

	padding: 1px 0px 1px 2%;

	font-weight: bold;

	color: #fff;

	background-color:#852053;

	border-bottom: 1px #eee solid;

}



#submenu li a {

	width: 98%;

	padding-left: 2%;

	// background-color:#fff;

	color: #444;

}



#submenu li a:focus,

#submenu li a:hover,

#submenu li a:active {

	background-color:#852053;

	color: #fff;

}



/* Level 2 */

#submenu li ul li a,

#submenu li ul li#active,

#submenu li ul li strong,

#submenu li ul li span {

	width: 90%;

	padding-left: 10%;

}



#submenu li ul li a {

	background-color:#f8f8f8;

	color: #666;

}



#submenu li ul li a:focus,

#submenu li ul li a:hover,

#submenu li ul li a:active {

	background-color:#852053;

	color: #fff;

}



/* Level 3 */

#submenu li ul li ul li a,

#submenu li ul li ul li#active,

#submenu li ul li ul li strong,

#submenu li ul li ul li span {

	width: 80%;

	padding-left: 20%;

}



#submenu li ul li ul li a {

	background-color:#fcfcfc;

	color: #888;

}



#submenu li ul li ul li a:focus,

#submenu li ul li ul li a:hover,

#submenu li ul li ul li a:active {

	background-color:#AA1124;

	color: #fff;

}



/* Level 4 */

#submenu li ul li ul li ul li a,

#submenu li ul li ul li ul li#active,

#submenu li ul li ul li ul li strong,

#submenu li ul li ul li ul li span {

	width: 75%;

	padding-left: 25%;

}



#submenu li ul li ul li ul li a {

	background-color:#ffffff;

	color: #aaa;

}



#submenu li ul li ul li ul li a:focus,

#submenu li ul li ul li ul li a:hover,

#submenu li ul li ul li ul li a:active {

	background-color:#AA1124;

	color: #fff;

}



#submenu dfn, #submenu .hidden {

	position:absolute;

	left:-1000em; width:20em;

}