html {
overflow-y:scroll;
background: #e5d6af url(images/header-background.png) no-repeat scroll center top;
}
body {
font: 62.5%/1.5  Verdana,sans-serif;
color: #222;
text-align:left;
letter-spacing: normal;
word-spacing: normal;
}
/* ============================================================================================= */
/* HEADER
*/
#header-content-holder {
height: 250px;
width: 980px;
margin: 0px auto;
}
#header-content-holder h1 {
text-indent: -9999px;
display: inline-block;
margin-top: -100px;
}
#header-content-holder #logo {
display: block;
width: 178px;
height: 178px;
float: left;
background: transparent url(images/logo-wolontariat-background.png) no-repeat scroll center center;
margin: 5px 0 0 42px;
}
/* ============================================================================================= */
/* NAVMENU MAGIC ;-)
*/
#navigation-content-holder {
width: 980px;
margin: 0 auto;
position: relative;
}

#navigation-content-holder ul li {
background: transparent url(images/menu-background.png) repeat scroll 0 0;
display: block;
}

#navigation-content-holder ul li a {
color: #4f3817;
text-decoration: none;
border: none;
display: block;
}
#navigation-content-holder ul li a:hover {
color: #4f3817;
}
/* ============================================================================================= */
/* Level 1
*/
.topnav {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0px auto 0px auto;
	width: auto;
	height: 34px;
	position: absolute;
	top: 120px;
	right: 0;
	border: 1px solid #b8a67d;
}
.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	list-style: none;
	/*border-left: 1px solid #eedeb9; /*--Create bevel effect--*/
	border-right: 1px solid #c5b389; /*--Create bevel effect--*/
	cursor: pointer;
}
.topnav li a {
	float: left;
	padding: 8px 14px 8px 14px;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 1px;
}
.topnav li:hover {
	background: transparent url(images/menu-background-over.png) repeat scroll 0 0 !important;
}
.topnav li span { /*--Drop down trigger styles--*/
	margin: 9px 8px 7px -6px;
	width: 16px;
	height: 16px;
	float: left;
	background: transparent url(images/top-menu-arrow.png) no-repeat scroll center center;
}
/* ============================================================================================= */
/* Level 2
*/
.topnav .subnav {
	/* display: none; chowamy menu w javascript, nie w css */
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -1px; top: 34px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 220px;
}
.topnav .subnav li:first-child {
	border-top: 1px solid #b8a67d;
}
.topnav .subnav li {
	margin: 0;
	padding: 0;
	border: none;
	border-left: 1px solid #b8a67d;
	border-right: 1px solid #b8a67d;
	border-bottom: 1px solid #b8a67d;
	width: 220px;
}
.topnav .subnav li a {
	float: left;
	width: 210px;
	margin: 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	background: #e2d2a7;
	letter-spacing: normal;
}
.topnav .subnav li a:hover {
background: #f7efdd;
}
/* ============================================================================================= */
/* Level 3 - (UNUSED)
*/
/*
.topnav .subnav .subsubnav {
	list-style: none;
	display: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--
	left: 275px; top: -1px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 275px;
}
.topnav .subnav .subsubnav li:first-child {
	border-top: 1px solid #b2c5d4;
}
.topnav .subnav .subsubnav li {
	margin: 0; padding: 0;
	border: none;
	border-bottom: 1px solid #b2c5d4;
	border-left: 1px solid #b2c5d4;
	border-right: 1px solid #b2c5d4;
	clear: both;
	width: 215px;
	background-color: #f8f8ff;
}
.topnav .subnav .subsubnav li:hover {
	cursor: pointer;
}
.topnav .subnav .subsubnav li a {
	float: left;
	width: 195px;
	background: transparent;
	padding: 10px 5px 10px 15px;
	font-size: 12px;
	cursor: pointer;
}
.topnav .subnav .subsubnav li a:hover {
	background-color: #e1ebf4;
}
*/
/* ============================================================================================= */
/* CONTENT WRAPPERS
*/
#wrapper {
width: 100%;
margin: 0 auto;
margin-top: -60px;
overflow: hidden;
background: transparent;
}
#content-wrapper {
width: 980px;
margin: 0 auto;
overflow: hidden;
background: transparent;
}
/* ============================================================================================= */
/* SIDEBAR
*/
#sidebar {
width: 260px;
float: left;
overflow: hidden;
}
.sidebar-box {
padding: 5px 5px 5px 5px;
border: 1px solid #b8a67d;
margin-bottom: 5px;
}
.sidebar-projekt h2 {
margin: 5px auto 0px auto;
height: 67px;
text-indent: -9999px;
background: transparent url(images/header-program-box.png) no-repeat scroll center top;
}
.sidebar-projekt #projekt {
color: #000;
font-size: 13px;
line-height: 20px;
margin: 10px 6px 5px 6px;
padding: 5px 4px;
border-top: 2px solid #aa976d;
font-family: Verdana, sans-serif;
font-weight: normal;
}
.sidebar-projekt .sidenav {
margin: 0;
margin-top: -5px;
margin-left: -5px;
}
.sidebar-projekt .sidenav li{
/*list-style-image: url(images/side-menu-arrow.png);*/
background: transparent url(images/side-menu-arrow.png) no-repeat left 7px;
margin-left: 12px;
padding-left: 12px;
list-style: none;
}
.sidebar-projekt .sidenav a {
font-size: 11px;
color: #711;
display: block; /* blinking underline fix */
}
.sidebar-projekt .sidenav a:hover {
text-decoration: underline;
}
.sidebar-projekt #evz {
display: block;
width: 238px;
height: 151px;
margin: 5px 6px 3px 6px;
padding-top: 10px;
border-top: 2px solid #aa976d;
text-indent: -9999px;
background: transparent url(images/logo-EVZ.png) no-repeat scroll center bottom;
}
.sidebar-kontakt h2 {
margin: 5px auto 5px auto;
padding-bottom: 10px;
height: 21px;
width: 238px;
text-indent: -9999px;
background: transparent url(images/header-kontakt-box.png) no-repeat scroll center top;
border-bottom: 2px solid #aa976d;
}
.sidebar-kontakt h3 {
color: #000;
font-size: 14px;
line-height: 20px;
text-align: center;
font-family: Verdana, sans-serif;
font-weight: normal;
}
.sidebar-kontakt address {
color: #711;
font-size: 11px;
line-height:18px;
text-align: center;
padding: 5px 0px 5px 0px;
}
.sidebar-kontakt address:first-line {
color: #000;
font-weight: bold;
}
.sidebar-kontakt p {
color: #711;
font-size: 11px;
line-height:20px;
text-align: center;
padding: 0px 0px 10px 0px;
margin: 0;
}
.sidebar-kontakt a {
color: #711;
font-weight: bold;
}
.sidebar-kontakt a:hover {
text-decoration: underline;
}
.sidebar-kontakt .blackbold {
font-weight: bold;color: #222;
}
.sidebar-news h2 {
margin: 5px auto 5px auto;
padding-bottom: 10px;
height: 21px;
width: 238px;
text-indent: -9999px;
background: transparent url(images/header-news-box.png) no-repeat scroll center top;
border-bottom: 2px solid #aa976d;
}
.sidebar-news ul {
}
.sidebar-news ul li {
font-size: 11px;
background: transparent url(images/side-menu-arrow.png) no-repeat left 6px;
list-style: none;
/*list-style-image: url(images/side-menu-arrow.png);*/
margin-left: 24px;
padding-left: 12px;
}
.sidebar-news a {
color: #711;
letter-spacing: 1px;
}
.sidebar-news a:hover {
text-decoration: underline;
}
.sidebar-update p {
color: #711;
line-height: 20px;
text-align: center;
padding: 10px 0 5px 0;
font-size: 11px;
}
.sidebar-update p:first-line {
color: #000;
}
/* ============================================================================================= */
/* CONTENT
*/
.page-title.page-1  {background: transparent url(images/header-news-main.png) no-repeat scroll center center;text-indent: -9999px;}
.page-title.page-2  {background: transparent url(images/header-albums-main.png) no-repeat scroll center center;text-indent: -9999px;}
.page-title.page-3  {background: transparent url(images/header-dokumenty-main.png) no-repeat scroll center center;text-indent: -9999px;}

.page-title.page-9  {background: transparent url(images/header-kimjestesmy-main.png) no-repeat scroll center center;text-indent: -9999px;}
.page-title.page-10 {background: transparent url(images/header-nasipartnerzy-main.png) no-repeat scroll center center;text-indent: -9999px;}
.page-title.page-11 {background: transparent url(images/header-zarzad-main.png) no-repeat scroll center center;text-indent: -9999px;}
.page-title.page-12 {background: transparent url(images/header-statut-main.png) no-repeat scroll center center;text-indent: -9999px;}
.page-title.page-13 {background: transparent url(images/header-mediaonas-main.png) no-repeat scroll center center;text-indent: -9999px;}

.page-title.page-7 {background: transparent url(images/header-wolontariatiprawo-main.png) no-repeat scroll center center;text-indent: -9999px;}
.page-title.page-8 {background: transparent url(images/header-wolontariatmlodziezowy-main.png) no-repeat scroll center center;text-indent: -9999px;}

#content {
width: 690px;
float: right;
height: auto;
padding: 5px 12px 5px 11px;
border: 1px solid #b8a67d;
overflow: hidden;
}
#footer-wrapper{
width: 100%;
margin: 0 auto;
overflow: hidden;
background: transparent;
min-height: 40px;
overflow: hidden;
}
#footer {
width: 980px;
margin: 0 auto;
overflow: hidden;
}
.page-title {
display: block;
color: #6f5729;
font-size: 28px;
font-style: italic;
text-align: center;
margin: 10px auto 0px auto;
height: 32px;
padding: 4px 0;
font-weight: normal;
}
/* ============================================================================================= */
/* EDYTOREK
*/
#content .page-body,
#content .post-body {
color: #222;
background: transparent;
font-family: Verdana, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.8;
letter-spacing: normal;
word-spacing: 1px;
padding: 0 5px;
overflow: hidden;
font-size: 12px;
}
#content .post-body {
background: #e8ddbd;
padding: 15px 20px 15px 20px;
font-size: 11px;
}
#content .page-body a,
#content .page-body a:visited,
#content .page-body a:link,
#content .post-body a,
#content .post-body a:visited,
#content .post-body a:link {
color: #711;
text-decoration: none;
border-bottom: 1px dotted #711;
}

#content .page-body a:focus,
#content .page-body a:active,
#content .post-body a:focus,
#content .post-body a:active {
color: #711;
text-decoration: none;
border-bottom: 1px dotted #711;
}

#content .page-body a:hover,
#content .post-body a:hover {
color: #711;
text-decoration: none;
border-bottom: 1px solid #711;
}


#content .page-body h2 {color: #6f5729;line-height: 1.2;font-weight:normal;margin-bottom: 10px;text-align:center;font-size: 21px;word-spacing:normal;letter-spacing:normal;font-style:italic;}
#content .page-body h3 {color: #711;line-height: 1.2;font-weight:normal;padding:0;margin: 5px 0;}

#content .page-body p {
text-align: justify;
margin: 5px auto;
padding: 0;
}

#content .post-body p {
text-align: justify;
margin: 0 auto;
padding: 0;
}


#content .page-body ul {margin: 0;padding: 0;}
#content .page-body dt {border-bottom: 1px dotted #222;display: inline;font-weight: bold;}
#content .page-body dd {margin-left: 0;}

/* ============================================================================================= */
/* EDYTOREK - STYLE DODATKOWE
*/

#content .page-body.page-11 table {margin: 15px auto 0 auto;}
#content .page-body.page-11 td {border: none;font-size: 13px;}
#content .page-body.page-11 li {margin: 5px 0 5px 35px;padding: 0;line-height: 2;}
#content .page-body.page-13 ul {margin: 20px auto;}
#content .page-body.page-13 li {margin-bottom: 10px;line-height:1.8;}
#content .page-body.page-13 a {font-size: 11px;}
#content .page-body.page-3 ul {margin: 20px auto 20px 30px;}
#content .page-body.page-3 li {margin-bottom: 10px;line-height:1.8;}
#content .page-body.page-3 a {font-size: 11px;}
.page-title.page-35 {margin-bottom: 75px;line-height: 1.2;font-size: 24px;}
.page-title.page-36 {margin-bottom: 45px;line-height: 1.2;font-size: 24px;}
.page-title.page-40 {margin-bottom: 35px;line-height: 1.2;font-size: 24px;}
#content .page-body.page-40 h3 {color: #6f5729;font-weight:normal;text-align: center;}
#content .page-body.page-40 h4 {color: #711;font-weight: bold;font-size: 13px;margin-top: 15px;}
#content .page-body.page-40 p {text-align: left;}

#content .page-body.page-41 ul {margin: 20px auto;}
#content .page-body.page-41 li {margin-bottom: 10px;line-height:2.5;}
#content .page-body.page-41 a {font-size: 11px;}
/* ============================================================================================= */
/* GALERIA
*/
#albumlist li {margin: 5px auto;list-style: none;}
#albumlist a {word-spacing: 1px;font-size: 18px;color: #711;background: #e8ddbd;display: block;overflow: hidden;border: 1px solid #c2b087;font-family: Cambria,Georgia,Times,Times New Roman,serif;}
#albumlist .album-image {display: block;width: 162px;height: auto;float: left;margin-right: 10px;text-align:left;}
#albumlist .album-image img {display:inline;vertical-align:middle;padding: 2px;}
#albumlist .album-title {padding: 10px;display: block;text-align: left;}
#albumlist a:hover {background: #e5d7b3;}
.album-title {color: #711;font-weight:normal;text-align: center;}
.album-image-list {margin: 0 auto 10px auto;overflow:hidden;width: 690px;}
.album-image-list li {display:block;width:162px;height:122px;float: left;margin: 3px 5px;}
.album-image-list a {display:block;width: 162px;height:122px;text-align:center;}
.album-image-list img {display:inline;vertical-align:middle;border: 1px solid #6f5729;padding: 2px;}
.album-image-list img:hover {background: #6f5729;}
/* ============================================================================================= */
/* NEWS POST
*/

#content .post {
margin: 10px auto 20px auto;
width: 660px;
border: 1px dotted #C2B087;
overflow: hidden;
}

#content .post-title {
font-size:18px;
color: #711;
text-align: left;
border-bottom: 1px dotted #C2B087;
background: #e5d7b3;
margin: 0;
padding: 5px 5px 0px 5px;
line-height: 1.3;
font-weight: normal;
}

#content .post-title a {
border: none;
padding: 0;
margin: 0;
background: transparent;
display: block;
color: #711;
}

#content .post-date {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #6f5729;
margin: 0;
line-height: 1.3;
display: block;
padding: 5px;
}

#content .post .post-body strong {font-weight: normal; color: #711;}
#content .post .post-body em {font-weight: normal; color: #711;}
#content .post .post-body .post-more-link {float: right;font-size: 12px;}


#content .post .post-body p {text-align: justify;margin: 5px 0;padding: 0;}
#content .post .post-body ul {margin: 0;padding: 0;line-height:1.5;}
#content .post .post-body dt {font-weight:bold;text-decoration:underline;}
#content .post .post-body dd {margin-left: 0;}

#content .post .post-body .nyroModal img {
border:1px solid #B4A27A;
display:inline;
height:120px;
padding:3px;
width:160px;
}

#content .post .post-body .nyroModal {border: none !important;}
#content .post .post-body .nyroModal:hover {border: none !important;}
#content .post .post-body .nyroModal img:hover {background: #B4A27A;}
#content .post .post-body .nyroModal.img-left {float: left;margin: 5px 10px 0px 0;}
#content .post .post-body .nyroModal.img-right {float: right;margin: 5px 0px 0px 10px;}