@charset "utf-8";
/* CSS Document */

body {
	width:100%; padding:0; margin:0; background:url(../images/bg_gradient.jpg) repeat-x top left #97A8B0; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

a, img {
	border:none;
}

.clear {
	width:100%; clear:both; height:0; line-height:0; padding:0; margin:0;
}

#wrapper {
	width:750px; margin:30px auto 0; padding:0 0 18px 0; background:url(../images/header_bg.jpg) no-repeat top left #FFFFFF;
}

#wrapper.wide {
	width:960px; background:url(../images/header_bg.jpg) no-repeat top left #FFFFFF; 
}

/* header */

#header {
	padding:18px 10px 0 10px; 
}

#header.wide {
	padding:18px 20px 0 20px;
}

#header .logo {
	margin-top:12px; float:left; margin-right:150px; display:inline-block;
}

#languages {
	float:right; width:50%; text-align:right;  display:inline-block;
}

#languages a img {
	margin:5px;
}

#languages a:hover img {
	margin:5px; background:url(../images/header_languageactive.png) no-repeat;
}

#search {
	float:right; text-align:right; margin-top:7px;
}

#search .text {
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3B464B; border:1px solid #D5DADD; height:14px; width:168px; padding:7px 5px; margin:0; display:inline-block; vertical-align:bottom; 
}

#search .image {
	display:inline; vertical-align:bottom;
}

/* nav */

#nav {
	border:none; margin:16px 0 0 0; padding:0; border-collapse:collapse; background: url(../images/nav_bg.png) repeat-x top left; width:100%; height:50px;
}

#nav tr {
	border:none;
}

#nav tr td {
	border:none; line-height:14px; text-align:center;
}

#nav tr td:hover {
	border:none; line-height:14px; background:url(../images/nav_bgactive.png) repeat-x top left; 
}

#nav tr td.list {
	border:none;
}

#nav tr td a.mainlink {
	font-family: Helvetica, Arial, sans-serif; color:#FFFFFF; font-size:14px; text-transform:uppercase; text-decoration:none;
}

#nav tr td div {
	background:#98ADB5; padding:0 30px; text-align:left; float:left; position:absolute; top:184px; display:none; _top:187px;
}

#nav tr td div ul {
	margin:0 10px 0 0; padding:30px 0; width:120px; float:left; list-style-type:none;
}

#nav tr td div ul li {
	padding:0; margin:0; 
}

#nav tr td div ul li a {
	color:#FFFFFF; text-decoration:none; line-height:22px;
}

#nav tr td div ul li a:hover {
	color: #666666;
}

#nav tr td img.arrow {
	display:none; margin:0 -8px; width:17px; z-index:3; top:184px; position:absolute;
}

#nav tr td:hover img.arrow {
	display:block;
}

td {
	line-height:9px;
}

table.bodytext td {
	line-height:1.5em;
}

/* home page */

#page {
	margin: 0 10px;
}

#banner {
	width:918px; height:348px; border:1px solid #D5DADD; float:left; margin:0 20px 0; display:inline;
}

#content {
	margin:18px 0 0 20px; width:940px; color:#3B464B;
}

#content .element {
	width: 205px; float:left; margin-left:32px; height:240px; border-bottom:1px dotted #999999; 
}

#content .first {
	margin-left:0px; 
}

#content h2 {
	line-height:18px; font-size:18px; background: url(../images/home_arrow.jpg) center right no-repeat;
}

#content .image {
	height:90px; width:100%; border-top: 5px solid #CCCCCC;
}

#news {
	padding:40px 40px 20px 40px; border:1px solid #DCE0E2; width:838px; margin:0 auto; background:#ECEFF0; color:#3B464B; line-height:18px; margin-top:20px;
}

#news h1 {
	font-size:18px; font-weight:bold; line-height:20px; margin:0; padding:0;
}

#news a, #content a {
	color:#FF0000; text-decoration:none;
}

/* tabs */

.spacer {
	width: 6px; border-bottom:1px solid #D4DADC;
}

.tab_on {
	background: url(../images/tab_on.jpg) no-repeat top left; color: #FF0000; height:45px; width:133px; font-weight:bold;
}

.tab_off {
	background: url(../images/tab_off.jpg) no-repeat top left; color: #333333; height:45px; width:133px; 
}

.tab_off a {
	color: #333333;
}

.tab_off a:hover {
	color: #FF0000;
}

/* footer */

#footer {
	padding:40px; border-top:1px dotted #999999;width:670px; margin:0 auto; background:#FFFFFF; color:#666666; line-height:18px;
}

#footer a {
	text-decoration:none; color:#999999;
}

#footer a:hover {
	color:#666666;
}

#footer strong a {
	text-decoration:none; color:#666666;
}

#footer strong a:hover {
	color:#333333;
}

#footer ul {
	margin:0; padding:0; width:188px; float:left; border-right:1px dotted #999999; list-style-type:none; margin-right:80px;
}

#footer ul.support {
	 margin-right:0;
}

#footer p {
	float:right; text-align:right; margin:0; padding:0; 
}

#footerbg {
	background:url(../images/footer_bg.png) no-repeat top left; width:750px; margin:0 auto 50px auto; height:5px; display:block; line-height:5px;
}

#footer.wide {
	width:880px;
}

#footerbg.wide {
	background:url(../images/footer_bg.png) no-repeat bottom left; width:960px;
}