body {
	/*background: #305718;*/ /*#627A48; */
        background-color : #305718;
	background-image : url(../img/bgrad.png);
	background-position : top left;
	background-repeat : repeat-x;
	margin: 0 auto;
	font-size: 0.8em; /*13px;*/
	font-family: 'palatino linotype', 'trebuchet ms', 'times new roman';
	line-height:1.4em;
	color: black;
	font-weight: 500;
	width: 1000px;
}

/* Remove blue border around image - IE default */
/************************************************/
img {
	border-color: #627A48;
}

.intro {
	font-size: 14px;
}

.heading h1 {
	font-size: 2.4em;
	/*color: #fff;*/
	padding: 60px 20px 0 20px;
	margin: 0 auto;
	letter-spacing:-1px;
	font-weight:normal;
}

.heading h2 {
	font-size: 1.5em;
	color: #e4e4e4;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
	font-weight:normal;
}

.heading h3 {
	font-size: 1.2em;
	color: #e4e4e4;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
	font-weight:normal;
}

/* Small caps style */
/********************/

.heading h4 { 
	font-variant: small-caps ;
	font-size: 1.2em;
	color: #e4e4e4;
	margin: 0 auto;
	/*padding: 10px 20px 0 20px;*/
	font-weight:normal;
}

.h5 { 
	font-variant: small-caps;
	font-size: 1.2em;
}

em { font-style: oblique }

a:link, a:visited {
	color: #336600;
	text-decoration: none;
}

a:hover, a:active {
	color: #759041;
	text-decoration: underline;
}

.date {
	float: right;
	font-size: 11px;
	margin: 7px 0 0;
	font-style: italic;
}


/* Styles required for rounded corner flexible layout */
/******************************************************/

/* Regular layout */
/******************/

.page {
	background: transparent url(../img/page_bac.jpg) repeat;
	background: #627A48 url(../img/header_kk.jpg) top center no-repeat /**/;

}

/* "Natalia" layout */
/********************/

.page2 {

	background: transparent url(../img/page_bac.jpg) repeat;
	background: #627A48 url(../img/header_kn.jpg) top center no-repeat /**/;

}

.pageEng {
	background: transparent url(../img/page_bac.jpg) repeat;
	background: #627A48 url(../english/img/header_kk.jpg) top center no-repeat /**/;

}

.page2Eng {
	background: transparent url(../img/page_bac.jpg) repeat;
	background: #627A48 url(../english/img/header_kn.jpg) top center no-repeat /**/;

}


/* Big image layout */
/********************/

.pageImg {

	background: transparent url(../img/page_bac.jpg) repeat;
}

.pageTopWrapper {
	height: 100%;
	background: transparent url(../img/top_strip2.jpg) top left repeat-x;
}

.pageBottomWrapper {
	height: 100%;
	background: transparent url(../img/bottom_strip.jpg) bottom left repeat-x;
}

.pageRightWrapper {
	height: 100%;
	background: transparent url(../img/right_strip2.jpg) top right repeat-y;
}

.pageLeftWrapper {
	height: 100%;
	background: transparent url(../img/left_strip2.jpg) top left repeat-y;
}

.pageTopRightWrapper {
	height: 100%;
	background: transparent url(../img/top_right_bac2.jpg) top right no-repeat;
}

.pageTopLeftWrapper {
	height: 100%;
	background: transparent url(../img/top_left_bac2.jpg) top left no-repeat;
}

.pageTopRightWrapperN {
	height: 100%;
	background: transparent url(../img/top_right_bac3.jpg) top right no-repeat;
}

.pageTopLeftWrapperN {
	height: 100%;
	background: transparent url(../img/top_left_bac3.jpg) top left no-repeat;
}


.pageBottomLeftWrapper {
	height: 100%;
	background: transparent url(../img/bottom_left_bac.jpg) bottom left no-repeat;
}

.pageBottomRightWrapper {
	height: 100%;
	background: transparent url(../img/bottom_right_bac.jpg) bottom right no-repeat;
}

.pageContent {
	margin: 0px 13px 0 13px;
}

.mainPageContent {
	background: #e0dfda /*#e9e8e3;*/ /*#dddcd7;*/ /*#dedede;*/ /*#f1f1f1*/ url(../img/mag_tlo.jpg) top center no-repeat ; 
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
  	text-align: left; /*justify;*/
}

/* Only for Main page       */
/****************************/
.mainPageContentMain {
	background: #e0dfda url(../img/mag_tlo.jpg) top center no-repeat ; 
	/*height: 100%;*/
	height: 1550px;
  	text-align: left; /*justify;*/
}

/* "Listy" background image */
/****************************/

.mainPageContent2 {
	background: #f6f3e2 url(../img/list_tlo2.jpg) top center no-repeat ;
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Natalia background image */
/****************************/
.mainPageContent3 {
	background: #eeeeee url(../img/nat_tlo.jpg) top center no-repeat ; 
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Natalia background image */
/****************************/
.mainPageContent4 {
	background: #f7f7f7 url(../img/nat50_tlo.jpg) center center no-repeat ; 
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 950px;
	height:auto !important;
	height: 950px;
	text-align: left; /*justify;*/
}

/* Natalia background image */
/****************************/
.mainPageContent41 {
	background: #f7f7f7 url(../img/nat50_tlo.jpg) bottom center no-repeat ; 
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Krakow background image */
/***************************/
.mainPageContent5 {
	background: #f7f7f7 url(../img/kaczara_tlo.jpg) top center no-repeat ; 
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Krakow background image */
/***************************/
.mainPageContent51 {
	background: #ffffff /*#f0f0f0*/ url(../img/krakow_tlo.jpg) bottom center no-repeat ; 
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Wiersze background image */
/****************************/
.mainPageContent6 {
	background: /*#e3eef4*/ #ebecf0 /*#ecedef*/ /*#eeeff1*/ /*#f0f3fc */ url(../img/masl_tlo.jpg) top center no-repeat ;   
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Wit Stwosz background image */
/*******************************/
.mainPageContent7 {
	background: #ffffff url(../img/wstwosz_tlo.jpg) center center no-repeat ;   
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Bach background image */
/*************************/
.mainPageContent8 {
	background: #ffffff url(../img/bach_tlo.jpg) center center no-repeat ;   
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: left; /*justify;*/
}

/* Images page without background image */
/****************************************/
.mainPageContentImg {
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: justify;
	border-bottom: 1px solid #fff;
}

/* Images page with background image */
/*************************************/
.mainPageContentImg2 {
	height: 100%;
	background: #e0dfda; 
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 800px;
	height:auto !important;
	height: 800px;
	text-align: justify;
	border-bottom: 1px solid #fff;
}

/* Guest book */
/**************/
.mainPageContentBook {
	background: #e0dfda /*#e9e8e3;*/ /*#dddcd7;*/ /*#dedede;*/ /*#f1f1f1*/ url(../img/mag_tlo.jpg) top center no-repeat ; 
	height: 100%;
	/*The below hack works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2. IE7 supports min-height*/
	min-height: 1500px;
	height:auto !important;
	height: 1500px;
	text-align: justify;
	border-bottom: 1px solid #fff;
}

/* Start page with background image */
/************************************/
.mainPageContentStart {
	background: #cbc7c4 url(../img/kig1926_tlo.jpg) center center no-repeat ; 
	/*background: url(../img/kig1926_tlo2.jpg) center center repeat-x ; */
	height: 620px;
	text-align: justify;
}

.mainPageStart {
	width: 100%;
	height: 600px;
	text-align: center;
}

/* Header section */
/******************/

.heading {
	height: 128px;
	border-bottom: 1px solid #fff;
}

/* Top menu */
/************/

.menu {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.88em;
	background-color: #627A48;
	display: block;
	height: 25px;
	width: inherit; /*564px;*/
}

.menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;

}

.menu ul li {
	margin: 0;
	border: 0;
	padding: 0;
	padding-left: 6px;
	padding-right: 6px;
	display: inline;
	line-height: 25px;
	float: left;
	border-right: 1px solid #7FA540;
}

.menu ul li a:link, .menu ul li a:visited  {
	line-height: 25px;
	text-align: center;
	width: inhertit; /*140px;*/
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	background-color: #627A48;
}

.menu ul li a:hover, .menu ul li a:active  {
	color: #fff;
	text-align: center;
	width: auto; /*140px;*/
	display: block;
	line-height: 25px;
	text-decoration: none;
	font-weight: 500;
	background-color: #7FA540;
}

.imgbox {
	width:inherit; /*250px;*/
	height:330px;
	/*border:1px solid #77A13D;*/
	/*background:#f1f1f1;*/ /*#627A48;*/
	margin:5px;
	float:left;
	/*display:inline;*/
}

.imgbox_s {
	width:inherit; 
	height:inherit; /*140px;*/
	min-height:140px;
	margin:3px;
	/*margin-right: 10px;*/
	margin-bottom: 10px;
	float:left;
}

.imgbox_s a, .imgbox_s a:link, .imgbox_s a:visited {
	color: #627A48;
}

.imgbox_l {
	/*padding: 20px 20px 20px 20px;*/
	width:500px;
	height:800px;
	margin:15px;
	float:left;
	text-align: center;
}

.imgbox_cap {
	/*width:520px;*/
	height: 15px;
	text-align: center;
	font-family: arial;
	font-size: 0.9em;
	font-weight: 500;
}

.imgbox_cap a, .imgbox_cap a:link, .imgbox_cap a:visited {
	text-align: center;
	/*padding-left: 10px;
	padding-right: 10px;*/
	/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
}

.imgbox_cap a:hover {
	background-color: #7FA540;
}

/* Table containing image and caption at the bottom */
/****************************************************/

table.image {
	width: 1000px; /*100%;	*/
	background-color: #627A48;
}

tr.image {
	/*margin:15px;*/
	/*float:left;*/
}

.imageBox {
	border:10px solid #fff; 
	/*background-color: #fff;*/
	display: block;
    	margin-left: auto;
   	margin-right: auto;	
}

/* Two column layout */
/*********************/

.left {
	float:left;
	/*width: 14em;*/
	margin-right: 5px;
	padding-bottom: 20px;
}
	
.right {
	/*padding-left: 1em;*/
	padding-top: 1em;
	padding-right: 1em;
	margin-left: 18.5em;
 }
 
.center {
	float:left;
	width: 40em;
	margin-left:5em;
	margin-right:10px;
	padding-top: 1em;
	padding-bottom:20px;
}


.leftColumn {
	float: left;
	height: 100%;
	width: 60%;/* 410px*/;
	padding: 10px 10px 0 5px;
	margin: 0 0 0 0px;
}

* html #leftColumn {margin: 0 0 0 13px} 

.rightColumn {
	float: left;
	height: 100%;
	width: 37%; /*230px*/;
	padding: 10px 0 0 5px;
	margin: 0 0 0 0px;
}

.oneColumn {
	float: left;
	height: 100%;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 0 0 0px;
}

.leftColumn h5, .rightColumn h5, .oneColumn h5  {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 1.0em;
	border-bottom: 1px solid #627A48; /*#98A5AE;*/
	padding: 0 0 2px 0;
}

.leftColumn h6, .rightColumn h6, .oneColumn h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.9em;
	padding: 0 0 2px 0;
}

.uLink  {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 1.0em;
	border-bottom: 1px solid #627A48; /*#98A5AE;*/
	padding: 0 0 2px 0;
}

/* One column of the index (up to three) */
/*****************************************/

.index3Columns {
	float: left;
	width: 17em;
	padding: 1em 0 0 1em;
	margin-bottom: 1em;
	text-align: left;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif ;
	font-size: 0.9em;
}

.index2Columns {
	float: left;
	width: 25em;
	padding: 1em 0 0 1em;
	margin-bottom: 1em;
	text-align: left;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.9em;
}

.index1Column {
	float: left;
	width: 80%; /*25em;*/
	padding: 1em 0 0 1em;
	margin-bottom: 1em;
	text-align: left;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.9em;
}

.index1Column h5  {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 1.1em;
	padding: 0 0 2px 0;
}

/* Left menu */
/*************/

#button {
	width: 16.5em;
	padding: 1em 0 0 1em;
	margin-bottom: 0.9em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
}
	
	
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#button li {
	border-bottom: 1px solid #7FA540;
	margin: 0;
}
#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #627A48;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

#button li a {
	width: auto;
}

#button li a:hover {
	background-color: #7FA540;
	color: #fff;
}

#button2 {
	width: 18.5em;
	padding: 1em 0 0 1em;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.9em;
	text-align: left;
	/*font-color: black;*/
}
	
#button2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
/* Left menu used in the "images" layout */
/*****************************************/

#buttonImg {
	width: 16em;
	padding: 1em 0 0 1em;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.9em;
	text-align: left;
	font-weight: 500;
}
	
#buttonImg ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#buttonImg li {
	margin: 0;
}
	
#buttonImg li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #627A48;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
	
#buttonImg li a:hover {
	background-color: #7FA540;
	color: #fff;
}

/* Navigation menu for document splitted to multiple pages */	
/***********************************************************/
.menuNav {
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
	/*font-style: border;*/
	/*border-left: 1px solid #7FA540;*/
	display: block;
	height: 10px;
	width: inherit; /*564px;*/
}

.menuNav ul {
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}

.menuNav ul li {
	margin: 0;
	border: 0;
	padding: 0;
	display: inline;
	line-height: 10px;
	float: left;
	padding: 2px 10px 2px 10px;
	border: 1px solid #7FA540;
}

/* Navigation menu for pictures */
/********************************/

.menuNav2 {
	display: block;
	height: 10px;
	width: inherit; /*290px ;*/
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size: 0.95em;
	/*text-align: left;*/
	padding-top: 12px;
	padding-bottom: 20px;
}


.itemNav {
	border: 1px solid white; 
	padding: 2px 10px 2px 10px;
	color: #fff;
}

.itemNav2 {
	border: 1px solid black; 
	padding: 2px 10px 2px 10px;
	font-weight: 600;
}

/* Begin Search Form */
/*********************/

#search {
	/*position: absolute;*/
	/*right: 26px;*/
	/*top: 128px;*/
	height: 25px;
}

#search input.text {
	margin-right: 5px;
	vertical-align: middle;
	border: 1px outset #334755;
	padding: 0.25em;
	width: 135px;
	background-color: #E7EAEB;
	color: #334755;
}

#search input.submit {
	/*background: #829099 url(images/menu_background.jpg) bottom left repeat-x;*/
	/*color: #334755;*/
	background: #627A48;
	color: #fff;
	/*border: 2px outset #334755;*/
	vertical-align: middle;
	font-weight: bold;
	padding: 0.3em;
	font-size: 0.8em;
}

/* End Search Form */
/*******************/

/* Short dividing line */
/***********************/

.shortLine {
	height: 2px;
	width: 20%;
	border-bottom: 1px solid black;
}

/* Dividing line 50% */
/*********************/
.line50 {
	height: 2px;
	width: 50%;
	border-bottom: 1px solid black;
}

/* Dividing line 75% */
/*********************/
.line75 {
	height: 2px;
	width: 75%;
	border-bottom: 1px solid black;
}

/* Dividing line 100% */
/**********************/
.line100 {
	height: 2px;
	width: 100%;
	border-bottom: 1px solid black;
}


/* Footer section */
/******************/

.footer {
	height: 60px;
	width: 100%;
	margin-top: 20px;
	line-height: 15px;
	font-family: Verdana, Tahoma, 'Arial CE' ,sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

.footer a, .footer a:link, .footer a:visited {
	text-align: center;
	color: #fff;
}