/* menu */
#menu {
	width: 626px;
}

/* menu-main */
#menu #menu-main {
	list-style-type: none;
}
#menu #menu-main li {
	float: left;
	margin: 0;
	width: 85px;
}
#menu #menu-main li a {
	float: left;
	display: block;
	background: #2b6173;
	color: #fff;
	text-decoration: none;
	height: 32px;
	font-size: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#menu #menu-main li a:hover,
#menu #menu-main li a.active {
	border-bottom: 1px solid #2b6173;
}
#menu #menu-main li span.link {
	display: block;
	padding: 10px 0 0 0;
	text-align: center;
}
#menu #menu-main li span.corner-left {
	float: left;
	width: 10px;
	height: 10px;
	background: url('/dsg/menu-corner-left.gif') no-repeat top left;
}
#menu #menu-main li span.corner-right {
	float: right;
	width: 10px;
	height: 10px;
	background: url('/dsg/menu-corner-right.gif') no-repeat top left;
}


/* id=1 */
#menu #menu-main #li-1 {
	width: 72px;	/* 62 */
}
#menu #menu-main #li-1 a {
	background-color: #ff8f1f;
}
#menu #menu-main #li-1 a:hover,
#menu #menu-main #li-1 a.active {
	border-bottom: 1px solid #ff8f1f;
}
/* id=2 */
#menu #menu-main #li-2 {
	width: 93px;	/* 88 */
}
#menu #menu-main #li-2 a {
	background-color: #922ed8;
}
#menu #menu-main #li-2 a:hover,
#menu #menu-main #li-2 a.active {
	border-bottom: 1px solid #922ed8;
}
/* id=3 */
#menu #menu-main #li-3 {
	width: 150px;	/* 137 */
}
#menu #menu-main #li-3 a {
	background-color: #ff571f;
}
#menu #menu-main #li-3 a:hover,
#menu #menu-main #li-3 a.active {
	border-bottom: 1px solid #ff571f;
}
/* id=4 */
#menu #menu-main #li-4 {
	width: 115px;	/* 102 */
}
/* id=5 */
#menu #menu-main #li-5 {
	width: 106px;
}


/* main-div */
#menu div.subtitle {
	clear: both;
	width: 626px;
	height: 102px;
	background: url('/dsg/menu-background-blue.png') no-repeat top left;
}
#menu div.subtitle h5 {
	color: #fff;
	font-size: 250%;
	font-weight: normal;
	font-family: "Trebuchet MS", sans-serif;
	padding: 24px 0 0 10px;
}
#menu div.subtitle-hide {
	display: none;
}
#menu div.subtitle-1 {
	background-image: url('/dsg/menu-background-orange.png');
}
#menu div.subtitle-2 {
	background-image: url('/dsg/menu-background-purple.png');
}
#menu div.subtitle-3 {
	background-image: url('/dsg/menu-background-red.png');
}


/* menu-sub */
#menu-top {
	position: absolute;
}
#menu ul.menu-sub,
#menu-top ul {
	list-style-type: none;
	margin: 19px 0 0 10px;
}
#menu-top ul {
	margin: 12px 0 0 4px;
}
#menu ul.menu-sub li,
#menu-top ul li {
	float: left;
	margin: 0;
}
#menu ul.menu-sub li a,
#menu-top ul li a {
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	padding: 0 10px 0 14px;
	background: url('/dsg/menu-arrow-white.gif') no-repeat 0 2px;
}
#menu-top ul li a {
	color: #000;
	background-image: url('/dsg/menu-arrow-black.gif');
}
#menu ul.menu-sub li a:hover,
#menu-top ul li a:hover {
	text-decoration: underline;
}
#menu ul.menu-sub li a.active,
#menu-top ul li a.active {
	font-weight: bold;
}


/* menu-footer */
#menu-footer ul {
	list-style-type: none;
	width: auto;
	margin: 0 auto 0.2em auto;
}
#menu-footer ul li {
	display: inline;
	margin: 0;
}
#menu-footer ul li a {
	color: #2c6273;
	text-decoration: none;
}
#menu-footer ul li a:hover,
#menu-footer ul li a.active {
	text-decoration: underline;
}


/* language */
#languages ul {
	text-align: right;
	list-style-type: none;
}
#languages ul li {
	margin: 0;
	display: inline;
}
#languages ul li a {
	font-size: 90%;
	text-decoration: none;
	padding: 0 10px 0 14px;
	background: url('/dsg/menu-arrow-black.gif') no-repeat 0 2px;
}
#languages ul li a:hover,
#languages ul li a.active {
	font-size: 90%;
	color: #ff7f00;
}