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


#headercontainer {
	width: 100%;	
	height: 62px;
	margin: 0 auto;
	padding: 0;		
	background: #000000 url(images/h01.jpg) repeat-x left top;
}

#header {
	width: 964px;	
	height: 62px;
	margin: 0 auto;
	padding: 0;		
	background: #000000 url(images/h01.jpg) repeat-x left top;
	color: #000000;
}

#topnavcontainer {
	width: 100%;	
	height: 36px;
	margin: 0 auto;
	padding: 0;		
	background: #dfdfdf url(images/tn01.jpg) repeat-x left top;	
	color: #000000;
}

#topnav {
	width: 964px;	
	height: 36px;
	margin: 0 auto;
	padding: 0;		
	background: #dfdfdf url(images/tn01.jpg) repeat-x left top;
	color: #000000;
	text-align: right;
}

#topnavcontent {
	width: 954px;	/* 964 - left */
	height: 36px;
	margin: 0;
	padding: 0;	
	position: relative;
	left: 10px;	
	background: transparent;
	color: #000000;
	text-align: right;
}


.topnavitem {
	display:block;
	height:24px; /*image height*/
	width:149px; /*image width*/
	font-size:13px;
	font-color:#cfcfcf;
	color:#cfcfcf;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	position: relative;
	top: 5px;
	float: left;
	padding: 4px 0px 0px 0px;
	margin: 0;
	background:url(images/tnmi_n.png) no-repeat;	
}


.topnavitem:hover { background:url(images/tnmi_o.png) no-repeat;
	font-color:#ffffff;
	color:#ffffff;	
}

.topnavitemsel { background:url(images/tnmi_s.png) no-repeat; /* selected */
	font-color:#000000;
	color:#000000;	
}

.topnavitemsel:hover { background:url(images/tnmi_s.png) no-repeat; /* selected */
	font-color:#000000;
	color:#000000;	
}

#preloadimg {
	background:url(images/tnmi_o.png) no-repeat;
/*	display:none;*/
	width:0px;
	height:0px;
}

#topinfocontainer {
	width: 100%;	
	height: 253px;
	margin: 0 auto;
	padding: 0;		
	color: #000000;
}

#topinfo {
	width: 964px;	
	height: 253px;
	margin: 0 auto;
	padding: 0;		
	background: #dfdfdf url(images/ti01.jpg) repeat-y left top;
	color: #000000;
	text-align: right;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;		
}

#topinfo_7 {
	width: 895px;	
	height: 547px;
	margin: 0 auto;
	padding: 0;		
	background: #dfdfdf url(images/ti01.jpg) repeat-y left top;
	color: #000000;
	text-align: right;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;		
}


#maincontainer {
	width: 964px;	
	margin: 0 auto;
	padding: 0;		
	background: #5f5f5f;
	color: #dfdfdf;
	text-align: right;
	border: 1px solid #aaaaaa;
	overflow: hidden;
}

#mainleftnav {
	width: 175px;
	height: 100%;
	min-height: 100%;	
	margin: 0;
	padding: 25px 0px 0px 0px;
	float: left;		
	background: #5f5f5f;
	color: #dfdfdf;
	text-align: left;
	overflow: hidden;
}

#mainleftnav a {
	display: block;
	margin-right: 3px;
	margin-top: 7px;
	margin-bottom: 0px;	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #efefef;
}

#mainleftnav a:hover { 
	text-decoration: none; 
	color: #ffaa19; /* orange */
}

#mainleftnav a:active { 
	text-decoration: none; 
	color: #ffaa19; /* orange */
}

.leftnavitem { 
	text-decoration: none; 
	text-color: #ffaa19; /* orange */;
	color: #ffaa19; /* orange */
}

.leftnavitemsel { 
	text-decoration: none; 
	text-color: #ffffff;
	color: #ffffff;
}


#maincontentcontainer {
	width: 789px;	/* 964-175 */
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	float: right;
	background: #6f6f6f;
}

#maincontent {
	width: 709px;	/* 964-175-x = 789 -x */
	height: 100%;
	min-height: 180px;
	margin: 0 auto;
	padding: 5px 5px 50px 5px;
	background: #6f6f6f;
	color: #dfdfdf;
	text-align: left;
}

#maincontent a {
	margin-right: 3px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffaa19; /* orange */
}

#maincontent a:hover { 
	text-decoration: underline; 
	color: #ffaa19; /* orange */
}

#footer {
	width: 964px;	
	height: 20px;
	position: relative;
	top: -20px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
}


#footerinfo {	
	height: 20px;
	margin-left: 10px;
	padding: 0;
	float: left;
	background: transparent;	
}


#footercopyright {	
	height: 20px;
	margin-right: 10px;
	padding: 0;
	float: right;
	background: transparent;
	color:  #3f3f3f;	
}

#footercopyright:hover {
	color: #dfdfdf;
}

#headerlogo {
	display: block;
	margin: 0;
	padding: 0;
	width: 174px;
	height: 40px;
	position: relative;
	left: 4px;
	top: 20px;
	background: #000000;
}

#headermenu {
	display: block;
	width: 220px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 750px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bfbfbf;
	text-align: left;	
}

#headermenu a {
	margin-right: 3px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bfbfbf;
}

#headermenu a:hover { 
	text-decoration: underline; 
	color: #ffffff;
}

#headerlangselect {
	display: block;
	width: 100px;
	position: relative;
	bottom: 15px;
	left: 110px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#headerlangselect a {
	text-decoration:inherit;
}


table.references {
	border-width: 0px;	
}

table.references td {
	border-width: 0px;
	vertical-align: text-top;	
}

table.references td.projecttitle {
	padding-top: 30px;
	padding-bottom: 5px;	
	font-weight: 800;
	text-align: left;		
}

table.references td.refgroup {
	padding-top: 30px;
	word-break: keep-all;
	white-space: nowrap;		
}
