/*					Default Elements
---------------------------------------------------------- */



body
{
margin: 0;
padding: 0;
text-align: center;
background: #005D1F url(i/body1.png) top center repeat-y;
font: 10.5pt "Trebuchet MS", Verdana, Arial, Sans-serif;
color: #000;
line-height: 150%;
}



h1, h2, h3 { font-family: Arial, sans-serif; }

a, a:link, a:visited { text-decoration: none; }




/*					Page structure
------------------------------------------------------------------ */



#wrapper
{
margin: 0 auto;
width: 740px;
/*background: transparent url(i/wrapper.gif) top left repeat-y; */
}


#headBox
{
position: relative;
margin: 15px auto 0 auto;
display: block;
width: 680px;
height: 220px;
background: #ededa9 url(i/headBox1.png) top left no-repeat;
}



#content 
{
width: 680px;
margin: 10px auto 0 auto;
text-align: left;
}


#main 
{
width: 450px;
float: left;
background: transparent;
margin: 15px 0 0;
padding: 0 0 10px;
color: #333;
/* font-size: 90%; */
min-height: 450px;
height: 500px;
}


html>body #main { height: auto; }



#sidebar 
{
width: 215px;
float: right;
margin: 15px 0 0;
/* font-size: 100%; */
background: #f1ebd0 url(i/notice2.png) top left repeat-y;
}

#footer
{
display: block;
clear: both;
margin: 0 auto;
width: 660px;
font-size: 90%;
line-height: 1.2em;
font-weight: bold;
border-bottom: 4px solid #b8d68e;
}





/*					#headBox elements
------------------------------------------------------------------ */



#headBox h1
{
margin: 0;
padding: 0;
top: 1px;
left: 0;
}

#headBox h1 a
{
position: absolute;
display: block;
width: 309px;
height: 92px;
margin: 0;
padding: 0;
top: 50px;
left: 20px;
text-indent: -9999999px;
background: transparent url(i/logo.gif) top left no-repeat;
}




#topnav
{
margin: 10px 0 10px 0;
padding: 0;
list-style-type: none;
float: left;
}


#topnav ul
{
margin: 0;
padding: 0;
}


#topnav li
{
float: left;
padding-left: 22px;
}

#topnav li a
{
font-weight: bold;
color: #005e20;
text-decoration: none;
font-size: 90%;
}

#topnav li a:hover
{
color: #900;
text-decoration: underline;
}

li a#bg       
{
display: block;
padding: 0;
width: 26px;
height: 22px;
background: url(i/bg.png) bottom left no-repeat;
text-indent: -9999999px;
text-decoration: none;
}

li a#en
{
display: block;
padding: 0;
width: 26px;
height: 22px;
background: url(i/en.png) bottom left no-repeat;
text-indent: -9999999px;
text-decoration: none;
}

li a#en:hover { background-position: 0 0; text-decoration: none; }
li a#bg:hover { background-position: 0 0; text-decoration: none; }



#sf
{
position: absolute;
bottom: 45px;
left: 80px;
}

html>body #sf { bottom: 40px; }



#sf input, submit
{

margin: 0;
padding: 0;
}


#galleryPix1
{
position: absolute;
top: 9px;
left: 380px;
height: 175px;
width: 95px;
display: block;
background: transparent;
}

#galleryPix2
{
position: absolute;
top: 9px;
left: 478px;
height: 175px;
width: 95px;
display: block;
background: transparent;
}

#galleryPix3
{
position: absolute;
top: 9px;
left: 576px;
height: 175px;
width: 95px;
display: block;
background: transparent;
}


#navBar
{
position: absolute;
bottom: 2px; 
left: 2px;
width: 675px;
height: 31px;
margin: 0;
padding: 0;
list-style-type: none;

}


#navBar li
{
margin: 0;
padding: 0;
float: left;
height: 31px;
display: block;
}

#navBar a, #navBar a:link, #navBar a:visited
{ color: #fff; } 
 

#navBar li a
{
margin: 0;
padding: 0;
display: block;
float: left;
height: 31px;
line-height: 240%;
padding: 0 .8em;
color: #fff;
font-size: 9px;
font-weight: bold;
background: url(i/nav.gif) bottom left repeat-x;
}

#navBar li a:hover
{
background-position: 0 0;
color: #c20;
text-decoration: none;
}

#navBar li a#home       
{ 
background: url(i/home.png) bottom left no-repeat; 
padding-left: 33px; 
width: 47px;
margin-left: 15px;
}

html>#navBar li a#home  { margin-left: 19px; width: 80px; }

#navBar li a#home:hover { background-position: 0 0;  }


/*
#navBar li a#news      { width: 51px; }
#navBar li a#events    { width: 60px; }
#navBar li a#workcamps { width: 89px; }
#navBar li a#ltv       { width: 42px; }
#navBar li a#projects  { width: 71px; }
#navBar li a#vlahi     { width: 119px; }
#navBar li a#gallery   { width: 62px; }
#navBar li a#links     { width: 49px; }
*/

#acrynm { display: none; }


/*					#main elements (.article)
------------------------------------------------------------------ */

.article h2
{
display: block;
width: 420px;
/* background: url(i/h2_title.png) bottom left repeat-x; */
border-bottom: 1px solid #b8d68e;
margin: 0 0 1.3em 0;
padding: 0;
font-size: 150%;
}

.article h2 a { color: #4c5c35; }
.article h2 a:hover { color: #900; }


h3
{
margin: 0 0 5px 0px;
padding: 0;
font-size: 130%;
color: #020;
}

.article 
{
margin: .3em 0 0 0;
padding: 0;
}


.article-title 
{
margin: 0;
font-size: 135%;
line-height: 1.5em;
display: block;
padding: 2px 14px 2px 29px;
color: #333;
}

#main a.title-link, .article-title strong 
{
text-decoration: none;
display: block;
}

#main a.title-link:hover { color: #c20; }

.article-body { padding: 10px 10px 1px 15px; }

.article p { margin: 0 0 .75em; }

#main a, .article p a { color: #005a7e; font-weight: bold; }
#main a:hover, .article p a:hover { color: #036; text-decoration: underline;}



.article img 
{
float: left;
margin: 0 1em 5px 0;
/*padding: 4px;*/
border: 1px solid #5d7f1b;
}


/* links */
h4.link { margin-bottom: 0; clear: left; display: block; width: 420px; border-top: 1px solid #b8d68e; }
p.links { margin-top: 0; margin-bottom: 0; }
img.logo { border: 0; }

.article h2
{

}

.line
{
clear: both;
width: 98%;
height: 5px;
float: left;
display: block;
}

.visible_line
{
clear: both;
width: 98%;
height: 5px;
float: left;
display: block;
border-bottom: #c9d8ad 1px solid;
}


.date
{
font-size:90%;
color: #777;
}

p.gallery
{
float: left;
}

p.right
{
float: right;
}



/*					#sidebar elements
---------------------------------------------------------- */



#noticeBoard
{
background: url("i/notice_bot2.png") no-repeat left bottom;
margin: 0 0 0px;
padding: 0 0 7px 0;
color: #000;
text-align: left;
}

html>body #noticeBoard { padding: 0 0 30px 0; }

#noticeBoard h2
{
background: url("i/notice_top2.png") no-repeat left top;
padding: 10px 15px 0 15px;
margin: 0;
border-width: 0;
font-size: 130%;
line-height: 1.5em;
color: #d18300;
text-align: center;
}


#noticeBoard h2 a
{
color: #900;
}

#noticeBoard h2 a:hover
{
text-decoration: underline;
}

#sidebar ul
{
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
}

#sidebar li
{
/*margin: 0 0 .7em -1em;*/
margin: 0 10px 10px 15px;
padding: 0;
text-align: left;
text-indent: 0;
width: 180px;
}

#sidebar li a
{
line-height: 130%;
color: #000;
font-weight: bold;
}

#sidebar li a:hover
{
/*background: transparent url(i/bullet.png) center left no-repeat;*/
color: #900;
text-decoration: underline;
}

p.funders 
{ 
border-top: 1px solid #900;
margin: 25px 10px 10px 15px;
padding: 20px 0 0 0;
width: 180px;
font-weight: bold;
font-size: 90%;
}

p.funders a { text-decoration: none; color: #900; }
p.funders a:hover { text-decoration: underline; }

#sidebar img, #sidebar img a { margin: 10px 0 0 15px; border: 0;  }

/*					#footer
---------------------------------------------------------- */



#footer a { color: #005a7e; font-weight: bold; }
#footer a:hover { color: #900; text-decoration: underline; }

#footer p#right
{
margin: 0;
padding: 20px 20px;
width: 40%;
float: right;
text-align: right;
}

#footer p#left
{
margin: 0;
padding: 20px 20px;
width: 40%;
float: left;
text-align: left;
}



/*					#misc
---------------------------------------------------------- */



.hide {display: none;}

.date
{
font-size: 80%;
display: block;
width: 100%;
margin: 0;
padding: 0;
}

h4.subtitle
{
margin: 0;
padding: 0;
}

p.summary
{
margin-bottom: 1.5em;
}



.gall
{
display: block;
width: 350px;
float: left;
}

.gall p
{
text-align: center;
float: left;
clear: left;
}

.gall i
{
/* font-size: 100%; */
color: #005e20;
font-weight: bold;
}

#main .clearer
{
margin: 15px auto 40px auto;
height: 10px;
width: 400px;
float: left;
clear: both;
}


.bottom {
clear: both;
}


.back2top
{
display: block;
width: 420px;
text-align: right;
border-bottom: 1px solid #b8d68e;
font-size: 90%;
}

	ul#contents_top {
		list-style: none;
/* 		margin-left: 0; */
/* 		padding-left: 1em; */
/* 		text-indent: -1em; */
		}

	ul#contents_top li a {
		list-style-image: none;
		list-style-type: none;
		}