﻿
@import url(navigation.css);
body {margin:0px 0px 10px 0px;	text-align:center;
 	padding:0px;
	color:#343434;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #ffffff;
}

/*************** blocks  ********************/
.displaynone{display:none; height:auto;}
#constrain{margin:auto;width:960px;height:auto; text-align:left;display:block;padding:0; border-left:1px #adadad solid;border-right:1px #adadad solid;border-bottom:1px #adadad solid;background: transparent url(/img/bg.gif) repeat-y; }
.cntcontainer{width:960px; min-height:350px;display:block;position:relative; margin:0; padding:0; z-index:0;  }

html>body .cntcontainer{min-height:780px;}

#hdr{width:960px; height:100px; display:block; position:relative; border-bottom: 4px #a61e2d solid; background:#fff url(/img/hdr_bg.gif) no-repeat;}
.logo{position:relative;width:170px; height:100px;padding:0;margin:0; top:0px; left:0px;}
#hdr .logo h3{margin:0;padding:0;}
#hdr .logo h3 a { display:block; width:170px; height:100px; background:url('/img/logo.gif') no-repeat ; overflow:hidden; text-indent:-3000px;  margin:0px 0 0 0;} 



#hdrmenu{width:860px;height:28px;display:block; position:absolute; left:0px; top:-28px; margin:0; padding:0; background: transparent url(/img/nav/menu_bakgr.gif) repeat-x; }
#login #hdrmenu{width:910px;height:29px;display:block; position:absolute; background:#FFF; left:25px; top:-28px;}

#searchBox{width:240px;height:23px; display:block; position:absolute; right:3px; top:-102px;margin:0; padding:0; }
#links {width:500px;height:13px;display:block; position:absolute;  right:250px; top:-100px; text-align:right; color:#a81e2e;margin:0; padding:0; }
#links a{color:#221e1f; padding:0;margin:0 15px 0 15px;}
* html #links a{display:inline;}

#front .panel1{float:left; width:590px; height:320px;min-height:320px; margin: 0 0 0px 170px;  padding:0 15px 0px 15px;   }
#front .panel2{float:left; width:170px; height:350px; min-height:350px; margin:0 0 0 -790px;  padding:0 0 10px 0;  }
#front .panel3{float:right; width:169px; height:350px; min-height:349px; margin:0 0 0 0px;  padding:1px 0 10px 1px; clear: none;  }
* html #front .panel1{display:inline; height:320px;}
html>body  #sub .panel0,#front .panel1,#front .panel2,#front .panel3{height:auto;}

#sub .panel1{float:left; width:590px; height:320px;min-height:320px; margin: 0 0 0px 170px;  padding:0 15px 10px 15px;   }
#sub .panel2{float:left; width:170px; height:350px; min-height:350px; margin:0 0 0 -790px;  padding:0 0 10px 0;  }
#sub .panel3{float:left; width:169px; height:350px; min-height:349px; margin:0 0 0 0px;  padding:1px 0 10px 1px;  }
* html #sub .panel1{display:inline; height:320px;}
html>body  #sub .panel0, #sub .panel1,#sub .panel2,#sub .panel3{height:auto;}

.shortcuts ul{list-style:none;margin:0; padding:0;}
.shortcuts li a{display:block;width:168px;height:30px;text-indent:-3000px;overflow:hidden;margin:0 0 2px 0;}
.shortcuts .li1{background: transparent url(/img/btn_murkerfi.gif) no-repeat 0 0;}
.shortcuts .li2{background: transparent url(/img/btn_hitalagnir.gif) no-repeat 0 0;}
.shortcuts .li3{background: transparent url(/img/btn_mynstursteypa.gif) no-repeat 0 0;}
.shortcuts .li4{background: transparent url(/img/btn_hellulogn.gif) no-repeat 0 0;}
.shortcuts .li4{background: transparent url(/img/btn_golflausnir.gif) no-repeat 0 0;}

#front .contentPhoto{width:590px; height:270px; margin:0px 0 0px 0; padding:0px 0px 0 0px; }
.contentPhoto{width:590px; height:130px; margin:0px 0 0px 0; padding:10px 0px 0 0px; }
.pageTitle{height:20px;line-height:20px; font-size:16px;border-bottom:1px #8c8c8c solid;}

.boxContainer{width:590px;padding:10px 0 0 0;}
.boxContainer ul{list-style:none; padding:0 5px 0 5px; margin:0;}
.boxContainer li{float:left; padding:0 5px 0 5px;}

.infoBox{float:right; width:235px;  margin:0 0 0 10px; padding:0 0px 0px 0px;}
.infoBox img{margin:0; padding:0; clear:both;}
* html .infoBox{display:inline;}

#login .panel1{float:left; width:250px; min-height:350px;  margin:100px 0 0px 370px;  }
* html #login .panel1{display:inline; height:350px;}




#submenu{width:170px;   padding:0px 0 0px 0px; border-top:1px #fff solid; }
#submenu h3{color:#283b66; font-size:16px; padding:3px 0 0 12px;margin:0;}




#bread{width:590px;height:17px;display:block; position:absolute;  left:185px;top:125px; color:#7b7b7b; font-size:11px;  }
#bread h3{height:23px;  padding:7px 0 0 10px; color:#FFF; font-size:14px;}
#bread a{color:#a81e2e; font-size:11px;}
#bread .tools{width:180px;height:20px;display:block; position:absolute;  right:0px;top:0px; }
.sendasidu{padding:0 20px 0 0; background: url(/img/sendasidu.gif) no-repeat right 0; line-height:17px; margin-right:15px; }
.prenta{padding:0 20px 0 0; background: url(/img/print.gif) no-repeat right 0;line-height:17px;}


.pdf{display:block; width:166px; border:1px #a9a9a9 solid; height:auto; min-height:52px; background:url(/img/pdf_bak.gif) no-repeat bottom; margin:5px 0 5px 0;}
.pdf img{width:30px; float:left; padding:1px 5px 1px 5px;}

 .footer{width:620px; min-height:30px; height:30px; display:block; margin:0px 0 0 170px ; z-index:500; padding:0px 0 0 0px;text-align:left;  background:#434345; color:#fff; clear: both; }
 .footer ul{list-style:none;padding:0; margin:0; }
 .footer li{display:block; float:left; padding:0 25px 0 10px; border-left: 1px #fff solid;margin-left:-1px;}
 .footer li a{color:#fff;}
 
/**mailform**/
.mailform{float:left; width:400px; padding:10px; border:1px #CCCCCC solid;}
.mailform .form_field{float:left;width:400px; height:20px; min-height:20px; padding:3px 0 3px 0 ;}
html>body .mailform .form_field{height:auto;}
.mailform .form_field label{float:left; width:95px;  height:20px; line-height:20px; min-height:20px;text-align:right; padding:0 5px 5px 0; display:block;}
html>body .mailform .form_field label{height:auto;}
.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_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  .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{float:left; color:Red;}
.mailform  .invalid input,.mailform .invalid textarea{border:1px Red solid;}
.mailform .radPanel{float:left;}
.loading{padding:5px;}

/**search**/
.searchdiv{float:left; height:18px; line-height:16px; width:200px;  margin:0; padding:0px 0px 0 0px; background:transparent url(/img/search_div.gif) no-repeat 0 1px;}
.search_txt_box{float:left;width:106px; height:16px; background:transparent none; border:0;  color:#001e44; margin:0px 0 0 0; padding:2px 0 0 3px; font-size:11px;}

.search_btn{
	float:left;
	height:14px;
	width:42px;
	display:block;
	background: transparent url(/img/search_btn.gif) no-repeat;
	border:0px;
	text-indent:-9000px;
	margin:2px 0 0 0;
	padding: 0;
	cursor:pointer;
	color:#a3a3a3;
}

.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; }
.searchResults  ul{list-style:none; margin:0; padding:0;}
.searchResults  li {clear:both;border-bottom: 1px #a4a4a4 dotted; padding:10px 0 10px 0;}
.searchResults  h4{color:#023f99; font-size:13px;}
/**** 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{list-style:none; margin:0; padding:0; color:#555555;}
.news  ul{list-style:none; margin:0; padding:0;}
.news  li {clear:both;border-bottom: 1px #a4a4a4 dotted; padding:10px 0 10px 0;}
.news  h4{color:#023f99; font-size:13px;}
.news  li span{color:#555555; display:block;  padding:0 0 2px 0px; font-size:11px;}
.video a{ width:14px; height:16px; background: transparent url(/img/video_icon.gif) no-repeat; display:block; overflow:hidden; text-indent:-3000px; }
#front .col1 li a,#subpage .news li a,#columns2 .news li a,#columns3 .news li a{color:#5279b0; font-size:13px;font-weight:bold;}

.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;}

/******* Calendar ********/
.calendar{float:left; background:#f6f6f6;width:197px;display:block;}
#constrain .calendar h3  a{display:block;  background:#fff url(/img/eventIcon.gif) no-repeat;display:block;height:35px; color:#555555; font-size:14px;line-height:35px; font-weight:normal;padding:0 0 0 44px; border-bottom:1px #a4a4a4 dotted; margin-top:1px; }
#constrain .calendar h3 a:hover{background-color:#eaeaea;cursor:pointer;}
#constrain .calendar  a{cursor: default;}
#constrain .radCalHover_Default a{cursor:pointer;}
.datePicker{float:left; width:196px; min-height:100px; height:auto; margin:0; padding:0 0 8px 1px; }
.calendarSub .datePicker{width:170px; background:none;}
.calendarSub table{width:160px;}


/****** 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: 11px; color: #a81e2e; text-decoration: none}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color : #a81e2e;   text-decoration: none}
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color : #a81e2e; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color : #a81e2e;  text-decoration: underline}
a:focus{outline:none;}

h1,h2,h3,h4,h5 {font-family: Arial, Helvetica, sans-serif;color: #444346; 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;}
div,form, blockquote,img {	margin:0; padding:0; }
p	{margin-top: 0em;padding: 0px 0px 0px 0px;margin-bottom: 0em; }
.red {color:#AA112C;}

#sidebarsolu span.red {color:#AA112C; font-size:14px; margin-top:12px; text-decoration:underline;}

a.big {
	font-size: 22px;
	font-weight: bold;
}
#banner {
	position: relative;
}
	#banner a.bannerlink {
		height: 175px;
		width: 292px;
	}
	
	
/* Forms */

.form.container {
	width: 350px;
	margin: 20px auto;
}
.form.title {

}

.form {
	margin: 0 0 12px 0;
	padding: 0;
}
	.form label {
		display: block;
		margin: 0 0 2px 0px;		
		color: #666;
	}

.form.txt {
	position: relative;
	padding: 0;
}
	.form.txt label {
		margin: 0 0 2px 0;
	}
	.form.txt input,
	.form.txt textarea
	{
		margin: 0;
		padding: 4px;
		width: 340px;
		border: 1px solid #ccc;
	}
	.form.txt textarea {
		height: 100px;
	}
	.form.txt span {
		position: absolute;
		right: 0px;
	}
	
.form.calendar {
	
}	
	.form.calendar input {
		margin: 0 0 0 0;
		padding: 4px;
		
		width: 60px;
		
		border: 1px solid #ccc;
	}
	.form.calendar img {
		margin-left: 15px;
	}

.form.btn {
	text-align: right;
}
	.form.btn input {
		margin: 0;
		padding: 5px 15px;
		cursor: pointer;
		font-size: 12px;
		color: #555;
		border: 0;
		background: #eaeaea;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
		.form.btn input:hover {
			background: #c1c1c1;
		}	
