@charset "UTF-8";

/* CSS Megaherts. Espresso 2009 */

ul,ol {
	margin-top:18px;
}
 
/* Non-pseudo */

html, body {
	background-image:url(../img/bck.png);
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#1f1f1f;
	line-height:20px;
	}

a, a:visited, a:active {
	color:#2d2d2d;
	}
	
a:hover {
	color:#0068b3;
	text-decoration:none;
	}
	
h1, h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:18px;
	color:#0068b3;
	letter-spacing:-1px;
	font-weight:normal; /* IE */
	}

h2 {
	font-size: 16px;
	line-height: normal;
	font-weight: normal
}

/* helpers */
.clear {margin: 0; padding: 0; height: 0; overflow: hidden; clear: both}
	
/* layout */

.wrapper {
	margin:20px auto 0; /* topmargin & center */
	width:800px;
	}
	.header {		
		height:71px;
		background-image:url(../img/bck_header.png);
		}
		.logo {
			float:left;
			line-height:50px;
			margin:17px 0 0 24px;
			font-size: 32px;
			color: #0068b3;
			}
		.lang {
			float:right;
			margin:34px 30px 0 0;
			}
	.splash {
		width: 100%;
		height:218px;
		overflow: hidden;
		position: relative;
		background-image:url(../img/bck_splash.png);
		}
		.splashPic {
			position: absolute;
			top: 0;
			left: 20px;
			margin: 0;
			padding: 0;
			}
			#slogan {
				background-image:url(../img/bck_slogan.png);
				background-position: right center;
				background-repeat: repeat-y;
				font-size:28px;
				line-height:28px;
				font-style:italic;
				font-weight: bold;
				text-align:right;
				padding:14px 50px 14px 0;
				margin:153px 20px 0 0;
				color:#0068b3;
				position: relative;
				}
	.menu {		
		height:50px;
		background-image:url(../img/bck_menu.png);
		padding-left:26px;
		}
		.menu ul {
			margin-top:0px;
		}
		.menu li {
			float:left;
			/*height:31px;*/
			text-transform:uppercase;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			padding:0 12px;
			margin:9px 2px 0;
			color: #fff;
			/*cursor:pointer;*/
			}
		.menu li a {
		    
			color:#fff;
			line-height:41px;
			display:block;
			text-decoration:none
		}


		.menu li a:active {
			color:#fff;
		}
		.menu li.active {
			background-image:url(../img/menu_right.png);
			background-repeat:no-repeat;
			background-position:right top;
			padding:0 12px 0 0;
			}
		.menu li.active a {
			background-image:url(../img/menu_left.png);
			background-repeat:no-repeat;
			background-position:left top;
			padding:0 0 0 12px;
			color:#0068b3;
		}
		.menu li a:hover {
			color:#0068b3;
			}
			/*.menu li img {
				margin:-10px 7px 0 0;
				}*/
	.content {			
		background-image:url(../img/bck_content.png);
		padding:20px 50px 1px;
		}
			.cLeft {
				position: relative;
				float:left; 
				width:210px;
				margin-left: -30px
				}
				/*
				.menu2 {
					list-style: none;
					margin:0 35px 0 15px;
					}
					.menu2 ul {
						margin-top:0px;
					}
					.menu2 li {
						background: url(../img/bullet.png) left 0.35em no-repeat;
						height:22px;
						line-height:normal;
						padding:2px 0 2px 30px;						
						}
						.menu2 li a, .menu2 li a:visited, .menu2 li a:active, .menu2 li a:hover {
							border-bottom:1px solid #ddd;
							padding: 4px 0 3px;
							text-decoration:none;							
							display:block;
							vertical-align:middle;
							margin:0 0 12px 0;
							}
						.menu2 li.active a {
							color: #0068b3;
						}
						*/
	
	
	
				table.menu2 {
					margin:0 35px 0 15px;
					width:90%;
					}
					table.menu2 tr td.imgBullet {
						width:20px;
						height:20px;
					}
					table.menu2 tr {
						height:20px;
						line-height:normal;
						width:90%;					
						}
						.menu2 tr a, .menu2 tr a:visited, .menu2 tr a:active, .menu2 tr a:hover {
							border-bottom:1px solid #ddd;
							padding: 4px 0 3px;
							text-decoration:none;							
							display:block;
							vertical-align:middle;
							margin:0 0 12px 0;
							}
							.menu2 li.active a {
								color: #0068b3;
							}


				table.menu3 {
					margin:0 15px 0 15px;
					width:90%;
					}
					table.menu3 tr td.imgBullet {
						width:20px;
						height:22px;
						}
						table.menu3 tr {
							height:22px;
							line-height:normal;
							padding:2px 0 2px 30px;
							width:90%;					
							}
							.menu3 tr a, .menu3 tr a:visited, .menu3 tr a:active, .menu3 tr a:hover {
								border-bottom:1px solid #ddd;
								padding: 4px 0 3px;
								text-decoration:none;							
								display:block;
								vertical-align:middle;
								margin:0 0 12px 0;
								}
								.menu2 li.active a {
									color: #0068b3;
								}

	
	
	
			.cRight {
				float:right; 
				width:490px;
				}
			.width-free {
				width:auto;
				float: none;
			}
				.cRight ul {padding: 0 0 0 20px}
				.cRight ul li {list-style: disc}
				.cRight a {color: #0068b3; text-decoration: none}
				.cRight a:hover {
					text-decoration: underline
				}
				.cRight .documents {
					
				}
				.cRight .album {
					margin: 0; padding: 0;
				}
					.cRight .album li {
						border: 1px solid #ddd;
						list-style: none;
						display: block;
						float: left;
						margin: 5px 10px 5px 0;
					}
					.cRight .album a {
						display: block;
						width: 100px;
						height: 100px;
						overflow: hidden;
						margin: 5px;
					}
					.cRight .album a:hover {
						
					}
					.cRight .documents {padding: 20px 0}
					.cRight .documents li {display: inline; list-style: none; padding: 0 5px}
					.cRight .date {margin-top: 0}

				#gallery .image {float: left; padding: 5px; border: 1px solid #ddd}
					#gallery .image a {display: block; width: 100px; height: 100px; overflow: hidden}
				#gallery .description {float: right; width: 350px; padding: 20px 0}
					#gallery .description h2, .document .description h2 {font-size: 14px}
				
				.document .description {width: 430px; float: right; padding: 0}
				.document .icon {width: 50px; float: left; margin: 5px 0}

				#archive-list {padding: 0 0 60px; position: relative}
					#archive-list li {list-style: none; float: left; padding: 0 7px 0 0}
					#archive-list li ul {position: absolute; left: 0; padding: 0; width: 100%}
					#archive-list li ul li {display: inline; font-size: 11px}
					#archive-list .selected, #archive-list .selected .selected {font-weight: bold}
					#archive-list .selected li {font-weight: normal}
				#older-news-list {margin: 0; padding: 10px 0}
					#older-news-list li {list-style: none}

	.footer {		
		height:55px;
		background-image:url(../img/bck_footer.png);
		padding:42px 38px 0;
		width:724px;
		color:#666666;
		line-height:22px
		}
		.footer p {
			margin: 0;
			float: left
		}
		.footer em {
			font-size:10px;
			color:#8b8b8b;
		}
		.footer strong {
			margin-right:25px;
			color:#0068b3;
		}
		.footer #veebiabi {
			display: block;
			float: right;
		}
			.footer #veebiabi a {
				text-decoration: none;
				font-weight: bold
			}
		
/* OO */

.fs22 {
	font-size:22px;	
	}
.blue {
	color:#0068b3;
	}
.fs10 {
	font-size:10px;
	}
.lightgrey {
	color:#8b8b8b;
	}
.mr25 {
	margin-right:25px;
	}

/* For SCMS Default Templates */
.ArticleColumns td {padding: 0 10px}
.Document h1 {font-size: 14px; font-style: normal}
	.DocumentData {margin: 0 0 20px}
.gallery {clear: both}
	.gallery .GalleryThumbnail {float: left}
	.gallery h1 {font-size: 14px; font-style: normal}
.DocumentTitle a {color: #0068b3 !important}
.DocumentData .Date {color: #000}

/* For SCMS Editor */
.splashPic .button {display: block; padding: 2px; position: absolute; margin: 10px 0 0 10px; background: #fff}
#conf-form {margin: 20px; padding: 20px; border: 1px solid #ddd; background: #efefef; text-align: center}


/* Poll */
#scms_Poll {
	margin-top:30px;
	margin-left:10px;
	vertical-align:top;
	width:195px;
	}
	#scms_Poll #pollContent {
		padding-left:8px;
		margin-left:1px;
		padding-right:5px;
		margin-top:-5px;
		background-color: #e1e1e1;
	}
	#scms_Poll #pollTop {
		width:196px;
		height:12px;
	}
	#scms_Poll #pollBottom {
		width:196px;
		height:12px;
		margin-top:-1px;
	}


/* Search */
#scms_ColumnSearch {
	margin-bottom:20px;
	margin-left:20px;
}


#banners {
	margin-left:21px;
}