/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}
#outer{
	position: relative;
	display: inline;
	float: left;
	width: 1002px;
	left: 50%;
	margin-left: -501px;
	background: url(img/bg-outer.gif) repeat-y;
	z-index: 100;
	_display: block;
	_float: none;
	_left: 0px;
	_margin-left: expression(document.body.clientWidth < 1002? "0px" :  (document.body.clientWidth / 2 - 501) + 'px');
	min-height: 100%;
	margin-bottom: -46px;
	height: auto;
}
* html #outer{height:100%;}
#footer {
	width: 100%;
	clear: both;
	height: 44px;
	z-index: 100;
}
#clearfooter{clear:both;height:46px;}
div>p {margin-top:0}
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-48px;} /*safari wrapper */


#body {
	padding: 0px;
	margin: 0px;
	min-width: 988px;
	height: 100%;
	display: block;
	background: #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#bgTop{
	position: absolute;
	width: 807px;
	height: 404px;
	left: 50%;
	top: 0px;
	margin-left: -1305px;
	background: url(img/bg-body-top.gif) no-repeat left top;
}

#bgBottom{
	position: absolute;
	width: 50%;
	height: 205px;
	left: 50%;
	margin-top: -203px;
	background: url(img/bg-body-bottom.gif) no-repeat 501px bottom;
	z-index: 1;
}

#outerCorner{
	position: relative;
	width: 205px;
	height: 89px;
	left: 0px;
	top: 0px;
	background: url(img/bg-outer-corner-top.gif) no-repeat left top;
	z-index: 10;
}

#footerContent{
	position: relative;
	width: 1002px;
	height: 44px;
	left: 50%;
	margin-left: -501px;
	font-size: 9px;
	z-index: 100;
	_left: 0px;
	_margin-left:expression(document.body.clientWidth < 1002? "0px" :  (document.body.clientWidth / 2 - 501) + 'px');
}
	#footerContent p{
		position: absolute;
		width: auto;
		height: auto;
		left: 25px;
		bottom: 14px;
		color: #036;
	}
		#footerContent p a{
			padding-left: 36px;
			text-decoration: none;
			color: #999;
		}
	

#footerCorner{
	position: absolute;
	width: 208px;
	height: 44px;
	right: 0px;
	top: 2px;
	background: url(img/bg-outer-corner-bottom.gif) no-repeat right bottom;
}

#logo{
	position: absolute;
	width: 148px;
	height: 105px;
	left: 47px;
	top: 81px;
	z-index: 100;
}
	#logo a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		background: url(img/logo.gif) no-repeat left top;
		text-indent: -2000px;
		overflow: hidden;
	}
	
#icons{
	position: absolute;
	width: 180px;
	height: 9px;
	right: 34px;
	top: 12px;
	z-index: 10;
}
	#icons ul{
		position: relative;
		display: inline;
		float: left;
		width: 100%;
		height: 100%;
	}
		#icons ul li{
			position: relative;
			display: inline;
			float: right;
			height: 9px;
		}
			#icons ul li a{
				position: relative;
				display: block;
				width: 100%;
				text-indent: -2000px;
				overflow: hidden;
				background-position: left top;
				background-repeat: no-repeat;
			}
        #icons ul li.lang-e {width:5px;margin-right:1px;}
            #icons ul li.lang-e a{height: 9px;}
		#icons ul li.lang{width:16px;margin-right:12px;}
            #icons ul li.lang a{
                position:relative;
                top:-2px;
                display: block;
				width: 100%;
				text-indent: 0px;
				overflow: normal;
				background-position: left top;
				background-repeat: no-repeat;
                height:14px;
                font:normal 9px verdana;
                text-decoration:none;
                color:#013358;
            }
		#icons ul li.home{width:11px; margin-right:12px;}
			#icons ul li.home a{background-image: url(img/icon-home.gif); height: 9px;}
		#icons ul li.tree{width:14px; margin-right:12px;}
			#icons ul li.tree a{background-image: url(img/icon-tree.gif); height: 7px; margin-top: 2px;}
		#icons ul li.mail{width:14px; margin-right:11px;}
			#icons ul li.mail a{background-image: url(img/icon-mail.gif); height: 7px; margin-top: 2px;}
		#icons ul li.search{width:7px;}
			#icons ul li.search a{background-image: url(img/icon-search.gif); height: 7px; margin-top: 2px;}
			

#menu{
	position: relative;
	display: inline;
	float: left;
	width: 280px;
	height: auto;
	margin-left: 9px;
	margin-top: 111px;
	z-index: 10;
}
	#menuTop{
		position: relative;
		display: block;
		width: 280px;
		height: 65px;
		background: url(img/bg-menu-top.gif) no-repeat left top;
	}
	#menuBottom{
		position: relative;
		display: block;
		width: 242px;
		height: 108px;
		background: url(img/bg-menu-bottom.gif) no-repeat left top;
	}
	#menuContent{
	position: relative;
	display: block;
	width: 232px;
	height: auto;
	padding-top: 40px;
	padding-bottom: 70px;
	padding-right: 10px;
	background: #013358;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	overflow: hidden;
}
		#menuContent ul{
			padding-left: 49px;
		}
			#menuContent ul li{
				padding-bottom: 8px;
				padding-left: 25px;
			}
				#menuContent ul li ul{
					padding-left: 0px;
				}
					#menuContent ul li ul li{
						font-weight: normal;
						padding-left: 20px;
					}
			#menuContent ul li.active{
				background: url(img/bullet-menu.gif) no-repeat 0px 5px;
				_background: transparent;
				_padding-left: 0px;
			}
				#menuContent ul li a{
					color: #fff;
					text-decoration: none;
				}
				#menuContent ul li.active a{
					_padding-left: 25px;
					_background: url(img/bullet-menu.gif) no-repeat 0px 5px;
					_padding-bottom: 8px;
				}
						#menuContent ul li ul li.active a{
							_padding-left: 20px;
						}
				#menuContent ul li.active a,
				#menuContent ul li a:hover{
					text-decoration: underline;
				}
				
#content{
	position: relative;
	display: inline;
	float: left;
	width: 549px;
	min-height: 584px;
	height: auto;
	_height: 584px;
	margin-left: 15px;
	margin-top: -60px;
	text-align: justify;
	color: #036;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#UserDefinedContent,
.txt6,
.form-message{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content p,
#content ul,
#content ol,
.form-message{
	padding-left: 12px;
	padding-right: 12px;
}

#content.contact{
	background: url(img/img-contact.gif) no-repeat 294px 87px;
	padding-right: 79px;
}

	#content div.img-index{
		position: relative;
		margin-top: -29px;
		margin-bottom: -6px;
		background-position: left top;
		background-repeat: no-repeat;
		z-index: 0;
	}

	#content span.title{
		position: relative;
		display: block;
		width: 502px;
		height: 32px;
		background: #013358 url(img/bg-headline.gif) no-repeat left top;
		padding-left: 47px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 24px;
		margin-top: 4px;
	}
	
	#content span.title2{
		color: #036;
		font-size: 12px;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 8px;
		margin-top: 4px;
		padding-left: 12px;
	}
	
	#content p,
	.form-message{
		margin-bottom: 24px;
	}
	#content ol,
	#content ul{
		margin-left: 21px;
		margin-bottom: 24px;
	}
	#content ol li{
	list-style: decimal inside;
}
	#content ul li{
	list-style: disc inside;
}
/**********************************************/

#content a {
  text-decoration:underline; 
  color:#f60;
}
#content a:hover {
    color:#f60;
}

#content .itemhi    { font-weight: bold; }
#content .itemit    { font-style: italic; }
.itemtableb, .itemtableb td { border-collapse: collapse; border: 1px #777 solid; height: 16px; font-size: 11px;}

#content .txt0{font-size: 10px;}
#content .txt1{font-size: 11px;}
#content .txt2{font-size: 12px;}

#content blockquote{
	margin-left: 21px;
}

#content .row_odd{
	background-color: #e0e6ec;
}
#content .row_even{
	background-color: #fff;
}
#content .itemtableb .row_odd,
#content .itemtableb .row_even{
	background-color: transparent;
}
#content .tbl2 .thead,
#content .tbl4 .tleft,
#content .tbl6 .thead,
#content .tbl6 .tleft{
	background-color: #036;
}

#content .tbl3 .thead,
#content .tbl5 .tleft,
#content .tbl7 .thead,
#content .tbl7 .tleft{
	background-color: #f60;
} 

#content .tbl4 .tleft,
#content .tbl6 .tleft,
#content .tbl5 .tleft,
#content .tbl7 .tleft{
	border-top: 1px solid #fff;
}

#content .tbl4 .thead,
#content .tbl6 .thead,
#content .tbl5 .thead,
#content .tbl7 .thead{
	border-top: none;
}

#content .tbl2 .thead,
#content .tbl4 .tleft,
#content .tbl6 .thead,
#content .tbl6 .tleft,
#content .tbl3 .thead,
#content .tbl5 .tleft,
#content .tbl7 .thead,
#content .tbl7 .tleft{
	font-weight: bold;
	color: #fff;
}

/*#content .tbl1 td,
#content .tbl2 td,
#content .tbl3 td,
#content .tbl4 td,
#content .tbl5 td,
#content .tbl6 td,
#content .tbl7 td{
	padding: 3px 8px 3px 8px;
}*/
	
/***********************************************/
	#content.contact p{
		width: 294px;
	}
	
	#content  input.button{
		width: auto;
		height: 19px;
		background: #f60;
		border: none;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		padding-left: 4px;
		padding-right: 4px;
		margin-top: 2px;
	}
	
	#content textarea{
		width: 169px;
		height: 74px;
		border: 1px solid #013358;
	}
	
	#content td{
		color: #036;
		font-size: 11px;
	}
	
	#content td.label{
		padding-right: 20px;
	}
	
	#content td.input{
		padding-bottom: 2px;
	}
	
	#content td.phototitle{
		padding-bottom: 16px;
		font-size: 10px;
		text-align: center;
	}
	
	
.item-date{
	font-weight: bold;
	padding-left: 12px;
}

.item-separator{
	font-weight: bold;
}

.item-title{
	font-weight: bold;
	padding-right: 12px;
}
#content	a.item-title{
		text-decoration: underline;
	}
#content	a.item-title:hover{
		text-decoration: none;
	}
#content td.news-content p{
	margin-bottom: 10px;
	margin-top: 10px;
}

td div.news-line{
	display: block;
	height: 24px;
}

#content a.a-pager-s{
	font-weight: bold;
	text-decoration: none;
}
#content a.a-pager{
	font-weight: normal;
	text-decoration: none;
}
#content a.a-pager:hover{
	font-weight: bold;
}

#content div.pager-table span.separator{
	color: #f60;
}

#content strong{
	font-weight: bold;
}


#bodyGallery{
	width: 100%;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	#bodyGallery #image{
		margin-top: 10px;
		width: 100%;
	}
	#bodyGallery #content{
		position: relative;
		display: block;
		float: none;
		width: 89%;
		height: auto;
		min-height: 10px;
		margin: 0px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 25px;
		padding-right: 25px;
	}
	#bodyGallery #content p{
		margin-bottom: 5px;
	}
	
	#bodyGallery #button{
		width: 100%;
		text-align: left;
	}
	
		#bodyGallery #button a{
			position: relative;
			display: block;
			width: 100px;
			background: #ccc;
			border: none;
			font-weight: bold;
			color: #fff;
			padding-top: 3px;
			padding-bottom: 3px;
			text-decoration: none;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			left: 50%;
			margin-left: -50px;
		}
			#bodyGallery #button a:hover{
				background: #f60;
			}

.red{
	color: Red;
}

.grey{
	color: #999;
}

.green{
	color: Green;
}