﻿
@import url(navigation.css);
body {
	margin:0px 0px 1px 0px;
 	text-align:center;
 	padding:0px;
	color:#616161;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff none;
}

/*************** blocks  ********************/
.displaynone{display:none; height:auto;}
#constrain{margin:auto;width:980px;height:auto; text-align:left;display:block;}
.cntcontainer{width:983px; height:400px; min-height:400px;display:block;position:relative;  }

html>body .cntcontainer{height:auto;}

#hdr{width:980px; height:150px; display:block;position:relative;   }
.logo{position:relative;width:99px; height:60px;padding:0;margin:0; top:30px; left:0px; }
#hdr .logo h3{margin:0;padding:0;}
#hdr .logo h3 a { display:block; width:99px; height:60px; background:url('/img/Logo.gif') no-repeat ; overflow:hidden; text-indent:-3000px;  margin:0px 0 0 0;} 





#hdrmenu{width:970px;height:27px;display:block; position:absolute; left:0px; top:-27px; background: transparent url(/img/nav/menu_bakgr.gif) repeat-x; padding-left:10px; }

#searchBox{width:185px;height:23px; display:block; position:absolute; right:3px; top:-135px;   }
#links{width:260px;height:23px;display:block; position:absolute;  right:220px;  top:-135px; text-align:right; color:#a3a3a3;  }
#links a{color:#a3a3a3;}
#banner{width:600px;height:81px;display:block; position:absolute; text-align:right;  right:3px;top:-108px;    }

.page_bottom{display:block;height:5px;  width:980px;background:transparent url(/img/page_bottom.gif) no-repeat; margin:0;font-size:0;}






#front .panel1{float:left; width:770px;  min-height:350px; margin-left:210px; margin-top:20px; padding:20px 0 10px 0; }
#front .panel2{float:left;width:190px; min-height:350px; margin-left:-980px; margin-top:20px;  }
* html #front .panel1{display:inline; height:150px;}

#front .submenuBottom{width:190px; height:11px; background:transparent url(/img/submenu_bottom.gif) no-repeat; padding:0;margin-bottom:15px;}




#subpage .panel1{float:left; width:560px;  min-height:350px; margin-left:210px; margin-top:20px; padding:0px 0 10px 0; }
#subpage .panel2{float:left;width:190px; min-height:350px; margin-left:-980px; margin-top:20px; }
#subpage .panel3{float:left;width:190px; min-height:350px; margin-left:20px; margin-top:20px; }
* html #subpage .panel1{display:inline; height:350px;}

#submenu{width:190px;  background:transparent url(/img/submenu_top.gif) no-repeat top; padding:0px 0 0 0px;  }
#subpage #submenu h3{display:block; height:20px; width:185px; color:#fff; font-size:15px; padding:5px 0 0 5px; margin:0;}
#subpage .submenuBottom{width:190px; height:19px; background:transparent url(/img/submenu_bottom.gif) no-repeat; padding:0;margin-bottom:15px;}


#subpage .bread{width:560px;height:15px;display:block; position:absolute;  left:0px;top:2px; color:#7b7b7b;  }
#subpage .bread a{color:#7b7b7b; font-size:11px;}
#subpage .tools{width:200px;height:15px;display:block; position:absolute;  right:0px;top:0px; }




html>body .container{height:auto;}	

/**** quick links ***/
.quiclinks{float:left; width:190px; background: #FFF url(/img/qjick_bak.gif) repeat-y; margin-bottom:10px;}
.quiclinks h3{display:block; height:20px; width:175px; color:#fff; font-size:14px; padding:5px 0 0 15px;margin:0;}
.quiclinks .quickBottom{display:block; height:20px; width:190px; }
.panel2 .quiclinks h3{background: transparent url(/img/quick_left.gif) no-repeat; }
.panel3 .quiclinks h3{background: transparent url(/img/quick_right.gif) no-repeat; }
.panel2 .quiclinks .quickBottom{background: transparent url(/img/quick_bottom_left.gif) no-repeat; }
.panel3 .quiclinks .quickBottom{background: transparent url(/img/quick_bottom_right.gif) no-repeat; }
.quiclinks ul{list-style:none;margin:0; padding:0;}
.quiclinks li{display:block; border-bottom:1px #c0c0c0 dotted; width:188px; height:24px; min-height:24px; padding:0 1px 0 1px; margin:0;}
#constrain .quiclinks a{display:block; color:#8b8ba7;width:166px; height:21px;  min-height:20px; padding:3px 0 0 22px;background:url(/img/quick_link.gif) no-repeat 7px 8px;}
html>body #constrain .quiclinks a,#constrain .quiclinks li{height:auto;}
#constrain .quiclinks a:hover{ color:#ff3300; background:#f0f0f5 url(/img/quick_link_over.gif) no-repeat 7px 8px;}







/**mailform**/
.mailform{float:left; width:400px; padding:10px; border:1px #CCCCCC solid;}
.mailform .form_field{float:left;width:400px; height:20px; padding:3px 0 3px 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{width:200px; height:18px; border:1px silver solid;}

.mailform .form_txtArea{float:left;width:400px;min-height:50px; 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:290px; height:80px;border:1px silver solid;}

.mailform .form_label{clear:both;width:400px; height:20px; padding:3px 0 3px 0 ; margin:5px 0 0 0; border-bottom: 1px silver solid; font-size:14px; font-weight:bold;}

.mailform .form_zip{float:left;width:400px; height:20px; padding:3px 0 3px 0 ;}
.mailform .form_zip label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_zip select{width:200px; height:20px; border:1px silver solid;}

.mailform .form_calendar{float:left;width:400px;  padding:3px 0 3px 0 ;}
.mailform .form_calendar label{float:left; width:95px;  height:12px; line-height:12px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_calendar input{float:left; width:200px; height:18px; border:1px silver solid;margin:0;}
.mailform  .form_calendar button{float:left;display:block; height:13px; width:13px; overflow:hidden; background: transparent url(/Modules/MailForm/Fields/CalendarFiles/calendar.gif) no-repeat right; border:0; text-indent:-3000px; cursor:pointer; margin-left:2px;}


.mailform .form_drop{float:left;width:400px; height:23px; padding:3px 0 3px 0 ;}
.mailform .form_drop label{float:left; width:95px;  height:12px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_drop select{float:left;width:200px; height:21px; border:1px silver solid;margin:0;padding:0;}

.mailform .formRadio{float:left;width:400px; height:23px; min-height:23px; padding:3px 0 3px 0 ;}
.mailform .formRadio label{float:left; width:95px;  height:12px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .radios{float:left;width:200px;}
.mailform .formRadio span{display:block; height:18px; width:200px;float:right;}
html>body .mailform .formRadio{height:auto;}

.mailform .form_check{float:left;width:400px; height:20px; min-height:20px; padding:3px 0 3px 0 ;}
html>body .mailform .form_check{height:auto;}
.mailform .form_check label{float:left; width:370px;  line-height:20px; text-align:left; padding:0 5px 0px 0; display:block;}
.mailform .form_check input{float:left;width:15px; height:18px; border:0px silver solid;}
.mailform .form_check span{color:#555555; font-size:10px;}

.mailform .form_btn_div{clear:both; width:400px;}
.mailform  .formBtn, #mailReg  .searchBtn{float:right;display:block; height:22px; width:82px; overflow:hidden;  color:#555555; background: #eaeaea ; border:1px #a4a4a4 solid; text-indent:0px; cursor:pointer;}
#mailReg  .searchBtn{float:left ;display:block; height:22px; width:82px; overflow:hidden;  color:#555555; background: #eaeaea ; border:1px #a4a4a4 solid; text-indent:0px; cursor:pointer;}
#subpage .panel1 #mailReg{width:300px;}
#mailReg .form_field{ float:left; width:160px;}

.warningTxt{clear:both; color:Red; }
.mailform  .invalid input,.mailform .invalid textarea{border:1px Red solid;}
.mailform .radPanel{float:left;}
.loading{padding:5px;}

/**search**/
.searchdiv{float:left; height:20px; line-height:20px; width:200px;  margin:0; padding:0px 0px 0 0px; }
.search_txt_box{float:left;width:120px; height:15px; background:#FFF none; border:1px #dadada solid;  color:#001e44; margin:0 0 0 0; padding:0px 0 0 3px;}
.search_btn{float:right; height:16px; width:48px;display:block; background: transparent url(/img/search_btn.gif) no-repeat ;border:0; text-indent:0; margin:0px 0 0 0;padding:0px 0 0 0;cursor:pointer; color:#a3a3a3;}
.panel1 .searchdiv{display:block;width:200px; height:20px; padding-bottom:5px;margin-bottom:10px; }
.panel1 .search_btn{float:left;}


.leftContent{padding:0px 3px 0 15px;}

/**varcalc**/
.varCalc{float:left; width:537px; padding:10px; border:1px #CCCCCC solid;}
.varCalc label{display:inline-block;width:60px; padding:0;height:20px;line-height:20px;}
.varCalc .small{display:inline-block;width:30px; padding:0;}
.varCalc input{display:inline-block; padding:0; margin:0;}
.varCalc .reikna {display:inline-block; background: transparent url(/img/reikna.gif) no-repeat 0 0; padding:0 0 0 25px;  line-height:20px; width:45px;}
.varCalc .hreinsa{display:inline-block; background: transparent url(/img/hreinsa.gif) no-repeat 0 0px; padding:0 0 0 0px; text-indent:-3000px; margin:0; line-height:20px;  width:20px; height:20px; overflow:hidden;}
.varCalc form{display:block;float:left;width:537px; margin:0; padding:0; height:30px; line-height:30px;}

#constrain .links a{float:right; line-height:19px;color:#636363;}



.tools ul{list-style:none;margin:0; padding:0;}
.tools li{float:right;}
.tools span{float:right; padding-right:10px;}
.tools li a {width:20px; height:13px; display:block; overflow:hidden; margin-right:2px; text-indent:-3000px;}
.tools li a{ background: transparent url(/img/minka.gif) no-repeat 0 0;}
.tools li.big  a{background: transparent url(/img/staekka.gif) no-repeat 0 0;}
.tools li.invert a{background: transparent url(/img/invert.gif) no-repeat 0 0;}
.norm a:hover ,.big a:hover ,.invert a:hover{background-position: 0 -13px;}
.tools span li{  padding:0 5px 0 5px;background: url(/img/top_link.gif) no-repeat right 7px;}
.tools span li a{width:auto; height:auto;  overflow:visible; margin-right:0; text-indent:0;background:none;color:#464646;}


 .footer{width:980px; height:auto; display:block;  padding:20px 0 0 0px;text-align:center; background: url(/img/footer.gif) no-repeat right top;}
 .footer a{color:#939393;}
/**** mail register******/



#mailReg .form_field input{margin-top:5px;width:176px;}
#mailReg input{width:176px; margin-top:5px; border:1px #a5acb2 solid;}
#mailReg  .invalid {border:1px Red solid;}
.confirm{border-top: 1px #a5acb2 solid; padding:5px 0 0 0; margin-top:5px;}
/**** User Login ******/

.userLogin{float:left;width:300px; height:22px; min-height:22px; border:1px #cccccc solid; padding:5px;background:#f6f6f6;}
html>body .userLogin{height:auto;}
#subpage .loginfield{float:left;display:block; height:20px;width:300px; margin:3px 0 0 0; }
#subpage .loginfield label{ float:left;display:block; height:16px; width: 100px; text-align:right; padding:2px 10px 0 0;}
#subpage .loginfield input{ float:left;height:20px; border:1px #cccccc solid;width: 180px;  padding:0 0px 0 0;}
#subpage .login_btn{float:right; height:16px; width:47px; display:block; background: transparent url(/img/afram.gif) no-repeat ;border:0; text-indent:-3000px; overflow:hidden;margin:8px 10px 0 0;padding: 0 ;cursor:pointer; color:#a3a3a3;}
*html #subpage  .login_btn{display:inline;}

.loginError{float:left;color:Red;width:720px; text-align:center; padding-top:5px;}

/**** 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 **********/

#sec3 .panel1 span{color:#6f6f6f; width:308px;display:block; padding-top:5px;}
#sec3 .panel1 a{color:#222222; }
.artdate{color:#6f6f6f; display:block; font-size:10px;	}
 .artheader{padding: 0 0 0 0px;	margin:0 0 5px 0;	line-height:13px; color:#616161; font-size:15px; font-weight:bold;display:block;}
#constrain .artheader a{	padding: 0 0 0 0px;	margin:0 0 5px 0;	line-height:13px; color:#3b4f87; font-size:15px; font-weight:bold;display:block;}
.separator{		margin:5px 0 5px 0; clear:both; background: url(/img/artsep.gif) repeat-x; height:5px;}
.entryimg{float:left; padding:0 5px 5px 0;}
.read{background: url(/img/more_link.gif) no-repeat left; padding-left:15px;}


/****** 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: Arial, Helvetica, sans-serif; font-size: 12px; color: #F57F21; text-decoration: none}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #F57F21;  text-decoration: none }
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #F57F21; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #F57F21;  text-decoration: underline}
a:focus{outline:none;}

h1,h2,h3,h4,h5 {font-family: Arial, Helvetica, sans-serif;color: #535353;		line-height:1.1em; margin:0 0 0.3em 0;}
h1 {font-size:20px; color:#3b4f87;}
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; }





