/* body styles  / reset / links / headings / other elements / tags  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
body {
	background: #f9f5dc url(../img/body.bg.gif) repeat-x;
	color: #6d6950;
	font: 0.75em/1.50em Arial, Verdana, Tahoma;
}
button {cursor: pointer}
legend {display: none}
object {float:left}
.accessibility {display: none}
.container {
	margin: 0 auto;
	padding-bottom: 20px;
	position:relative;
	width: 960px;
}
.notxt {
	font-size: 0;
	line-height: 0;
	text-indent: -9998%;
}

#header h1 a{
	background: url(/img/logos.png) 10px 10px no-repeat;
	float: left;
	height: 85px;
	text-indent: -9998em;
	width: 890px;
}
#header h1 a {display: block}


#misc-bar h4 {
	color: #958e62;
	float: left;
	font-weight: normal;
	margin: 6px 0 0 0;
	width: 50%;
}
#content h2, #content h3 {
	color: #6d6950;
	font-size: 1.30em;
	overflow: auto;
	padding: 1.2em 0 .7em;
}
	#content #projects h3 {padding-top: .5em}
	#content #wellcome h2 {padding-bottom: 0}
#banner h2 {
	font-size: 2.85em;
	font-weight: bold;
	left: 28px;
	line-height: 1em;
	position: absolute;
	top: 35px;
	width: 175px;
}
#footer h5 {float: left;font-weight: normal;text-align: right}
#footer h5 a {
	cursor: pointer;
	font-style: italic;
	text-decoration: underline;
}
#sidebar .side-menu h3 {padding-top:.4em}
.subpage #main-content h2, .subpage #main-content h3 {padding-top: 1em; padding-bottom: .2em}
.subpage #main-content h2 {
	border-bottom: 1px solid #f4f0d7;
}
#main-content .cms-editable h3 {font-weight: normal}
#main-content .cms-editable h4, #main-content .cms-editable h5, #main-content .cms-editable h6 {
	font-size: 1.1em;
	font-weight: bold;
	padding: .5em 0 .3em;
}
#main-content .cms-editable h5, #main-content .cms-editable h6 {font-size: 1em}
/* forms / notifications and errors / consistant items with normally just one class  */
#misc-bar form {
	float: right;
	height: 30px;
	overflow: hidden;
	position: relative;
	width: 	400px;
}
	#misc-bar label {
		cursor: pointer;
		font-weight: bold;
		padding-right: 14px;
		position: absolute;
		right: 267px;
		text-align: right;
		top: 6px;
		width: 100px;
	}
	#misc-bar input, #misc-bar button {
		background: url(../img/misc-bar.form.bg.gif) no-repeat;
		border: 0;
		color: #b0ac91;
		font-family: Arial, Verdana, Tahoma;
		font-size: 1em;
		right: 88px;
		padding: 6px 11px 7px;
		position: absolute;
		top: 2px;
		width: 140px;
	}
	#misc-bar input:focus {background-position: 0 -30px;color: #6d6950}
	#misc-bar button {
		background-position: -162px 3px;
		color: #fff;
		line-height: 1em;
		font-weight: bold;
		height: 30px;
		right: 0px;
		padding: 0;
		text-align: center;
		top: -1px;
		width: 71px;
	}
	.br-opera #misc-bar button {padding-top: 10px;}
	#misc-bar button:hover {background-position: -162px -26px}
/* skeleton including page furniture  */
#header {
	height: 139px;
	padding-top: 11px;
	position: relative;
	z-index: 10;
}
#banner {
	background: url(../img/banner.bg.jpg) no-repeat;
	height: 223px;
	margin: 0 0 5px 0;
	position: relative;
}
#content {background: url(../img/content.bg.gif) repeat-y}
	.subpage #content {background-position: -960px 0}
	#content .inner, #events {background: url(../img/content.inner.bg.gif) no-repeat}
	#content .inner {
		background-position: 0 -11px;
		overflow: auto;
	}
		.subpage #content .inner {background-position: -960px -11px}
	#main-content {
		float: left;
		width: 580px;
	}
		.subpage #main-content {
			float: right;
			margin-right: 20px;
			width: 675px;
		}
	#sidebar {
		float: right;
		width: 375px;
	}
		.subpage #sidebar {
			float: left;
			width: 236px;
		}
		#news, #events {
			padding: 0 25px 0 21px;
			width: 329px;
		}
		#events {
			background-position: right top;
			padding-top: 9px;
		}
#footer {
	background: url(../img/footer.bg.gif) no-repeat;
	border-bottom: 1px solid #fed700;
	clear: both;
	color: #958e62;
	display: block;
	font-size: 0.92em;
	overflow: auto;
	padding: 30px 20px 17px;
}
	.subpage #footer {background-position: -960px 0}
/* page components -> most of styles  */
#sponsors {float: right}
	#sponsors dt, #languages dt {display:none}
	#sponsors dd {
		border-right: 1px solid #ebe7ca;
		float: left;
		padding: 0 20px;
	}
	#sponsors dd.ue {background-position: 20px -150px}
	#sponsors dd.ce {background-position: 20px -225px;width: 105px}
	#sponsors dd.cp {
		background-position: 20px -300px;
		border-right: 0;
		width: 44px;
	}
#languages {
	left: 886px;
	position: absolute;
	top: 115px;
	z-index: 2;
}
	#languages a, #main-menu a {
		color: #fff;
		font-size: 0.83em;
		font-weight: bold;
		text-decoration: none;
	} 
	#languages a {
		background: url(../img/languages.bg.gif) no-repeat 0 2px;
		padding: 1px 10px 0 24px;
	}
	#languages a:hover {text-decoration: underline}
	#languages a.active {background-position: 0 -46px}
	#languages .l-en a {background-position: 0 -95px}
	#languages .l-en a.active {background-position: 0 -143px}
	
#main-menu, #main-menu li, #main-menu a, #main-menu ul {background: url(../img/main-menu.bg.gif)}
	#main-menu {
		height: 49px;
		left: 0px;
		position: absolute;
		top: 100px;
		width: 960px
	}	
		#main-menu li, #main-menu a, #languages dd, #languages dd a {float: left;position: relative}
		#main-menu a {
			background-position: -20px 0;
			border-right: 1px solid #5ec37f;
			font-size: 1.17em;
			font-weight: normal;
			padding: 16px 20px 15px;
		}
		#main-menu li:first-child a, #main-menu li.first-child a {background-position: 0 0}
		#main-menu a.active {background-position: -20px -98px}
		#main-menu li:first-child a.active, #main-menu li.first-child a.active 
		{background-position: 0 -98px}
		#main-menu a:hover, #main-menu li.sfHover a 
		{background-position: -20px -49px}
		#main-menu li:first-child a:hover, #main-menu li.first-child a:hover 
		{background-position: 0 -49px}
		#main-menu ul {
			background-position: left bottom;
			top: 49px;
			left: 0px;
			position: absolute;	
		}
			#main-menu ul li {
				background:#019c46;
				border: 0;
				border-bottom: 1px solid #43b676;
				clear: both;
				display: block;
				float: left;
				width: 200px;
			}
			#main-menu ul li a, #content a.more, .cms-editable ul li, .side-menu li a,
			#breadcrumbs a {background: url(../img/links.bg.gif) no-repeat}
			#header #main-menu ul li a {
				background-position: 18px 17px;
				border: 0;
				color: #7cf0af;
				display: block;
				float: none;
				font-size: 1em;
				padding: 10px 75px 10px 39px;
				white-space: nowrap;
			}
				#header #main-menu ul li a:hover {
					color: #fff;
					background-position: 18px -38px;
				}
				#header #main-menu ul li:last-child, 
				#header #main-menu ul li.last-child {border-bottom: 3px solid #018936}
#banner blockquote {
	color: #019842;
	font-size: 1.08em;
	font-style: italic;
	font-weight: bold;
	left: 203px;
	position: absolute;
	top: 36px;
	width: 290px;
}
#partners {
	left: 15px;
	position: absolute;
	top: 15px;	
}
	#partners li {
		background: url(../img/banner.logos.png) no-repeat;
		float: left;
		height: 85px;
		margin: 5px 10px;
		text-indent: -9998em;
		width: 68px;
	}
		#partners li.p-gig {background-position: 10px 0}

#kpk-header {
	background:none repeat scroll 0 0 transparent;
	color:#004080;
	font-size:20px;
	left:38px;
	line-height:28px;
	margin-top:0;
	position:absolute;
	text-align:center;
	text-indent:0;
	top:29px;
	width:346px;
}

#kpk-header div {
	font-size:14px;
}
		#partners li.p-kpk {
			background: none;
			color: #004080;
			font-size: 24px;
			margin-top: 17px;
			text-align: center;
			text-indent: 0;
			width: 236px;
		}


		#partners li.p-kpk strong {
				display: block;
				
				font-weight: bold;
			}
		#partners li.p-ms-en {
		background: url(../img/banner.logosen.png) no-repeat;
		width: 132px}			
		#partners li.p-ms {background-position: -288px 0;width: 132px}			
#misc-bar {
	font-size: 0.92em;
	overflow: auto;
	padding: 12px 0 12px 18px;
}
	#breadcrumbs {
		color: #958e62;
		float: left;
		margin: 6px 0 0 -5px;
		width: 40%;
	}
		#breadcrumbs a, #breadcrumbs strong {
			font-weight: normal;
			padding: 0 16px 0 0;
		}
		#breadcrumbs a {
			background-position: right -188px;
			color: #019c46;
			text-decoration: none;
		}
		#breadcrumbs a:hover {text-decoration: underline}
		#breadcrumbs li {display: inline}
#content a.more {
	background-position: right -111px;
	color: #e8b100;
	clear: both;
	display: block;
	margin: 5px 5px 0 0;
	padding: 0 22px 0 0 ;
	text-align: right;
	text-decoration: none;
}
#content a.more:hover {text-decoration: underline}
#content p {margin: 1.5em 0}
#content strong {font-weight: bold}
#projects, .side-menu {
	background: #fff;
	border: 1px solid #ece8cb;
	float: left;
	margin: 10px 0 0 9px;
	padding: 0 15px;
	width: 204px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	.side-menu {width: 195px}
	#projects li, .side-menu li {
		border-bottom: 1px solid #f4f0d7;
		padding: 4px 0;
	}
		#projects li:last-child, #projects li.last-child, .side-menu li:last-child, .side-menu li.last-child {border:0}
		#projects li a, .side-menu li a {
			color: #6d6950;
			display: block;
			font-weight: bold;
			overflow: auto;
			text-decoration: none;
		}
		#projects li a img, #projects li a em, .side-menu li a img, .side-menu li a em {float: left}
		#projects li a em, .side-menu li a em {font-style: normal;padding: 10px 0 20px 6px; width: 120px}
		#projects li a:hover, .side-menu li a:hover {color: #04a24b}
		
		.side-menu li a {
			background-position: 3px -112px;
			color: #019c46;
			font-weight: normal;
			padding-left: 30px;
		}
		.side-menu li.active a {
			color: #6d6950;
			font-weight: bold;
		}
		.side-menu li a:hover {text-decoration: underline}
		
#sidebar dd {
	border-bottom: 1px solid #f4f0d7;
	padding: 0 0 8px 0;
}
#sidebar dd:last-child, #sidebar dd.last-child {border-bottom:0}
#sidebar dt {
	font-weight: bold;
	padding-top: .5em;
}
	#sidebar dt a {
		color: #04a24b;
		display: block;
		text-decoration: none;
	}
	#sidebar dt a:hover {text-decoration:underline}
#wellcome {
	float: right;
	margin: 0 18px 0 0;
	width: 300px;	
}
#wellcome p {text-align: justify}
#footer a {color: #958e62}
#footer a:hover {color: #e8b100}
#footer address {float: right;font-style:normal}	
/* specyfic, unpredicted  styles, trynigs  */
#header .sf-menu, #header .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#header .sf-menu {line-height:	1.0}
#header .sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#header .sf-menu ul li {width:			100%}
#header .sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#header .sf-menu li {
	float:			left;
	position:		relative;
}
#header .sf-menu a {
	display:		block;
	position:		relative;
}
#header .sf-menu li:hover ul,
#header .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
#header .sf-menu li:hover li ul,
#header .sf-menu li.sfHover li ul {
	top:			-999em;
}
#header .sf-menu li li:hover ul,
#header .sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
#header .sf-menu li li:hover li ul,
#header .sf-menu li li.sfHover li ul {
	top:			-999em;
}
#header .sf-menu li li li:hover ul,
#header .sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
#header .sf-shadow ul {
	background:	url('../img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
#header .sf-shadow ul.sf-shadow-off {background: transparent}
#header .sf-sub-indicator {display: none}
.cms-editable strong {
	font-weight: bold;
}
.cms-editable em {
	font-style: italic;
}
.cms-editable ul, .cms-editable ol {
	margin: 0 0 1.625em;
	overflow: hidden;
}
.cms-editable a {
	color: #04A24B;
}
.cms-editable a:hover {color: #004080;}
.cms-editable ol {
	list-style-type: decimal;
	list-style-position: inside;
	marker-offset: 	auto;
}
	.cms-editable li {
		border-bottom: 1px solid #f4f0d7;
		color: #6d6950;
		padding: .3em 0;
		/* width: 40%; */
	}
	.cms-editable ul li {
		background-position: 1px -235px;
		padding: .3em 0;
		padding-left: 3%;		
		/* width: 37%; */
	}
		#wellcome ul li {padding-left:20px}
		.cms-editable li li {
			margin-left:4%;
		}
		.cms-editable li ul, .cms-editable li ol {
			background: #FFFDF4;
			padding-bottom: 0;
			margin-bottom: 0;
			margin-left: -3%;
		}
		.cms-editable li li:last-child, .cms-editable li li.last-child  {
			border-bottom: 0;
		}
		
		
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	#banner p.sIFR-replaced {margin-top: 4px}
}

#header #main-menu ul li a {
padding-right: 5px;
white-space:normal;
width: 180px;
}

#main-menu ul li {width: 240px}