/*************** Fonts & Graphics ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
}

body,table,input,label,textarea,button,select {color: #000; font: normal 1em/1.3 "Trebuchet MS",sans-serif}

h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; display: block}
h1 {font: bold 2.5em "Trebuchet MS"; color: #f2b21a}
h2 {font: bold 1.5em Tahoma; color: #fff}
h3 {font: bold 1.5em "Trebuchet MS"; color: #fff}
h4 {font: bold 1em "Trebuchet MS"; color: #aaa; padding-left: 11px; border-left: 3px solid #aaa}
h5 {font: bold 1em Tahoma; color: #999}
h6 {font: bold 1em Arial; color: #fff}

p {margin: 1em 0; padding: 0; text-align: left}
p:first-child {margin-top: 0 !important}

html {background: #fff url("../img/bg_body.png") repeat-x}
body {background: transparent url("../img/bg_main.jpg") center 175px  no-repeat}

/*************** Positioning ***************/
html { background: #4a881b url(../img/bg_all.jpg);}
body {margin: 0; padding: 0; background: url(../img/bg_body.jpg) 0 0 repeat-x;}
#wrapper { width: 837px; margin: 0 auto; padding: 313px 50px 310px 87px ; position: relative; background: url("../img/bg_wrapper2.png") 0 270px no-repeat;}

       /* -- Mainframes -- */
#header     {}
#content { position: relative; overflow: hidden; }
#footer     {}
#bottom     {}
#promo { width: 944px; height: 203px; background: url(../img/ill_promo_photo.png); position: absolute; bottom: 64px; left: 0;}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a         {color: #2b63b9; text-decoration: underline}
a:visited {color: #036}
a:hover, a:active,a:focus {text-decoration: none}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat}

fieldset {padding: 5px 5px; border: solid 1px #dcdcdc}
legend   {color: #ccc}
input,label,form,textarea,button {margin: 0}
  input[type="text"],input[type="password"] {padding: 2px 2px; border: 1px solid #808080}
        input.text,input.password {padding: 2px 2px; border: 1px solid #808080}
  input[type="hidden"] {display: none !important}
        input.hidden {display: none !important}
  input[type="image"],input[type="checkbox"] {width: auto !important}
        input.image,input.checkbox {width: auto !important}
  input.imagebutton {background: url("../img/butt_archive.png") 0px 0px no-repeat; height: 31px; border: none; text-indent: -900em; overflow: hidden; cursor: hand; cursor: pointer; text-align: left; font-size: 1px; color: #7c878a; padding-left: 50px}
  a.hrefbutton {background: url("../img/butt_archive.png") 0px 0px no-repeat; height: 31px; border: none; text-decoration: none; text-indent: -900em; overflow: hidden; cursor: hand; cursor: pointer; text-align: left; display: block}
select    {margin: 0; background: #fff; color: #000; border: 1px solid #b3b9c3; padding: 2px 0}

textarea {padding: 5px 5px; border: 1px solid #ccc; background: #fff url("../img/bg_textarea.png") no-repeat}
input,label,select {vertical-align: middle}
iframe {display: block; overflow: hidden; margin: 0; padding: 0; border: none}


hr     {clear: both; display: block; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 10px 0; padding: 0}
hr     {clear: both; display: block; border: none; border-top: 1px dashed #adadad; color: #fff; background-color: transparent; height: 1px; width: 100%; margin: 10px 0; padding: 0}

table {border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: hide}
    table th {padding: 0; text-align: center; vertical-align: middle; font-weight: bold}
    table td {padding: 0; text-align: left; vertical-align: top}
    table caption {caption-side: top; text-align: center}
    table thead   {}
    table tfoot   {}
    table tbody   {}

       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none}
   ul li {margin: 0 0 1.2em; padding: 0 0 0 8px; background: url("../img/bull_li_red.png") 0px 5px no-repeat}
   li ul {margin-top: 0; margin-bottom: 0}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside}
   ol li {margin: 0; padding: 0}
   ol ul li {background: none}
dl {margin: 0 0 1em 1.5em; padding: 0}
   dl dt {margin: 0 0 0.5em 0; padding: 0}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle} /* VA is for inline img's */

       /* -- Text -- */
blockquote {margin: 1em 0; padding: 10px 15px}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019"}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019"}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c"}
cite  {font-style: italic}

small {}
big   {}
sup   {vertical-align: text-top; font-size: 65%}

dfn   {font-style: normal; margin: 0; padding: 0}
var   {font-style: normal; margin: 0; padding: 0}

code  {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
samp  {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
kbd   {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
tt    {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}

ins   {text-decoration: underline}
del   {text-decoration: line-through}

pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap}

abbr {text-transform: uppercase; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {
 color: inherit;
 font: inherit;
 font-size: 100%;
}
center {
 text-align: inherit;
}
s,strike,u {
 text-decoration: inherit;
}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none}
.fl {float: left; margin: 0 5px 5px 0}
.fr {float: right; margin: 0 0px 5px 5px}
.m0 {margin: 0 !important}

#grass_small { position: absolute; bottom: 51px; right: -12px; width: 300px; height: 50px; z-index: 10;}
#grass_big { position: absolute; top: 51px; left: -15px; width: 500px; height: 60px; z-index: 40;}

a.back {display: block; padding-left: 20px; background: url("../img/ico_archive.png") 0px -123px no-repeat}

#hints {z-index: 1000; position: absolute; top: 0; left: 0; visibility: hidden; background-color: #ebebeb; color: #000; padding: 5px 5px; margin: 0; border: 1px solid #666}


/*  -- Header --  */
/*  logo */
#logo {width: 165px; height: 168px; padding: 0px 0 0 0px; position: absolute; top: 21px; left: 5px; font: bold 2em Arial; color: #ffb400;  z-index: 5}
#logo a {display: block; position: absolute; top: 0; left: 0px;  width: 165px; height: 168px; background: url("../img/logo.jpg") 0px 0px no-repeat; text-indent: -900em}
#logo em  { font: normal 1.1em Arial; color: #7a156c;}
/* /logo */
#header { position: absolute; height: 271px; background: url("../img/bg_header.jpg") 215px 28px no-repeat; top: 0; left: 0; width: 974px}

/* _NAVIGATION_ */
#nav { position: absolute; left: 5px; bottom: 0; overflow: hidden; margin: 0; font-size: 1.25em; font-weight: bold; zoom:1}
    #nav li { float: left; margin: 0; padding: 0; background: none;}
    #nav a { position: relative; height: 44px; background-color: #51b413; color: #fff; text-decoration: none; display: block; text-align: center; padding-top: 15px; background: url("../img/bg_nav.png") no-repeat; text-indent: -999em;}
        #nav a span { position: absolute; top: 0; left: 0; width: 100%; height: 59px; cursor: pointer;}

    #nav li.n_home a { width: 97px;}
        #nav li.n_home a { background-position: 0 0;}
        #nav li.n_home a:hover { background-position: 0 -91px;}
        #nav li.n_home a:focus, #nav li.n_home a.sel { background-position: 0 -91px;}
    #nav li.n_about a { width: 161px;}
         #nav li.n_about a { background: url(../img/bg_nav.png) -122px 0 no-repeat;}
         #nav li.n_about a:hover  { background: url(../img/bg_nav.png) -122px -91px;}
         #nav li.n_about a:focus, #nav li.n_about a.sel { background: url(../img/bg_nav.png) -122px -91px;}
    #nav li.n_news a { width: 163px;}
        #nav li.n_news a { background: url("../img/bg_nav.png") -301px 0;}
        #nav li.n_news a:hover { background: url("../img/bg_nav.png") -301px -91px;}
        #nav li.n_news a:focus, #nav li.n_news a.sel { background: url("../img/bg_nav.png") -301px -91px;}
     #nav li.n_supporters a { width: 119px;}
        #nav li.n_supporters a { background: url("../img/bg_nav.png") -481px 0;}
        #nav li.n_supporters a:hover{ background: url("../img/bg_nav.png") -481px -91px;}
        #nav li.n_supporters a:focusr, #nav li.n_supporters a.sel { background: url("../img/bg_nav.png") -481px -91px;}
     #nav li.n_ways a { width: 141px;}
        #nav li.n_ways a { background: url("../img/bg_nav.png") -624px 0;}
        #nav li.n_ways a:hover { background: url("../img/bg_nav.png") -624px -91px;}
        #nav li.n_ways a:focus,#nav li.n_ways a.sel { background: url("../img/bg_nav.png") -624px -91px;}
     #nav li.n_events a { width: 153px;}
        #nav li.n_events a { background: url("../img/bg_nav.png") -788px 0;}
        #nav li.n_events a:hover { background: url("../img/bg_nav.png") -788px -91px;}
        #nav li.n_events a:focus,#nav li.n_events a.sel { background: url("../img/bg_nav.png") -788px -91px;}
     #nav li.n_contact a { width: 117px;}
        #nav li.n_contact a { background: url("../img/bg_nav.png") -965px 0;}
        #nav li.n_contact a:hover { background: url("../img/bg_nav.png") -965px -91px;}
        #nav li.n_contact a:focus,#nav li.n_contact a.sel { background: url("../img/bg_nav.png") -965px -91px;}



/* / -- Header --  */

/*  -- Footer --  */
#footer { position: absolute; text-align: center; bottom: 0; left: 20px; text-align: center; width: 960px; color: #fff; height: 38px; padding-top: 8px; background: url("../img/bg_footer.png") 0 0 no-repeat; font-size: 0.916em;}
    #footer address { display: inline; font-style: normal; }
    #footer address a { color: #fff; text-decoration: none; cursor: default; }
    #footer address a.footer_logo { padding: 0 0 0 25px; background: url("../img/footer_logo.png") 0px 3px no-repeat; cursor: pointer; text-decoration: underline }
/* / -- Footer --  */
/* ============== Content ============== */

body.index #content-text { position: relative; float: right; width: 522px; font-size: 1.083em; margin-left: 27px;}
body.inner #content { overflow: visible}
#content-text p { text-align: justify}
#content-text h2 cite { font: bold 0.722em "Trebuchet MS"; color: #000; display: block; font-style: normal;}
#content-text h2 q { font: italic normal 1.11em Tahoma; color: #962001;}

body.inner #content-text { height: 460px; margin: 5px 0 0 0; padding: 0 15px 0 0; overflow: auto; font-size: 1.083em; border-top: solid 1px #fff; border-bottom: solid 1px #fff }
body.inner #content-text img { border: 3px solid #fff; margin: 0 10px 10px 0; float: left}
    body.inner #content-text img.team {float: right; margin: 0 0 10px 20px}
    body.inner #content-text img.wthw {margin: 0 20px 0 0}
    body.inner #content-text img.wthm {margin: 10px 20px 30px 0}
    body.inner #content-text img.cofe {border: 3px solid green; margin: 0 140px 20px 0;}
    body.inner #content-text img.dan {margin: 0 20px 20px 0}
body.inner #content-text p {margin: 0 0 1em}
body.inner #content-text p.top {color: #313030}
body.inner #content-text h3 { padding: 10px 0 15px 0; font: normal 1.384em "Trebuchet MS"; color: #962000}
body.inner #content-text var { font: bold 0.722em "Trebuchet MS"; color: #2246a2; }
body.inner #content-text { scrollbar-3dlight-color: white; scrollbar-arrow-color: white; scrollbar-highlight-color: white; scrollbar-face-color: #962000; scrollbar-shadow-color: #962000; scrollbar-darkshadow-color: black; scrollbar-track-color: #feebbd; }

body.index h2.h_home { width: 522px; height: 146px; position: relative; overflow: hidden; }
body.index h2.h_home span { background: url(../img/ill_text.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

body.inner h2 { position: relative; text-align: right; }
body.inner h2 span {position: absolute; top: -7px; height: 100%}
    h2.b_about {height: 32px}
        h2.b_about span {background: url(../img/h_about_mlaz.png) no-repeat; left: 640px; width: 199px}

    h2.h_waystohelp {height: 37px}
        h2.h_waystohelp span {background: url(../img/h_waystohelp.png) no-repeat; left: 650px; width: 188px}

    h2.h_photogallery {height: 37px}
        h2.h_photogallery span {background: url(../img/h_photogallery.png) no-repeat; left: 647px; width: 200px}

    h2.h_news {height: 30px}
        h2.h_news span {background: url(../img/h_news.png) no-repeat; left: 605px; width: 235px;}

    h2.h_supporters {height: 33px}
        h2.h_supporters span {background: url(../img/h_supporters.png) no-repeat; left: 690px; width: 150px;}

    h2.h_events {height: 37px}
        h2.h_events span {background: url(../img/h_events.png) no-repeat; left: 600px; width: 244px;}

    h2.h_donations {height: 31px}
        h2.h_donations span {background: url(../img/h_donations.png) no-repeat; left: 692px; width: 145px;}

body.inner h2.h_contacts {height: 29px; top: 30px; text-align: center }
body.inner h2.h_contacts span {background: url(../img/h_contacts.png) no-repeat; left: 320px; width: 198px}

body.inner #contacts address.vcard { height: 460px; padding: 50px 0 0 0; text-align: center }
body.inner #contacts address.vcard { font: normal bold 2em "Trebuchet MS"; color: #2146a6 }
body.inner #contacts address.vcard p { padding: 5px 0; margin: 0; font: bold 0.583em "Trebuchet MS"; text-align: center; color: #000 }
body.inner #contacts address.vcard span { color: #962000 }
body.inner #contacts address.vcard a { color: #962000; text-decoration: none }
body.inner #contacts address.vcard a:hover { color: #962000; text-decoration: underline }
body.inner #contacts address.vcard .fn {display: none}

body.inner #content-text p.cs { padding: 200px 0 0 0; text-align: center; font: normal bold 2em "Trebuchet MS"; color: #962000 }
body.inner #content-text p.media { padding: 20px 0 0 0; text-align: center; font: normal bold 2em "Trebuchet MS"; color: #962000 }

body.inner #content-text .columnl { width: 270px; float: left }
body.inner #content-text .columnr { width: 295px; float: right }
body.inner #content-text .columnl p.paypal { padding-top: 20px }
/* ++++++++++++ Sidebar +++++++++++++++ */
    #sidebar { padding:  0 30px 0 0; background: url(../img/bg_sidebar_vl.png) right 0 repeat-y; float: left; width: 258px; font-size: 0.916em;}
        #sidebar img.portret { float: left; border: 4px solid #fff; margin-right: 20px;}
        #sidebar p { margin-top: 0;}

    #sidebar h2.h_about { position: relative; height: 24px; margin-bottom: 25px;}
        #sidebar h2.h_about span {background: url(../img/ill_text.png) 0 -167px no-repeat; position: absolute;top: 0; left: 0; width: 133px; height: 100%; }

    #sidebar p cite { color: #a82001; font-style: normal; font-weight: bold;}
    #sidebar p q { color: #093696;}
/* ------------ Sidebar --------------- */
/*  / / ============== Content ============== */

body.inner #content-text ul#supporters {margin: 0; padding: 0; overflow: hidden;}
body.inner #content-text ul#supporters li {margin: 15px 15px 0 0; padding: 10px 10px 0; height: 182px; font: bold 1em "Trebuchet MS"; color: #fff; text-align: center; border: solid 1px #fff; background: #ce9538; float: left;}
body.inner #content-text ul#supporters li img {margin: 0 0 10px 0; float: none; border: solid 3px #962000; display: block;}
body.inner #content-text ul#supporters li a { color: #fff; text-decoration: none;}

/* Photo Gallery */
body.inner #content-text { position: relative}
body.inner #content-text ul#gallery {margin: 0; padding: 10px 0 0 5px;}
body.inner #content-text ul#gallery li {position: relative; margin: 5px; padding: 0; width: 190px; height: 209px; float: left; background: url(../img/bg_photo.png) 0 0 no-repeat; list-style: none;}
body.inner #content-text ul#gallery li img {position: absolute; top: 8px; left: 17px; margin: 0; padding: 0; border: none;}
body.inner #content-text ul#gallery li a {font: bold 0.846em/1 "Trebuchet MS"; color: #962000; text-decoration: none;}
body.inner #content-text ul#gallery li a p {position: relative; margin: 168px 10px 0; text-align: center;}

body.inner #content-text p.gallery_top {font: bold 1.384em/1 "Trebuchet MS"; color: #962000; text-decoration: none;}

a.media_back{ color:#962000; text-decoration:underline; display:block; text-align:center; width:200px; margin:0 auto; }

div.contact_block { overflow: hidden; margin: 15px 0; zoom: 1 }
  div.contact_block div.advert_block { float: left;}
  div.contact_block div.contact_form { float: right; width: 458px; padding: 10px 20px; background: #ECEFF5; border: 1px solid #94A3C4 }
  div.contact_block div.contact_form h3 { margin-bottom: 10px; font: bold 1.25em Tahoma; color: #3B5998 }


.contact_form { margin: 0 }
  .contact_form label { display: -moz-inline-box; display: inline-block; width: 115px; margin: 0; padding-right: 15px; font: normal 13px Tahoma; color: #28465E; vertical-align: top; text-align: right; }
  .contact_form label.wa { width: auto; padding-right: 0; padding-left: 15px;}
  .contact_form input.text { width: 200px; height: 14px; margin: 0 0 3px; padding: 2px; font: normal 12px Tahoma;  }
  .contact_form input.long_1 { width: 318px;  }
  .contact_form textarea { width: 318px; height: 60px; margin: 1px 0; border: 1px solid #808080; padding: 2px; font: normal 12px Tahoma;  }
  .contact_form select { width: 206px; height: 22px; margin: 0 0 2px; background: #fff; border: 1px solid #808080; font: normal 12px Tahoma;  }
  .contact_form input.submit { width: 206px; height: 21px; margin: 0 0 0 134px; padding: 0; border: none; background: #9db0c1; font: bold 12px Tahoma; text-transform: uppercase; color: #fff  }
  .contact_form p.ques { margin: 0.5em 0 0; font-weight:bold; }
  .contact_form p.prim { font-size: 1.1em }
  .contact_form span.required { color: #ca2022 }
  .contact_form div#capture { margin: 5px 0 3px 134px }
  .contact_form div#capture img.cap { display: inline; margin: 0 0 5px; height: 27px; width: 146px;}
  .contact_form div#capture input#capture_inp { width: 50px; height: 21px; font-size: 15px;}

  .contact_form input#first_name,.contact_form input#last_name {width: 106px;}
  .contact_form input#phone {width: 157px;}
  .contact_form input#zip {width: 80px;}