﻿
@import url(navigation.css);
body {margin:0px 0px 1px 0px;	text-align:center;
 	padding:0px;
	color:#343434;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background: #ffffff url(/img/bg.gif) repeat-x top;
}

/*************** blocks  ********************/
.displaynone{display:none; height:auto;}
#constrain{margin:auto;width:960px;height:auto; text-align:left;display:block;}
.cntcontainer{width:960px; height:400px; min-height:400px;display:block;position:relative; background: transparent url(/img/content_bg.gif) repeat-y;  }

html>body .cntcontainer{height:auto;}

#hdr{width:960px; height:120px; display:block;position:relative; background: transparent url(/img/hdr_bg.gif) no-repeat bottom;}
.logo{position:relative;width:168px; height:51px;padding:0;margin:0; top:20px; left:40px;}
#hdr .logo h3{margin:0;padding:0;}
#hdr .logo h3 a { display:block; width:168px; height:51px; background:url('/img/logo.gif') no-repeat ; overflow:hidden; text-indent:-3000px;  margin:0px 0 0 0;} 




#hdrmenu{width:910px;height:29px;display:block; position:absolute; left:25px; top:-29px;  }
#login #hdrmenu{width:910px;height:29px;display:block; position:absolute; background:#FFF; left:25px; top:-28px;  }



#links{width:300px;height:70px;display:block; position:absolute;  right:24px; top:-115px; font-size:13px; color:#FFF; padding:10px 30px 0 0; background:url(/img/logi.gif) no-repeat right; font-family:Times New Roman;}
#links a{color:#FFF;}

/*************** panels  ********************/

#front .panel1{float:left; width:670px;  min-height:350px; margin-left:250px; margin-top:22px;  padding:0px 0px 10px 0px;  }
#front .panel2{float:left;width:212px; min-height:350px; margin-left:-895px;  margin-top:22px; padding-bottom:10px; }
#front .andlat{margin-top:0px;}
* html #front .panel1{display:inline; height:350px;}


#subpage .panel1{float:left; width:675px;  min-height:350px; margin-left:251px; margin-top:22px;  padding:0px 0px 10px 0px; }
#subpage .panel2{float:left;width:212px; min-height:350px; margin-left:-901px; padding-bottom:10px;}
* html #subpage .panel1{display:inline; height:350px;}

#person .panel1{float:left; width:687px;  min-height:350px; margin-left:250px; margin-top:22px;  padding:0px 0px 10px 0px; }
#person .panel2{float:left;width:212px; min-height:350px; margin-left:-912px;  margin-top:0px; padding-bottom:10px; }
* html #person .panel1{display:inline; height:350px;}


#overview .panel1{float:left; width:470px;  min-height:350px; margin-left:250px; margin-top:22px;  padding:0px 0px 10px 0px;}
#overview .panel2{float:left;width:212px; min-height:350px; margin-left:-911px;  margin-top:0px; padding-bottom:10px;}
#overview .panel3{float:left;width:212px; min-height:350px; margin-left:4px;  margin-top:0px; padding-bottom:10px; }
* html #overview .panel1{display:inline; height:350px;}



#front .panel1 .main_content{float:left; width:670px;  min-height:100px; background:#FFF; margin:0 0 5px ;}
html> body #front .main_content{height:auto;}
/*************** list  ********************/
#front .panel1 .col1{float:left;width:328px; min-height:30px; }
#front .panel1 .col2{float:left;width:328px; min-height:30px; margin-left:14px; }
* html #front .col1{display:inline; height:350px;}
* html #subpage .col1{display:inline; height:350px;}
* html #person .col1{display:inline; height:350px;}
#front .col1 h3,#front .col2 h3{float:left; width:323px; height:21px; background: transparent url(/img/list_hdr.gif) no-repeat; font-size:14px; padding:0 0 0 5px;margin-bottom:10px;}
#front .col1 h3 a,#front .col2 h3 a{color:#2a3c69;font-size:14px;}
#front .col1 .item,#front .col2 .item,#person .col1 .item,#person .col2 .item{padding:0 0 0 5px;}
#front .col1 h4 a,#front .col2 h4 a,#person .col1 h4 a,#person .col2 h4 a{ font-size:13px; color:#035092;}
#front .col1 .item img,#front  .col2 .item img,#person .col1 .item  img,#person .col2 .item img{float:right; width:80px; padding:0 0 0 10px;}
#front .col1 .itm_date,#front .col2 .itm_date,#person .col1 .itm_date,#person .col2 .itm_date{display:block; color:#676767; padding:0 0 3px 0;}
#front .panel1 .listSep{width:328px; height:10px; margin:5px 0 5px 0; background:transparent url(/img/sep.gif) no-repeat; clear:both; }

#front .panel2 .item p{display:none;}
/*************** person  ********************/
#person  .main_content{float:left;width:682px; height:100px; min-height:100px;  margin:0 0 5px 0 ; padding:0 0px 10px 0 ;}
#person  .main_content img{float:left;padding:0 10px 10px 0px; width:125px;}
#person  .main_content h5{ display:inline-block; width:320px;   border-bottom: 1px #ededed solid; padding-bottom:5px; margin-bottom:5px;font-size:11px;}
#person  .main_content h2{color:#253a6b; font-size:13px;}
#person .panel1 .col2{float:left;width:328px; min-height:30px; margin-left:14px; }
#person .panel1 .col1{float:left;width:668px; min-height:30px; }
#person .panel1 .listSep{width:687px; height:20px; margin:5px 0 5px 0; background:transparent url(/img/main_cnt_sep.gif) no-repeat; clear:both; }
#person .col1 h3,#person .col2 h3{float:left; width:668px; height:26px; background: transparent url(/img/personList_hdr.gif) repeat-x; font-size:17px; padding:0 0 0 5px;margin:20px 0 15px 0 ;font-weight:lighter;}

#person .col1 h3 a {clear:both;display:block; width:668px; height:15px;  cursor:pointer;}
#person .col1 h3 a b {float:left; font-size:17px; color:#283b66; font-weight:lighter;}
#person .col1 h3 a span{float:right;}

#person .readLinks  ul{list-style:none; padding:0; margin:0;}
#person .readLinks  li{display:block; border-bottom:0px #c7ccd8 solid;  background: url(/img/box_or.gif) no-repeat 8px 3px; padding:0px 0 0px 26px; }

#person .readLinks a img{width:60px; float:left; margin:0 0 0 4px; padding:0; border:1px silver solid;}

#person .item a{float:left;display:block; width:668px; height:15px; }
#person .item a h4 {float:left; cursor:pointer;}
#person .item a span{float:right; cursor:pointer;}

.grein_closed{display:none;}
.grein_open{float:left; width:668px; padding:10px 0 0 0; border-top: 1px #ccc solid;}



.show_notify{position:absolute; background: transparent url(/img/popup_bg.png) no-repeat; width:294px; height:170px; left:380px; top:100px; padding:5px 15px 5px 10px ;}
.show_notify h4{width:292px;font-size:13px; border-bottom:1px silver solid;height:20px; padding-right:3px;}
.show_notify h4 span{float:left;}
.show_notify h4 a{float:right;display:block; height:13px; width:13px;  border:0;  cursor:pointer; margin:2px 0 0 0; background: url(/img/close.gif) no-repeat 0 0; text-indent:-3000px; overflow:hidden;}
.show_notify h4 a:hover{background: url(/img/close.gif) no-repeat 0 -13px;}
.sendform{float:left;  padding:10px; width:270px; border:1px #CCCCCC solid;}
.sendform .form_field{float:left; width:270px; height:20px; padding:3px 0 3px 0 ; margin:0;}
.sendform .form_field label{float:left; width:50px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.sendform .form_field input{float:left;width:210px; height:18px; border:1px silver solid;}
.sendform  .formBtn{float:right;display:block; height:22px; width:auto;  border:0;  cursor:pointer; margin:5px 0 0 0; background: url(/img/btn_bg.gif) repeat-x; color:#fff; font-weight:bold;}
.hide_notify{display:none;}
/*************** overview  ********************/

#overview .item{float:left; width:460px; min-height:30px;  margin:0 0 5px 0 ; padding:0 0 0 0 ;}
#overview .item img{float:left;padding:0 10px 3px 0px; width:75px;}
#overview .item .itm_date{display:inline-block;  width:375px;   border-bottom: 1px #ededed solid; padding-bottom:5px; margin-bottom:5px;}
#overview .item h2{color:#253a6b; font-size:13px;}
#overview .listSep{width:460px; height:10px; margin:5px 0 5px 0; background:transparent url(/img/list_sep.gif) no-repeat; clear:both;}
#overview h4 span{float:right; font-size:11px; font-weight:normal; color:#CCC;}
#overview h4 a{float:left;}

.kvedja img{margin:0 5px 0 0;}
#overview .kvedja .itm_date{width:436px}

html>body #constrain .main_content{height:auto;}
.options{float:right;width:204px; height:auto; padding:0 0 15px 15px;}
.readLinks{float:left; width:204px;padding:5px 0 0 0px;}

.page_bottom{display:block;height:25px;  width:960px;background:transparent url(/img/footer_bg.gif) no-repeat; margin:0;font-size:0;}
.leftContent{padding:0px 0px 0 9px;}
.leftContent h3{font-size:13px;  background: url(/img/box_or.gif) no-repeat 0px 3px; padding:0 0 0 10px; }

.left_box{float:left;width:193px; background:#f9fafc; padding: 0 4px 4px 4px ; margin:0 0 10px 0; color:#2a3c69; font-size:14px; border:1px #dcdfe6 solid;}
.left_box ul{list-style:none; padding:0; margin:0;}
.left_box li{display:block; border-bottom:1px #c7ccd8 solid; min-height:14px; background: url(/img/box_or.gif) no-repeat 8px 8px; padding:4px 0 5px 26px; }
#constrain .left_box a{color:#2a3c69; font-size:13px;font-weight:bold;}

/*************** subpage  ********************/
#subpage .panel1 .col1{float:left;width:406px; min-height:30px; }
#subpage .panel1 .col2{float:left;width:250px; min-height:30px; margin-left:14px; }
* html #subpage .col1{display:inline; height:350px;}


#submenu{width:212px;  background:transparent url(/img/submenu_top.gif) no-repeat top; padding:4px 0 27px 0px;  }
#submenu h3{color:#253a6b; font-size:16px; padding:3px 0 0 12px;}

.bread{width:696px;height:15px;display:block; position:absolute;  left:239px;top:7px; color:#7b7b7b; border-bottom:1px #dcdcdc solid;  }
#subpage .bread a{color:#7b7b7b; font-size:11px;}
#subpage .tools{width:180px;height:15px;display:block; position:absolute;  right:0px;top:0px; }

/**samudarskeyti**/
#subpage .col2 .thumbs ul{list-style:none; margin:0; padding:0;}
#subpage .col2 .thumbs li{margin-bottom: 3px; display:inline;}
#subpage .col2 .thumbs a img{border:1px silver solid;}
#subpage .col2 .thumbs a:hover img{border:1px red solid;}
#subpage .col2 .thumbs img{width:100px; cursor:pointer;}
#subpage .mailform .bigPhoto img {width:375px;}


 .footer{width:960px; min-height:20px; height:auto; display:block; margin:0; padding:0px 0 0 0px;text-align:center; }
 .footer a{color:#939393;}
 
/**mailform**/
.mailform{float:left;  padding:10px; width:380px; border:1px #CCCCCC solid;}
.mailform .form_field{float:left; width:380px; height:20px; padding:3px 0 3px 0 ; margin:0;}
.mailform .form_field label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_field input{float:left;width:275px; height:18px; border:1px silver solid;}
.mailform .form_field span{float:left;}
#constrain .maxwidth input{width:376px;}
.mailform .form_date{float:left; width:380px; height:20px; padding:3px 0 3px 0 ; margin:0;}
.mailform .form_date label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_date input{float:left;width:100px; height:18px; border:1px silver solid;}
.mailform .form_date img{display:inline;}
.mailform .form_date a{display:inline;}
#constrain .mailform .form_date span{float:left; width:1px;}
.mailform .form_txtArea{float:left;width:380px;min-height:10px; padding:3px 0 3px 0 ;}
.mailform .form_txtArea label{float:left; text-align:right; width:95px; height:40px; display:block;padding:0 5px 5px 0;}
.mailform .form_txtArea textarea{width:374px; height:80px;border:1px silver solid; overflow-y:auto; overflow-x:hidden;}
#constrain .hight300 textarea{height:300px;}
#constrain .hight350 textarea{height:350px;}
#constrain .height30 textarea{height:30px;}

.mailform  .formBtn{float:right;display:block; height:22px; width:auto;  border:0;  cursor:pointer; margin:5px 0 0 0; background: url(/img/btn_bg.gif) repeat-x; color:#fff; font-weight:bold;}
#constrain .forsk{margin-right:5px;}

.warningTxt{ color:Red;}
.mailform  .invalid input,.mailform .invalid textarea{border:1px Red solid;}
.mailform h4{padding:10px 0 0 0;}

.belt_hdr{clear:both;padding:3px 0 0 5px;	margin:0 0 5px 0;	font-size:14px;	font-weight:bold;	border-bottom:1px silver solid;}
.belt_hdr img{float:right; border:0;padding:4px 10px 0 0;}
#constrain .belt_hdr a{ display:block; font-size:14px;}
 .belt_hdr a:hover{ display:block; background:#f8f8f8;}

.hideelement {float:left;	height:0px;	display:none;}
.info_container{float:left;width:675px;min-height:0px;padding:0;	min-height:50px;}
html>body .info_container{	height:auto;}
.loading{padding:5px;}

/**search**/
.searchBox{float:left;width:180px;min-height:20px; display:block; padding:5px 10px 10px 11px; background: #f9fafc url(/img/search_bg.gif) no-repeat bottom; border:1px #dee1e7 solid ; color:#344d71;}
.search_txt_box{float:left;width:159px; height:17px;   border:1px #b6b6b6 solid;  color:#001e44; margin:3px 0 0 0; padding:1px 0 0 3px;}
.search_btn{float:left; height:15px; width:15px;display:block; background: transparent url(/img/search_btn.gif) no-repeat ;border:0; text-indent:-3000px; overflow:hidden; margin:5px 0 0 0;padding: 0;cursor:pointer; }


/**** 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;}


/**** FAQ ******/
.faq{}
.open{height:auto; padding:5px 0 5px 0;}
.closed{display:none;}
.faqsep{border-bottom: 1px #dcdcdc solid; margin:5px 0 5px 0; }


/****** News **********/
.news{}
.news ul {list-style:none; margin:0; padding:0;}
.news li {border-bottom: 1px #cfcfcf solid; padding:10px 0 10px 0;}
.news h3{border-bottom:1px #283b66 solid;}
.news li span{color:#6f6f6f; display:block; background: url(/img/date_icon.gif) no-repeat 0px 2px ; padding:0 0 5px 12px; font-size:11px;}
#front .news li a,#subpage .news li a,#columns2 .news li a,#columns3 .news li a{color:#5279b0; font-size:13px;font-weight:bold;}
.artdate{color:#6f6f6f; display:block; font-size:10px;	}
.artheader{	padding: 0 0 0 5px;	margin:0 0 3px 0;	line-height:13px;}
.separator{	border-bottom:1px #c4c4c4 solid;	margin:5px 0 5px 0;}

/****** misc **********/
.clear{display:block; height:auto;}
.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  {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #5279b0; text-decoration: none}
a:visited {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color : #5279b0;   text-decoration: none}
a:active {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color : #5279b0; }
a:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color : #5279b0;  text-decoration: underline}
a:focus{outline:none;}

h1,h2,h3,h4,h5 {font-family: Verdana, Helvetica, sans-serif;color: #283b66; line-height:1.1em; margin:0 0 0.3em 0;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:12px;}
	
hr {background : #e0e0e0;	color: #e0e0e0 ;	height: 1px;}
form, blockquote,img {	margin:0; padding:0; }
p	{margin-top: 0em;padding: 0px 0px 0px 0px;margin-bottom: 0em; }


.facebook-link {
	clear: left;
	padding: 20px 0 0 25px;
}


/*

#front .col1 {
	background: red;
	
	overflow: hidden;
}
#front .panel1 .col2 {
	
	background: blue;
	
	width: 100px;
	
	overflow: hidden;
}

*/























