/*page*/
  html, body {width:100%;height:100%;}
  body {background: #fff;padding:0; margin:0;text-align:center;}

/*design*/
  a img{border:0;}

/*navigation*/
  a{text-decoration:underline; font:1em Tahoma; color:#0036af;}
  a:hover{text-decoration:none;}
  a:focus{ outline: none; }

/*TAGS*/
  h1{font:30px "Lucida Grande",Tahoma,Verdana,Arial,Helvetica;color:#ea1a1a;margin:0 0 20px;padding:55px 0 13px;background:#f7fafc url(../images/bgr/h1.gif) repeat-x left bottom;}
    #main_page h1{font:bold 1.5em Tahoma;color:#f50707;margin:0 0 13px;padding:0;background:none;}
  h2{font:bold 1.35em Tahoma;color:#f50707;margin:0 0 13px;padding:0;background:none;}
  h3{font:1.8em "Times New Roman";color:#000;margin: 0;padding:0;}
  h4{font:bold 1.6em "Times New Roman";color:#000;margin:0;padding: 0;}
  address {font:0.95em/1.5 Tahoma;color:#929292;}
  dl, dt, dd, form {margin:0;padding: 0;}
  p {margin: 0;padding:0 0 15px;}
  ul {margin: 0;padding: 10px 20px;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;vertical-align:top;}
  hr  {clear:both;margin:20px 0 0;background: url(../images/bgr/hr.gif) repeat-x left center;border:0 none transparent;font-size:0;}

/*FONT*/
  body{font:62.5%/1.5 Tahoma, sans; color:#000000}
  table, td, th, ul {font-size: 1em;}
  #about {font:0.9em/1.5 Tahoma;}
  #archives dt{font:bold 1.1em/28px "Trebuchet MS";color:#ea1a1a;text-transform:uppercase;}
  #archives ul a {font-weight:bold;color:#3263bf;text-decoration:none;}
    #archives ul a:hover {text-decoration:underline;}
  #comentaries dt {font:bold 1.1em Tahoma;text-transform:uppercase;}
  #content {font: 1.2em Tahoma;color:#333;}
  #faq dt a {font-weight:bold;}
  #footer {font:1.1em Tahoma;color:#1944af}
  #section dt{font:bold 1.1em "Trebuchet MS";color:#ea1a1a;text-transform:uppercase;}
    #section a {font:1em Tahoma;color:#333;}
  #header {font:1.1em Tahoma;}
  #left {font:1.1em Tahoma;color:#333;}
  #menu .submenu a{font:bold 1.1em Tahoma;color:#0036af}
  #right {font:1.1em Tahoma;color:#333;}
  #sidemenu a{font:bold 1.1em "Trebuchet MS";color:#0036af;text-transform:uppercase;text-decoration:none;}
    #sidemenu a:hover, #sidemenu .current a {color:#ea1a1a;}
  #sub_sections a {font:bold 1em Tahoma;color:#333;text-decoration:none}
    #sub_sections a:hover {text-decoration:underline}
  .cost {font-weight:normal;color:#727272;}
  .list dt{font:bold 1em Tahoma;color:#fff;}
    .list dd {line-height:1.5em}
      #main_page .list dd {font:0.9em Tahoma;}
     .list dd a {color:#e90a0a}
  .pager a {font-weight:bold;color:#333}
    .pager b {color:#979797;}
    .pager .arrow {text-decoration:none}
  .title_block {line-height:1.5}
  .title_block label, .title_block b {font-weight:bold;color:#1043b4}
  .news_block {font:0.9em Tahoma;}
    .news_block dt {font-weight:bold;color:#ea1a1a}
  .toggle_list dt {font-weight:bold;color:#1043b4;}
  .toggle_list dd {line-height:2em}

/*Misc*/
  .clearing {clear: both;font-size:0;}
  .img_title {margin:0 0 20px;padding:12px 0 46px;background: url(../images/bgr/block_bottom.gif) repeat-x left bottom;text-align:center;}
  .pager {text-align:center;}
    .pager a, .pager b {margin:0 5px 0 0;}

  .error_message {width:260px;margin:0 auto 20px;text-align:left;}

  /*LIST*/
    .list {margin:0 0 20px 0;padding:0 15px;background: url(../images/bgr/block_bottom.gif) repeat-x left bottom;overflow:hidden;zoom:1}
      .list dt {clear:both;margin:0 0 18px 0 ;background: url(../images/bgr/vision.gif) repeat-x left top;overflow:hidden;zoom:1}
        .list dt span{float:left;margin:0 250px 0 0;padding:6px 24px;min-width:180px;width:180px;background:#1944af;}
          html>body .list dt span {width:auto;}
      .list dd {float:left;clear:both;width:100%;margin:0 0 10px;}
        .list dd .img {position:relative;top:-17px;float:right;margin:-10px 0 0 15px;}

  /*NEWS*/
    .news_block {padding:0 15px;}
      .news_block dd{margin:7px 0 0 ;}
        .news_block dd ul {margin:10px 15px 10px;padding:0;list-style-type:none;}
          .news_block dd ul li {margin:0 0 5px;}


  /*TABLE*/
    .table {width:100%;margin-bottom:20px;}
      .table th {background:#e5e5e5;border:1px solid #bbb;text-align:left;padding:10px;}
      .table td {border:1px solid #ddd;padding:5px 10px;}
      .table td.odd td {background:#f9f9f9;}

  /*TITLE BLOCK*/
    .title_block {margin:0 0 40px;background: url(../images/bgr/block_bottom.gif) repeat-x left bottom;text-align:center;}
    .title_block .content, .title_block form {width:245px;margin:0 auto;padding:20px;background:#fff;border:1px solid #fff2f2;border-width:0 4px 1px;text-align:left;}
    .title_block .field, .title_block .button{width:auto;}

  /*TOGGLE LIST*/
    .toggle_list {margin:0 15px;}
    .toggle_list dt {margin:0 0 15px;padding:0 0 0 13px;background: url(../images/marker/close.gif) no-repeat left center;cursor:pointer;}
    .toggle_list dt.open {background: url(../images/marker/open.gif) no-repeat left center;}
    .toggle_list dd {margin:0 0 20px 13px;display:none;}

  /*MAX MIN WIDTH FOR SOME CONTAINER*/
  /*#some_container {min-width: 600px;max-width: 1200px;width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");}*/

/*layout*/
  #logo_img {margin:23px 62px 0 26px;float:left;}

  /*=HEADER*/
    #header {padding:0 18px 0 0;background:#fff;overflow:hidden;zoom:1;}
      #slogan {float:left;margin:54px 50px 0 0;}
      #search_form {float:left;margin:54px 18px 0 0;}
        #search_form .input {width:160px;margin:0 15px 0 0;border:1px solid #ababab;}
      #register {float:right;margin:41px 0 0;}
        #register a {display:block;width:110px;}

  /*=MENU*/
    #menu {position:relative;z-index:10;height:48px;background:#2351b9 url(../images/menu/menu.gif) no-repeat left top;border-bottom:8px solid #f7fafc;}
      #menu ul {position:relative;top:10px;z-index:20;height:29px;margin:0 0 0 183px;padding:0;list-style-type:none;position: relative;}
        #menu ul li {float:left;}
          #menu ul li .separator{float:left;width:1px;height:16px;margin:7px 0 0;padding:0 7px;background:url(../images/menu/separator.gif) no-repeat center top;}
          #menu ul li a{ float:left;margin:8px 0 0; }
            #menu ul li a:hover, #menu ul li.current a {background-position:left bottom;}
          #menu ul li .home {background: url(../images/menu/home.gif) no-repeat left top;}
            #menu ul li .home img{width:29px;height:11px;}
          #menu ul li .questions {background: url(../images/menu/questions.gif) no-repeat left top;margin:0;}
            #menu ul li .questions img{width:104px;height:29px;}
          #menu ul li .ens {background: url(../images/menu/education.gif) no-repeat left top;}
            #menu ul li .ens img{width:133px;height:11px;}
          #menu ul li .events {background: url(../images/menu/events.gif) no-repeat left top;}
            #menu ul li .events img{width:122px;height:11px;}
          #menu ul li .hiv_news {background: url(../images/menu/news.gif) no-repeat left top;}
            #menu ul li .hiv_news img{width:51px;height:11px;}
          #menu ul li .message {background: url(../images/menu/message.gif) no-repeat left top;}
            #menu ul li .message img{width:88px;height:11px;}
          #menu ul li .contacts {background: url(../images/menu/contacts.gif) no-repeat left top;}
            #menu ul li .contacts img{width:65px;height:11px;}
          #menu ul li .donation {background: url(../images/menu/donation.gif) no-repeat left top;}
            #menu ul li .donation img{width:99px;height:11px;}

          /*#menu ul li.jd_menu_hover { background: #fff; }*/

          #menu .submenu {position: absolute;z-index:100;display:none;height:auto;margin-top:3px;/*background:#f7fafc;*/background:#fff;border:1px solid #989a9b;}
            #menu .submenu li {float:none;display:block;height:auto;margin:5px 15px;}
              #menu .submenu li a {position: relative;z-index:100;float:none;display:block;margin:0;white-space:nowrap}


      .e-mail {position:absolute;top:33px;left:4px;background: url(../images/icon/mail.gif) no-repeat left top;}
        .e-mail:hover {background-position:left bottom;}

  /*=CONTENT*/
    #wrapper {position:relative;width:1000px;min-height:100%;height:100%;margin:0 auto;background:#f7fafc url(../images/bgr/main.gif) repeat-y 200px top;text-align:left;}
      html>body #wrapper {height: auto;}
      #container {width:100%;float: left;}
        #content {float: right;width:100%;}
          #main {margin:0 200px 5em 200px; zoom:1;}
          #main p{padding:5px 10px;}

            #about {margin:0 0 20px;padding:5px 0 31px 13px;background: url(../images/bgr/block_bottom.gif) repeat-x left bottom;overflow:hidden;zoom:1;}
              #about .main_img {float:right;margin:0 0 0 8px;}

            #comentaries dd{margin:0 0 15px;}

            #faq {margin:0 15px;}
              #faq dt {margin:0 0 5px;}
              #faq dd {margin:0 0 20px;}


  /*=LEFT*/
    #left {width: 200px;float: left;margin:0 -200px 5em 0;}
      #sidemenu {margin:9px 13px 0;padding:0;list-style-type:none;}
        #sidemenu li {overflow:hidden;zoom:1;}
          #sidemenu li a {margin:0 8px 6px;float:left;}
            #sidemenu li .separator {clear:both;display:block;height:1px;margin:0 0 6px;background: url(../images/menu/sidemenu_separator.gif) repeat-x left top;font-size:0;}
      #sub_sections {margin:20px;padding:0;list-style-type:none;}
        #sub_sections li {margin:0 0 5px;padding:0 0 0 6px;background: url(../images/marker/dash.gif) no-repeat left 7px;}

      #section { margin:0 0 28px 0; }
      #section dt {padding:25px 21px 5px;background:#fff;border-bottom:2px solid #e8e7e7;}
      #section dd {padding:7px 21px 0;}


  /*RIGHT*/
    #right {width: 200px;float: right;margin:0 0 5em -200px;}
        #main_page #right .aids_day {margin:0 0 20px;}
      #archives dt{padding:0 21px;min-height:28px;height:26px;background:#fff;border-bottom:2px solid #e8e7e7;}
        html>body #archives dt {height:auto;}
        #archives dd {padding:7px 21px 0 50px;}
          #archives dd ul {margin:0;padding:0;list-style-type:none;}
            #archives dd ul li {margin:0 0 5px;padding:0 0 0 10px;background: url(../images/marker/archive.gif) no-repeat left center;}


  /*=FOOTER*/
    #footer {position:absolute;bottom:0px;left:0;width:100%;padding:0 0 15px;background: url(../images/bgr/footer.gif) repeat-x left bottom;clear:both}
      #copyright {display:block;text-align:center;}



/*form*/
  form {text-align:center;margin:10px 0;}
    form.pink {padding:0 0 20px;margin:0 0 20px;background: url(../images/bgr/block_bottom.gif) repeat-x left bottom;}
  form input, form textarea, form select {vertical-align:middle;}
  input {margin:0;}
  .field {margin:0 auto 5px;width:260px;clear:both;overflow:hidden;zoom:1;text-align:left;}
    .field .title {display:block;margin:10px 0 5px;}
  .block label {display:block;float:none;width:auto;margin:0 0 5px;}
    .block label input {margin:0 5px 0  0;}
  label {float:left;width:100px;margin:0 10px 0 0;}
  .input{border:solid 1px #ababab;color:#000000;width:150px}
    .pink .input {border:solid 1px #daabab;}
  select{border:solid 1px #ababab;color:#000000}
    .pink select {border:solid 1px #daabab;width:256px}
  textarea {width:256px;height:140px;border:solid 1px #ababab;}
    .pink textarea {border:solid 1px #daabab}
  .form-errors .title {color:#bd1a01;font-weight:bold}
  .required_item {color:#e70000;}
  div.button {width:260px;margin:0 auto;text-align:right;}