﻿
	@import url(navigation.css);
	body {
	margin:0px 0px 1px 0px;	text-align:center;
	 	padding:0px;
		color:#686868;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		background: #ebebeb;
}
	
	/*************** blocks  ********************/
.displaynone{
	display:none;
	height:auto;
}
#constrain{
	margin:auto;width:994px;height:auto;
	text-align:left;display:block;padding:0;
}
.cntcontainer{
	width:994px;
	height:350px;
	min-height:350px;display:block;position:relative;
	margin:0;
	padding:0;
	background: transparent url(/img/main_bg.gif) repeat-y;
}
	
	html>body .cntcontainer{
	height:auto;
}
	
#hdr{
	width:994px;
	height:80px;
	display:block;
	position:relative;
	margin:-95px 0 0 0;background:#fff url(/img/hdr_bg.gif);
}
#constrain .logo{
	position:relative;width:173px;
	height:95px;padding:0;margin:0;
	top:15px;
	left:15px;
	z-index:100;
}
#constrain .logo h3{
	margin:0;padding:0;
}
#constrain .logo h3 a {
	 display:block;
	width:173px;
	height:95px;
	background:url('/img/logo.gif') no-repeat ;
	overflow:hidden;
	text-indent:-3000px;
	 margin:0px 0 0 0;
} 
.en #constrain .logo h3 a{
	background:url('/img/Logo_eng.gif') no-repeat ;
}
#lang{
	height:11px;
	display:block;
	z-index:100;
	position:absolute;
	right:15px;
	top:-30px;
	text-align:right;
	color:#fff;margin:0;
	padding:0;
}
#lang img{
	border:0;
	margin:8px 5px 0 0;
}
	
	
#hdrmenu{
	width:790px;height:30px;display:block;
	position:absolute;
	left:198px;
	top:-35px;
	margin:0;
	padding:0;
}
#login #hdrmenu{
	width:910px;height:29px;display:block;
	position:absolute;
	background:#FFF;
	left:25px;
	top:-28px;
}
	
#searchBox{
	width:200px;height:23px;
	display:block;
	position:absolute;
	right:3px;
	top:-70px;margin:0;
	padding:0;
}
#links {
	width:500px;height:13px;display:block;
	position:absolute;
	 right:240px;
	top:-67px;
	text-align:right;
	color:#fff;margin:0;
	padding:0;
	font-family:Arial;
}
#links a{
	color:#fff;font-family:Arial;
}
#tools{
	width:760px;height:34px;display:block;
	position:absolute;
	background: url(/img/tools_bg.gif) no-repeat 0px 0;
	right:5px;
	top:0px;
	text-align:right;
	color:#fff;margin:0;
	padding:10px 30px 0 0;
}
#tools a{
	font-family:Arial;
	color:#939393;
	margin-right:10px;
}
#tools img {
	margin:0;
}
	
	
#front .section1{
	 position:relative;
	width:994px;
	 background:url(/img/front_section_top.gif) no-repeat 5px 0 ;z-index:10;
}
#front .section2{
}
	
#front .section1 .panel1{
	float:left;
	width:780px;
	min-height:200px;
	margin: 6px 0 0 210px;
	 padding:0 0 10px 0;
	background:transparent;
	 }
#front .section1 .panel2{
	float:left;
	width:196px;
	height:auto;min-height:200px;
	margin: 33px 0 0 -980px;
	 padding:0 0 10px 0;
	 background:transparent;
	 }
	* html #front .section1 .panel1{
	display:inline;
}
	html>body #front .section1 .panel2{
	height:auto;
}
	
#front .section2 .panel1{
	float:left;
	width:318px;
	min-height:200px;
	margin: 0px 0 0 338px;
	 padding:0 0 0px 0;
	 }
#front .section2 .panel2{
	float:left;
	width:318px;
	min-height:200px;
	margin: 0px 0 0 -646px;
	 padding:0 0 0px 0;
}
#front .section2 .panel3{
	float:left;
	width:318px;
	min-height:200px;
	margin: 0px 0 0 10px;
	 padding:0 0 0px 0;
}
	* html #front .section2 .panel1{
	display:inline;
	height:200px;
}
	html>body #front .section2 .panel1,#front .section2 .panel2,#front .section2 .panel3{
	height:auto;
}
	
#front .section2 .panel1 h3,#front .section2 .panel2 h3,#front .section2 .panel3 h3{
	display:block;
	width:308px;
	height:23px;
	padding:8px 0 0 10px;
	margin:0;
	background:transparent url(/img/box_hdr.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#7d2727;
	letter-spacing:1px;
}
#front .section2 .box{
	display:block;
	width:298px;
	height:237px;background:transparent url(/img/front_box_bg.gif) no-repeat bottom;
	margin:0;padding:5px 10px 0 10px;
}
#front .section2 .panel1 ul{
	list-style:none;
	padding:0;
	margin:0 0 0 0px;display:block;
}
#front .section2 .panel1 li{
	padding:0 0 10px 12px;
	 background: url(/img/readMore.gif) no-repeat 0 4px;
}
#front .section2 .panel1 li a{
	font-size:12px;
}
	
	
#subpage .section1 .panel1{
	float:left;
	width:755px;
	min-height:200px;
	margin: 50px 0 0 230px;
	 padding:0 0 10px 0;
	  }
#subpage .section1 .panel2{
	float:left;
	width:201px;
	min-height:200px;
	margin: 44px 0 0 -975px;
	 padding:0 0 10px 0;
	  }
	* html #subpage .section1 .panel1{
	display:inline;
	height:350px;
}
#subpage .section1{
	position:relative;
	width:994px;
	min-height:300px;
	background:url(/img/front_section_top.gif) no-repeat 5px 0 ;z-index:0;
}
	
	
#login .panel1{
	float:left;
	width:250px;
	min-height:350px;
	 margin:100px 0 0px 370px;
	 }
	* html #login .panel1{
	display:inline;
	height:350px;
}
	
	
.leftContent{
	padding:0px 0px 0 0px;
}
	
.left_box{
	float:left;width:195px;
	background:#283b66;
	padding: 4px;
	margin:0;
	color:#fff;
	font-size:14px;
}
.left_box ul{
	list-style:none;
	padding:0;
	margin:0;
}
.left_box li{
	display:block;
	border-bottom:1px #fff solid;
	min-height:20px;
	background: url(/img/box_or.gif) no-repeat 8px 7px;
	padding:7px 0 6px 26px;
}
#subpage .left_box a,#front .left_box a,#columns3 .left_box a,#columns2 .left_box a{
	color:#fff;
	font-size:14px;
}
	
#submenu{
	width:201px;
	height:194px;min-height:194px;
	background: url(/img/subMenu_bg.gif) no-repeat bottom;
	 padding:0px 0 0px 0px;
	margin:0 0 15px 0;
}
	html>body #submenu{
	height:auto;
}
#submenu h3{
	color:#283b66;
	font-size:16px;
	padding:3px 0 0 12px;
}
	
	
	
	
.bread{
	width:860px;height:15px;display:none;
	position:absolute;
	 left:0px;top:0px;
	color:#7b7b7b;
	font-size:11px;
	  }
	
.bread .tools{
	width:180px;height:15px;display:block;
	position:absolute;
	 right:0px;top:0px;
}
	
	
	
	
	
	 .footer{
	position:relative;width:994px;
	min-height:30px;
	height:33px;
	display:block;
	margin:0;
	padding:12px 0 0 0px;text-align:left;
	  background: transparent url(/img/footer.gif) no-repeat ;
}
	 .footer a{
	color:#939393;
}
	
	
	
	
	
	
	/**search**/
.searchdiv{
	float:left;
	height:24px;
	line-height:20px;
	 margin:0;
	padding:0px 0px 0 0px;
}
.search_txt_box{
	float:left;width:156px;
	height:15px;
	background:#fff none;
	border:1px #b6b6b6 solid;
	 color:#001e44;
	margin:0px 0 0 0;
	padding:1px 0 2px 3px;
}
.search_btn{
	float:left;
	height:18px;width:22px;
	 padding:0px 3px 0px 3px;
	 background: url(/img/search_btn.gif) no-repeat;
	border:0;
	 margin:1px 0 0 3px;cursor:pointer;
	text-indent:-3000px;
	color:#4f4f4f;
}
.panel1 .searchdiv{
	display:block;width:200px;
	height:20px;
	padding-bottom:5px;margin-bottom:10px;
}
.panel1 .search_btn{
	float:left;
} 
.searchResults{
	list-style:none;
	margin:0;
	padding:0 0 0px 0;border-top:1px #e6e6e6 solid;
}
.searchResults  ul{
	list-style:none;
	margin:0;
	padding:0;
}
.searchResults  li {
	clear:both;border-bottom: 0px #a4a4a4 dotted;
	padding:0px 0 5px 0;
}
.searchResults  h4{
	color:#023f99;
	font-size:13px;margin:0;
}
	/**** User Login ******/
	
.userLogin{
	float:left;width:225px;
	height:22px;
	min-height:22px;
	 padding:35px 0 0 0;background:#fff url(/img/userLogin_bg.gif) no-repeat top;
}
	html>body .userLogin{
	height:auto;
}
#login .userLogin .bottom{
	float:left;width:225px;
	height:16px;
	background: transparent url(/img/login_bottom.gif) no-repeat;
}
#login .loginfield{
	float:left;display:block;
	height:25px;width:225px;
	 }
#login .loginfield label{
	 float:left;display:block;
	height:16px;
	width: 65px;
	text-align:left;
	padding:2px 0px 0 10px;
}
#login .loginfield input{
	 float:left;height:20px;
	border:1px #cccccc solid;width: 133px;
	 padding:0 0px 0 0;
}
#login .login_btn{
	float:right;
	height:18px;
	width:51px;
	display:block;
	background: transparent url(/img/login_button.gif) no-repeat ;border:0;
	text-indent:-3000px;
	overflow:hidden;margin:0px 0 0 0;padding: 0 ;cursor:pointer;
	color:#a3a3a3;
}
#login .btnfield{
	padding:3px 15px 0 0;
}
.loginError{
	float:left;color:Red;width:225px;
	text-align:center;
	padding-top:5px;
}
.logOut{
	padding-left:17px;
	background:transparent url(/img/logout.gif) no-repeat 0px 1px;
}
	
	
	
#form-container{
	
			width:740px;
	}
		.form-title{
	
				display:block;
				
				font-size:13px;
				font-weight:bold;
		}
		.form {
	
		}
			.form label {
	
					display: block;
					
					margin: 0 0 2px -8px;
			}
			.form input {
	
					font-size: 11px;
					font-family: arial, tahoma, verdana;
					color: #333;
					
					border: 1px solid #c9c9c9;
			}
	
		.form.txt {
	
				padding: 0 0 0 8px;
		}
			.form.txt input,
			.form.txt textarea,
			.form.txt select
				{
	
					font-size: 11px;
					font-family: arial, tahoma, verdana;
					color: #333;
					
					margin: 0 0 6px -8px;
					padding: 3px;
					
					width: 100%;
					
					border: 1px solid #c9c9c9;
			}
			.form.txt textarea{
	
					height:150px;
			}
				
		.form.chk {
	
				margin: 10px 0 10px 0;
		}
			.form.chk input {
	
					margin: 0px 3px 3px 0;
					padding: 0;
					
					float: left;
			}
			
			
			.form.calendar label {
	
					display: block;
					
					margin: 0 0 2px 0px;
			}
				
		.form.drp{
	
				margin:5px 0 5px 0;
		}
			.form.drp label,
			.form.drp input
				{
		
					display:inline;
					padding:0px 0 0px 8px;
					margin: 0px 0 0px 0;
					
			}
			
		.form.btn {
	
				text-align: right;
		}
			.form.btn input {
	
					margin: 0;
					padding: 3px 8px;
					
					font-size: 11px;
					font-family: arial, tahoma, verdana;
					color: #333;
					
					font-weight: bold;
					
					background: #FFF;
			}
	
.panel2 #form-container{
		width:180px;
		background:#f5f5f5;
		padding:4px;	
		overflow:hidden;
	}
	.panel2 #form-container .form-title{
	
			background:#f5f5f5;
			border-bottom: 1px #ccc solid;
			
			overflow: hidden;
	}
	
	
#RotBanner {
	
						position: relative;
						
						height: 310px;
						width: 770px;
						margin:0 0 5px 0 ;
						background: #FFF ;
				}
					#RotBanner .Image,
					#RotBanner .item {
	
							position: absolute;
							
							height: 310px;
							width: 770px;
							
							background: center;
					}
	
	
#image-list{
	
		width:755px;
}
	#image-list .image-item {
	
			float:left;
			
			margin: 0 10px 0 0;
			
			width: 140px;
			height: 140px;
			
			
			overflow:hidden;
	}
		#image-list .image-item a {
	
				
				display: block;
				position: relative;
				margin: 0;
				padding: 1px;
				
				width: 130px;
				height: 86px;
				
				border: 1px #ccc solid;
				
				text-indent: -9999px;
				outline: none;
				overflow:hidden;
				
				background: center no-repeat #f2f2f2;
		}
				/*#image-list .image-item a .zoom {
	
					display: block;
					
					position: absolute;
					
					bottom: 0;
					right: 0;
					
					width: 17px;
					height: 18px;
					
					background: 0 0 url('../img/zoom.gif') no-repeat;
					
			}*/
			#image-list .image-item .text {
	
	
					width:130px;
					height:20px;
					display: block;
					padding: 6px 0 0 15px;
					
					color: #777;
					
					
			}
	
	
.article-index{
	
	}
		
	.article-item{
	
				padding: 5px 0 5px 0;
				border-bottom:1px #ccc solid;
		}
		
		.article-item .image {
			float:left;
			margin:5px 5px 5px 0;
		}
		.article-item h1,
		.item h1
			{
	font-size:14px;
}
			
		.date{
	
				color:#969696;
			}
		.text{
	
			}
			
		.more{
	
				background: url(/img/readMore.gif) no-repeat 0 4px;
				padding:0 0 0 13px;
		}
	
	
#constrain a.igm {
	position:absolute;
	display:block;
	width:32px;
	height:20px;
	right:5px;
	top:15px;
	background: url('/img/atomstodin.png') no-repeat ;
	overflow:hidden;
	text-indent:-3000px;
	 margin:0px 0 0 0;
} 
	
	/**** FAQ ******/
.faq{
}
.open{
	height:auto;
	padding:5px 0 5px 0;
}
.closed{
	display:none;
}
.faqsep{
	border-bottom: 1px #dcdcdc solid;
	margin:5px 0 5px 0;
}
	
	
	
	
	
.artdate{
	color:#555555;
	display:block;
	font-size:11px;}
.artheader{
		padding: 0 0 0 5px;	margin:0 0 3px 0;	line-height:13px;
}
.separator{
		border-bottom:1px #A4A4A4 dotted;	margin:5px 0 5px 0;
}
	
	
	
	/****** misc **********/
.clear{
	clear:both;
}
.fix{
	display:inline;
}
.fix:after {
	 content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	 display: inline-block;
}
* html .fix {
	 height: 1%;
}
.fix {
	 display: block;
}
	
.clearboth{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
	
a:link{
	color: #7c2222;
	text-decoration: none;
}
a:visited {
	color : #7c2222;
	text-decoration: none;
}
a:active {
	color : #5279b0;
}
a:hover {
	color : #5279b0;
	text-decoration: underline;
}
a:focus{
	outline:none;
}
	
h1,h2,h3,h4,h5 {
	font-family: Arial, Helvetica, sans-serif;color: #686868;
	line-height:1.1em;
	margin:0 0 0.3em 0;
	color:#7d2727;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:12px;
}
		
hr {
	background : #e0e0e0;	color: #e0e0e0 ;	height: 1px;
}
div,form, blockquote,img {
		margin:0;
	padding:0;
}
p	{
	margin-top: 0em;padding: 0px 0px 0px 0px;margin-bottom: 0em;
}

.cntcontainer img {
	margin: 10px;
}

#bannerContent {
	height:310px;
	position:relative;
	width:770px;
}

	#bannerContent .bannerLabel {
		color:#FFFFFF;
		font-size:24px;
		position:absolute;
		top:50px;
		left:50px;
		text-shadow: #000 1px 1px 1px;
	}
	
	#bannerContent .bannerText {
		color:#FFFFFF;
		font-size:14px;
		position:absolute;
		top:90px;
		left:50px;
		text-shadow: #000 1px 1px 1px;
	}
	
	#bannerContent .item {
		background-repeat:no-repeat;
		height:310px;
		position:absolute;
		width:770px;
	}
	
	#bannerContent .next {
		background:transparent url(/img/bannerNav_next.png) repeat scroll 0 0;
		cursor:pointer;
		display:block;
		height:15px;
		position:absolute;
		right:10px;
		text-indent:-9999px;
		bottom:10px;
		width:13px;
		z-index:101;
	}
	
	#bannerContent .prev {
		background:transparent url(/img/bannerNav_prev.png) repeat scroll 0 0;
		cursor:pointer;
		display:block;
		height:15px;
		position:absolute;
		right:24px;
		text-indent:-9999px;
		bottom:10px;
		width:13px;
		z-index:100;
	}