@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/abvftim2.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{width:22px;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;}

#constrain .logo h3 a{background:url('/img/vidtjornina.jpg') no-repeat ;}
.en #constrain .logo h3 a{background:url('/img/vidtjornina.jpg') no-repeat ;}


#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;}


#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:#707070; 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;
			}

#front .panel2 #form-container{
	width:180px;
	background:#f5f5f5;
	padding:4px;	
	overflow:hidden;
	}
	#front .panel2 #form-container .form-title{
		background:#f5f5f5;
		border-bottom: 1px #ccc solid;
		
		overflow: hidden;
	}


#RotBanner {
					position: relative;
					
					height: 250px;
					width: 400px;
					margin:0 0 5px 0 ;
					background: #FFF ;
				}
					#RotBanner .Image,
					#RotBanner .item {
						position: absolute;
						
						height: 250px;
						width: 400px;
						
						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 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: #cf5057; text-decoration: none}
a:visited {color : #cf5057;   text-decoration: none}
a:active {color : #cf5057; }
a:hover {color : #cf5057;  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;}
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; }