body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fffff0;
}

#shadow {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
	
	/* IE hacks */
	background-color: rgb(210, 210, 210);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=4)";
}

#wrapper {
	width: 1024px;
	position: relative; /* IE hack: This protects the inner element from being blurred */
	background: #ffffff;
	
	/** IE hack: put 2 vertical borders, because in IE I don't know how to put the shadow also on the left side of the page */
	border-left: 1px solid rgb(230, 230, 230);
	border-right: 1px solid rgb(230, 230, 230);
}

hr {
	display: none;
}

/** ==== logo ==== */
#logo {
	margin: 0px;
	padding: 0px;
	height: 114px;
	width: 1024px;
	float: left;
	
	//background-image: url("images/cddl_top_3_bg.jpg");
	background-image: url("images/xtop_back_5.png");
	background-position: top right;
	background-repeat: no-repeat;	
}

#lang {
	position: relative;
	float: right;
	right: 0px;
	margin: 0px;
	padding: 0px;
}

#lang ul {	
	margin: 0px;
	position: relative;
	list-style: none;
	top: 85px;
}

#lang ul li {
	float: left;
	padding: 5px;
	background-color: white;
}

#lang a:link, #lang a:visited {
	text-decoration: none;
	color: #00004e;
}

#copyright {
	margin: 0px;
	padding: 0px;
	height: 114px;
	width: 415px;
	float: right;
}

/** ==== menu ==== */
#nav {
	margin: 0;
	padding: 0;
	height: 41px;
	background: url(images/menu_bg2.png) 0 0 repeat-x;
	float: left;
	width: 100%;
}

#nav ul {
	position:relative;
	left: 114px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#nav ul li {
	position: relative;
	float: left;
	border-left: 1px solid #5374b1;
	border-right: 1px solid #29467e;
}

#nav a:link,#nav a:visited {
	display: block;
	color: #ffffff;
	padding: 15px 20px 14px 20px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#nav a:hover,#nav a:focus,.current_item {
	background: #2F508C;
}

/** ==== sub-menu ==== */
#nav li ul {
	position: absolute;
	left: 0px;
	top: 41px;
	display: none;
	background-color: #3a4e87;
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

#nav li:hover ul {
	display: block;
}

#nav li ul li {
	border-top: 1px solid #3a4e87;
	border-bottom: 1px solid #3a4e87;
	width: 170px;
}

#nav li ul li:hover,#nav li ul li.current_item {
	border-top: 1px solid #162f55;
	border-bottom: 1px solid #496288;
}

#nav li ul li a:link,#nav li ul li a:visited {
	display: block;
	color: #ffffff;
	padding: 8px 15px 6px 15px;
	float: left;
	width: 140px;
	text-decoration: none;
	text-transform: none;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #162f55;
}

/** ==== page contents ==== */
#page {
	padding: 169px 114px 15px 114px;
	font-size: larger;
}

.content{
	overflow: auto;
}

/** ==== footer ==== */
#footer {
	text-align: center;
	background-color: #eeeeee;
	padding: 1px;
}