/*
-----------------------------------------------
Black Sea NGO Network CSS
Author: Iliya Iliev
Version: 19 June 2008
Copyright (c) 2005-2008 Black Sea NGO Network. All rights reserved.
----------------------------------------------- */

/* General
----------------------------------------------- */
body {
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:100.01%;
color:#006;
}
* {
    margin: 0;
    padding: 0;
}
/* Wrapper
----------------------------------------------- */
#wrapper {
width:899px;
margin:0 auto;
}

/* Header
----------------------------------------------- */
#header {
background: url(images/logo.png) no-repeat;
width:899px;
height:122px;



}
h1  {
	width:510px;
	height:120px;
	margin-left:40px;
	position:absolute;
	text-indent:-9999px;

}
h1 a{
width:510px;
height:120px;
display:block;
}

/* Content
----------------------------------------------- */
#content {
min-height:440px;
height:auto !important;
height:440px;
text-align:left;
float:left;
padding-left:31px;
width:713px;
}
ul.none {
    list-style-type: none;
}
p, ul, ol, dl {
font-size:0.84em;
line-height:1.31em;
margin-bottom:1.31em;
}
ul li{
list-style-position:outside;
}
dl.publications{
background:#E3F3FB;
padding:5px;
border-top:1px solid #336799;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;margin-bottom:0.42em;
letter-spacing:-0.02em;
line-height:120%;
clear:both;
}
h3 {
font-size:1.06em;
line-height:120%;

font-family:Arial, Helvetica, sans-serif;
}
.clearboth {
clear:both;
}
img {
border:0;
}
.right_img{
float: right;
margin-left:1.31em;

}
.img p{
font-size:11px;
color:#fff;
background:#336799;
padding:3px;
margin-bottom:0px;

border-bottom:1px solid #336799;
}
.right_img p {
font-size:11px;
color:#fff;
background:#336799;
padding:3px;
margin-bottom:0px;
width:242px;
border-bottom:1px solid #336799;

}
.left_img{
float:left;
padding-right:1.31em;
padding-bottom:1.31em;
}
.small{
width: 243px;
font-size:10px;
padding:5px 0 5px 0;
line-height:130%;
font-size:0.63em;
}

.border{
border-top:1px solid gray;
padding:10px 0 0 0;
}
#search {
width:713px;

}

/* Navigation
----------------------------------------------- */
#leftnav {
width:155px;
float:left;
margin:0;
padding:0;
}
#leftnav p {
text-align:center;
}
#leftnav ul {
list-style-type:none;
margin:0;
padding:0;
}
#leftnav li,#leftnav ul li a {
display:inline;
float:left;
width:155px;
height:41px;
text-indent:-9999px;
}
li#nav-home {
background:url(images/buton_h.jpg) no-repeat;
}
li#nav-home a:hover, li#nav-home-active {
background:url(images/buton_h1.jpg) no-repeat;
}
li#nav-abo {
background:url(images/buton_a.jpg) no-repeat;
}
li#nav-abo a:hover, li#nav-abo-active {
background:url(images/buton_a1.jpg) no-repeat;
}
li#nav-our {
background:url(images/buton_o.jpg) no-repeat;
}
li#nav-our a:hover, li#nav-our-active {
background:url(images/buton_o1.jpg) no-repeat;
}
li#nav-con {
background:url(images/buton_co.jpg) no-repeat;
}
li#nav-con a:hover, li#nav-con-active {
background:url(images/buton_co1.jpg) no-repeat;
}
li#nav-mem {
background:url(images/buton_m.jpg) no-repeat;
}
li#nav-mem a:hover, li#nav-mem-active {
background:url(images/buton_m1.jpg) no-repeat;
}
li#nav-pro {
background:url(images/buton_p.jpg) no-repeat;
}
li#nav-pro a:hover, li#nav-pro-active {
background:url(images/buton_p1.jpg) no-repeat;
}
li#nav-dir {
background:url(images/buton_d.jpg) no-repeat;
}
li#nav-dir a:hover, li#nav-dir-active {
background:url(images/buton_d1.jpg) no-repeat;
}
li#nav-new {
background:url(images/buton_n.jpg) no-repeat;
}
li#nav-new a:hover, li#nav-new-active {
background:url(images/buton_n1.jpg) no-repeat;
}
li#nav-top {
background:url(images/buton_t.jpg) no-repeat;
}
li#nav-top a:hover, li#nav-top-active {
background:url(images/buton_t1.jpg) no-repeat;
}
li#nav-lin {
background:url(images/buton_l.jpg) no-repeat;
}
li#nav-lin a:hover, li#nav-lin-active {
background:url(images/buton_l1.jpg) no-repeat;
}
#lang {
color:#006;

float:right;
padding:15px 30px 0 0;
font-size: 11px;
}
#lang a {
color:#006;
text-align:right;
text-decoration:none;
border-bottom:1px solid #006;
}
#lang a:hover {
border-bottom:none;
}
.breadcrumbs {
font-size:0.63em;
color:#666;

padding-bottom:5px;

width:713px;
margin-left:186px;
padding-top:10px;
}
.breadcrumbs a{
background:transparent url(images/next.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:15px;
color:#666;
text-decoration:none;
text-decoration:underline;}

/* Search
----------------------------------------------- */
#searchbox{
width:250px;
float:right;
padding:20px 0 0 0;
float:right;
}
#text {
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:0.75em;
vertical-align:top;
color:#666;
padding:3px;
height:15px;
width:180px;
border:1px solid #336799;
}
#sa{
vertical-align:top;
} 

/* Footer
----------------------------------------------- */
#footer {
clear:both;
width:899px;
height:30px;
border-top:2px solid #336799;
}
#footer p {
font-size:0.63em;
color:#666;
text-align:center;
line-height:30px;

}
#footer a:hover {
text-decoration:none;
color:#F30700;
}
#footer a {
color:#666;
text-decoration:none;
text-decoration:underline;
}

/* Bottom Navigation
----------------------------------------------- */ 
#bottomnav {

font-size:0.75em;
}
.back_page a {
background:transparent url(images/back.gif);
background-repeat:no-repeat;
background-position:left;
float:left;
padding:0 5px 0 13px;
}
.top_page a {
background:transparent url(images/top.gif);
background-repeat:no-repeat;
background-position:left;
float:left;
padding:0 0 0 10px;
}
 
/* Links
----------------------------------------------- */
#content a{
color:#00923F;
text-decoration:none;
border-bottom:1px solid #00923F}

#content a:hover {
border-bottom:none;
color:#F30700;
} 
a.liexternal {
padding:0 13px 0 0;
background:url(images/link.gif);
background-repeat:no-repeat;
background-position:right;
}
 
/* Slideshow
----------------------------------------------- */
#slideshow {
position:relative;
height:259px;
}
#slideshow div {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height: 259px;
background-color: #FFF;
width: 194px;
}
#slideshow div.active {
z-index:10;
opacity:1.0;
}
#slideshow div.last-active {
z-index:9;
}
#slideshow div img {
height: 259px;
display: block;
padding-right:50px;
}
.float {
float:left;
width:215px;
}