/**************** menu coding *****************/
#navigation {
	margin-top:40px;
	width: 202px;
	background-image:url(../images/bg_navigation.png);
	float:left;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation a, #navigation h2 {
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 2px 2px 2px 2px;
	font-family: Arial, Helvetica, sans-serif, "Monotype Corsiva";
	font-size: 11px;
	font-weight:bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	letter-spacing: 1px
}

#navigation h2 {
	color: #fff;
	background: #CCCCCC;
	text-transform: uppercase;
}

.divide {
	height: 2px;
	background: #CCCCCC;
}

#navigation a {
	color: #036fb0;
	text-decoration: none;
}

#navigation a:hover {
	color: #FF9900;
	background-color: #E9E9E9;
}

#navigation li {
	position: relative;
}

#navigation ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

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

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

div#navigation ul li a{
	padding: 5px 5px 5px 25px;
}

div#navigation ul ul li a{
	padding: 2px 2px 2px 10px;
}

div#navigation ul ul li {
	background-color: #d7d7d7;
	border-right:#FFFFFF solid 1px;
	border-left:#FFFFFF solid 1px;
	
}

#navigation li {
	float: left; 
	width: 100%;
}

.ar {
	background-image: url(../images/cube_small.gif);
	background-repeat:no-repeat;
	background-position: 5px;
}