/* === Clearing browser style === */

body, td, th, input, textarea, select {
	font-family: tahoma, sans serif;
	font-size: 11px;
	color: #58646f;
	font-weight: normal;
}

body {
	background: #8f9aa5;
	height: 100%;
	padding: 0px;
}

html {
	height: 100%;
}

/* === Links === */

a {
	color: #004182;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* === Main === */

#layout {
	width: 100%;
	height: 100%;
}

	#left {
		width: 50%;
	}
	
	#middle {
		background: #a7b2bc;
		border-right: 6px solid #dee1e4;
		border-left: 6px solid #dee1e4;
	}
	
	#right {
		width: 50%;
	}
	
	/* Lang */
	
	.lang a {
		display: block;
		background: url(../images/menu-bullet.gif) no-repeat;
		font-size: 11px;
		color: #ffffff;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0px 17px 0px 16px;
	}
	
	.lang a:hover {
		color: #f52100;
		text-decoration: none;
	}
	
	.lang a.selected {
		background: url(../images/menu-bullet-o.gif) no-repeat;
		color: #f52100;
		text-decoration: none;
	}
	
	.lang a.selected:hover {
		color: #f52100;
		text-decoration: none;
	}
	
	/* Menu */
	
	.nav,
	.nav ul {
		list-style: none;
	}
	
		.nav a {
			display: block;
			background: url(../images/menu-bullet.gif) no-repeat;
			font-size: 11px;
			color: #ffffff;
			text-transform: uppercase;
			text-decoration: none;
			padding: 0px 0px 5px 16px;
		}
		
		.nav a:hover {
			color: #f52100;
			text-decoration: none;
		}
		
		.nav a.selected {
			background: url(../images/menu-bullet-o.gif) no-repeat;
			color: #f52100;
			text-decoration: none;
		}
		
		.nav a.selected:hover {
			color: #f52100;
			text-decoration: none;
		}



	.nav2,
	.nav2 ul {
		margin-bottom: 10px;
		list-style: none;
	}
	
		.nav2 a {
			display: block;
			background: url(../images/menu-bullet2.gif) no-repeat;
			font-size: 11px;
			color: #ffffff;
			text-transform: none;
			text-decoration: none;
			padding: 0px 0px 5px 16px;
		}
		
		.nav2 a:hover {
			color: #f52100;
			text-decoration: none;
		}
		
		.nav2 a.selected {
			background: url(../images/menu-bullet2-o.gif) no-repeat;
			color: #f52100;
			text-decoration: none;
		}
		
		.nav2 a.selected:hover {
			color: #f52100;
			text-decoration: none;
		}
	


	.nav3,
	.nav3 ul {
		margin-bottom: 10px;
		list-style: none;
	}
	
		.nav3 a {
			display: block;
			background: url(../images/menu-bullet3.gif) no-repeat;
			font-size: 10px;
			color: #ffffff;
			text-transform: none;
			text-decoration: none;
			padding: 0px 0px 5px 16px;
		}
		
		.nav3 a:hover {
			color: #f52100;
			text-decoration: none;
		}
		
		.nav3 a.selected {
			background: url(../images/menu-bullet3-o.gif) no-repeat;
			color: #f52100;
			text-decoration: none;
		}
		
		.nav3 a.selected:hover {
			color: #f52100;
			text-decoration: none;
		}
	/* Submenu2 */
	
	.subnav2 td {
		width: 33%;
	}
	
	.subnav2 a {
		display: block;
		background: url(../images/submenu2-bullet.gif) no-repeat;
		color: #000000;
		text-decoration: none;
		padding: 0px 23px 11px 10px;
	}
	
	.subnav2 a:hover {
		color: #000000;
		text-decoration: underline;
	}
	
	.subnav2 a.selected {
		background: url(../images/submenu2-bullet-o.gif) no-repeat;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
	}
	
	.subnav2 a.selected:hover {
		color: #000000;
		text-decoration: underline;
	}
	
	/* Quick menu */
	
	.qnav {
		font-size: 11px;
		color: #969696;
	}
	
		.qnav a {
			font-size: 11px;
			font-weight: normal;
			color: #969696;
			text-decoration: none;
		}
		
		.qnav a:hover {
			color: #969696;
			text-decoration: underline;
		}
		
		.qnav span.selected {
			font-weight: bold;
			color: #969696;
		}
	
	/* Icons */
	
	.icons td {
		background: url(../images/icons-bullet.gif) no-repeat;
		padding: 0px 10px 0px 11px;
	}
	
		.icons td.first {
			background: none;
		}
	
	/* --- */
	
	#header {
		background: #8f9aa5;
		border-bottom: 1px solid #dee1e4;
	}
	
		#header #top {
			height: 33px;
			border-bottom: 1px solid #ffffff;
		}
		
			#header #top #label {
				padding: 7px 0px 0px 20px;
			}
		
		#logo {
			padding: 0px 20px;
		}
		
		#iconBox {
			padding: 17px 9px 0px 0px;
		}
		
			#header #bottom {
				height: 22px;
				border-top: 1px solid #ffffff;
			}
	
	.leftCol {
		width: 180px;
		padding-bottom: 10px;
		border-bottom: 1px solid #dee1e4;
	}
		
		#langBox {
			padding: 13px 20px 8px 20px;
		}
		
		#navBox {
			background: #8f9aa5;
			padding: 18px 20px 32px 20px;
			border-bottom: 1px solid #dee1e4;
		}
		
		#subscrBox {
			padding: 9px 15px 20px 15px;
			border-bottom: 1px solid #dee1e4;
		}
	
	.middleColLine {
		background: #dee1e4;
		width: 1px;
	}
	
	.middleCol {
		background: #ffffff;
		width: 588px;
		padding-bottom: 10px;
		border-bottom: 1px solid #dee1e4;
	}
	
		#infoBox {
			padding: 23px 30px 27px 30px;
		}
	
			#infoBox ul {
				list-style-type: square;
			}
			
			#infoBox ol {
			}

			#infoBox ol li {
				margin-left: 30px;
			}

			#infoBox ul li {
				margin-left: 30px;
			}

	.rightCol {
		width: 180px;
		padding-bottom: 10px;
		border-bottom: 1px solid #dee1e4;
	}
	
	
	
	.banner {
		margin-top: 10px;
	}
	
	.vSepBottom {
		background: #b5b1aa;
		margin: 22px 20px 12px 20px;
	}
	
	#created {
		padding: 18px 15px;
	}
	
	/* content images */
	
	.imgContainer {
		width: 100%;
	}
	
		.imgContainer table tr.image td {
			background: #969696;
			padding: 1px;
		}
		
		.imgContainer table tr.title {
			display: none;
		}
		
			.imgContainer table tr.title td {
				text-align: center;
			}

/* === Txt === */
h1.title {
	background: #8f9aa5 url(../images/bg-title.gif) no-repeat;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	padding: 26px 30px 6px 30px;
}

h1.titleRed {
	background: #8f9aa5 url(../images/bg-title-red.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 15px 7px 15px;
}

h1.titleGray {
	background: #8f9aa5 url(../images/bg-title-gray.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 15px 7px 15px;
}

/*h2.title {
	font-size: 14px;
	font-weight: normal;
	color: #df0010;
	padding-bottom: 11px;
	margin-bottom: 15px;
	border-bottom: 1px solid #b5b1aa;
}*/

span.copyright {
	font-family: tahoma, sans serif;
	font-size: 11px;
	color: #e5e8eb;
	cursor: default;
}

span.copyright a {
	font-family: tahoma, sans serif;
	font-size: 11px;
	color: #e5e8eb;
	text-decoration: none;
}

span.copyright a:hover {
	color: #e5e8eb;
	text-decoration: none;
}

/* === Other === */

.w33 {
	width: 33%;
}

.w25 {
	width: 25%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}