/**********************************************/
/* CSS Definitions ICLEI  */
/**********************************************/


body{   text-align:center;
        font-family:Arial, Helvetics, sans-serif;
        font-size:0.8em;
	padding:0; margin:0;
        background-image:url(../images/site_bg.jpg);
        background-repeat:repeat-x;
        background-color:white;
}

body * {text-align:left;}

.clear{clear:both; height:0px; font-size:0; overflow:hidden;}

/* ********************************************************************** */
/*  complete page content (including shadows)
/* ********************************************************************** */
#page_frame{width:988px; margin:0 auto; background-image:url(../images/shadow_right.jpg); background-repeat:no-repeat; background-position:980px 0;}
#page_container{position:relative; float:left; width:980px; background-color:white;}

/* ********************************************************************** */
/*  Title area (Title, yellow bars)
/* ********************************************************************** */
#site_title_box{position:relative; width:980px; background-color:white; background-image:url(../images/title_box_bg.jpg); background-position:0 37px; background-repeat:no-repeat; overflow:hidden;}
#site_title_box_left{float:left; height:53px; width:220px;}
#site_title_box_main{float:left; height:53px; width:540px;}
#site_title{}
#site_title h1{float:left; margin:-9999px;}
#site_title a img{border:none; margin:4px 0 0 0;}
#site_title_box_right{float:left; height:53px; width:220px;}

/* ********************************************************************** */
/*  Search Field
/* ********************************************************************** */
#site_title_box_right #search{float:left; margin:10px 0 0 5px;}
#site_title_box_right #search #sword{float:left; color:rgb(200,200,200); font-size:11px; width:120px; height:14px; border:1px solid rgb(180,180,180); padding:0; margin:0 5px 0 0; }
#site_title_box_right #search #sbutton{float:left; background-color:transparent; border:none; width:16px; height:16px; background-image:url(../images/link-dot-16x16.gif); margin:0; padding:0;}

/* ********************************************************************** */
/*  JOIN ICLEI BUTTON
/* ********************************************************************** */
#join_iclei_button{position:absolute; top:155px; left:175px; width:60px; height:60px; z-index:2;}
#join_iclei_button a {border:none;}
#join_iclei_button img {border:none;}
#join_iclei_button a img{border:none;}


/* ********************************************************************** */
/*  Header (main image, logo)
/* ********************************************************************** */
#site_header_box{position:relative; width:980px; background-color:white; z-index:1;}
#site_header_box_left{float:left; width:220px; }
#iclei_logo{ width:160px; height:100px; margin:10px 0 0 30px;}
#iclei_logo img{border:none;}
#site_header_box_main{float:left; width:760px; height:150px; overflow:hidden;}

#site_header_box_main * {margin:0; padding:0;}

/* ********************************************************************** */
/* Main content (about iclei menu, main navigation, content, sidebar)
/* ********************************************************************** */
#site_content_box{position:relative; width:980px; background-image:url(../images/site_content_box_bg.jpg);  background-repeat:repeat-y; z-index:3;}
#menu{position:relative; float:left; ; width:220px; padding:0 0 20px 0;}


/* ********************************************************************** */
/* MAIN MENU
/* ********************************************************************** */
#menu ul{padding:0; margin:0px 0 10px 0; list-style-type:none; z-index:150;}
#menu ul li{margin:0;}
#menu ul li a{display:block; height:19px; padding:0; margin:0; text-decoration:none; color:black; padding:5px 5px 5px 10px;}
#menu ul li span{padding:0; margin:0;}

#menu ul .li_level_1{background-image:url(../images/main_menu_li_level_1_bg.jpg); margin:8px 0 0 0; padding:0; width:220px;}
#menu ul .li_level_1 a{}
#menu ul .li_level_1 a:link, a:visited{font-weight:normal;}
#menu ul .li_level_1 a:hover{font-weight:bold;  }
#menu ul .li_level_1_act{background-image:url(../images/main_menu_li_level_1_act_bg.jpg); margin:8px 0 1px 0; width:220px;}
#menu ul .li_level_1_act a{font-weight:bold; border-bottom:1px solid rgb(0,122,122); }
#menu ul .li_level_1_spc{height:10px;}

#menu ul .li_level_2{background-color:rgb(191,214,208);  width:220px; border-bottom:1px solid rgb(0,122,122); margin:-1px 0 0 0;}
#menu ul .li_level_2 a{ padding-left:20px; }
#menu ul .li_level_2 a:link, a:visited{font-weight:normal;}
#menu ul .li_level_2 a:hover{font-weight:bold;}
#menu ul .li_level_2_act{ background-color:rgb(191,214,208); padding:0 10px 0 10px;  width:200px; border-bottom:1px solid rgb(0,122,122); margin:-1px 0 0 0;}
#menu ul .li_level_2_act a{background-color:rgb(160,196,184); padding-left:10px; padding-right:0; font-weight:bold; border-bottom:1px solid rgb(0,122,122);}

#menu ul .li_level_3{background-color:rgb(191,214,208); padding:0 10px 0 10px; width:200px; border-bottom:1px solid rgb(0,122,122); margin:-1px 0 0 0;}
#menu ul .li_level_3 a{background-color:rgb(160,196,184); padding-left:25px; font-size:0.9em; }
#menu ul .li_level_3 a:link, a:visited{font-weight:normal;}
#menu ul .li_level_3 a:hover{font-weight:bold; text-decoration:underline;}
#menu ul .li_level_3_act{background-color:rgb(191,214,208); padding:0 10px 0 10px; width:200px; border-bottom:1px solid rgb(0,122,122); margin:-1px 0 0 0;}
#menu ul .li_level_3_act a{background-color:rgb(160,196,184); padding-left:25px;  font-weight:bold; font-size:0.9em; text-decoration:underline;}

#menu ul .li_level_4{background-color:rgb(191,214,208); padding:0 10px 0 10px;  width:200px; border-bottom:1px solid rgb(0,122,122); margin:-1px 0 0 0;}
#menu ul .li_level_4 a{background-color:rgb(160,196,184); padding-left:40px; font-size:0.85em;}
#menu ul .li_level_4 a:link, a:visited{font-weight:normal;}
#menu ul .li_level_4 a:hover{font-weight:bold; text-decoration:underline overline;}
#menu ul .li_level_4_act{ background-color:rgb(191,214,208); padding:0 10px 0 10px; width:200px; border-bottom:1px solid rgb(0,122,122); margin:-1px 0 0 0;}
#menu ul .li_level_4_act a{background-color:rgb(160,196,184); padding-left:40px;  font-weight:bold;  font-size:0.85em; text-decoration:underline overline;}


/* ********************************************************************** */
/* SPECIAL - ABOUT US MENU & HOME - (here id="id_6581" & id="id_6588")
/* (For providing "About us"-page as own layout and alway have top margin to home!)
/* ********************************************************************** */
#menu ul #id_xx{background-image:url(../images/about_menu_li_level_1_bg.jpg); margin:0 0 0 0; padding:0; width:220px;}
#menu ul #id_xx a {color:white; font-weight:bold;}
#menu ul #id_xx_act{background-image:url(../images/about_menu_li_level_1_bg.jpg); margin: 0 0 0; padding:0; width:220px;}
#menu ul #id_xx_act a {color:white; font-weight:bold;}

#menu ul #id_xx{margin:25px 0 0 0; }
#menu ul #id_xx_act{margin:25px 0 0 0;}

/* ********************************************************************** */
/*  BREADCRUMB 
/* ********************************************************************** */
#breadcrumb_box{float:right; width:740px; margin:0 8px 0 10px; border-bottom:1px solid rgb(235,235,235); padding:5px 0 5px 0;  }
#breadcrumb_box span{font-size:11px; font-weight:bold; color:rgb(150,150,150); padding:0 5px 0 0;}
#breadcrumb_box #breadcrumb {display:inline;}
#breadcrumb_box #breadcrumb a{font-size:11px; font-weight:normal; color:rgb(150,150,150); text-decoration:none; padding:0 7px 0 7px; border-left:1px dotted rgb(150,150,150);}
#breadcrumb_box #breadcrumb a:hover{text-decoration:underline;}

/* ********************************************************************** */
/*  CUSTOM CLASSES
/* ********************************************************************** */
.link_button_standard_left{padding-left:18px; background-image:url(../files/symbols/link_button_v1.png); background-repeat:no-repeat; background-position:left top;}
.link_button_standard_right{padding-right:18px; background-image:url(../files/symbols/link_button_v1.png); background-repeat:no-repeat; background-position:right top;}
.link_button_pdf{padding-left:18px; background-image:url(../files/symbols/pdf_button_v1.png); background-repeat:no-repeat; background-position:left top;}


/* ********************************************************************** */
/* site footer (copy, footer menu, green bars)
/* ********************************************************************** */
#site_footer{width:980px;}
#site_footer_left{float:left; height:16px; width:220px; background-color:rgb(0,122,122); padding:0; margin:0;}
#site_footer_main{float:left; height:16px; width:540px; background-color:rgb(0,122,122);}
#site_footer_right{float:left; height:16px; width:220px; background-color:rgb(153,195,195);}

#site_footer_left p{font-size:0.85em; color:white; font-weight:bold; padding:0; margin:1px 0 0 15px; text-align:left; background-color:transparent;}

#site_footer_main ul{margin:1px 0 0 0; padding:0; font-size:0.85em;}
#site_footer_main ul li{float:left; display:inline; margin:0; padding:0 25px 0 0;}
#site_footer_main ul li a{color:white; font-weight:normal; text-decoration:none; }
#site_footer_main ul li a:link{}
#site_footer_main ul li a:visited{}
#site_footer_main ul li a:hover{text-decoration:underline;}


#site_footer_main ul .li_footer_act {float:left; display:inline; margin:0; padding:0 25px 0 0;}
#site_footer_main ul .li_footer_act a{color:white; font-weight:normal; text-decoration:underline; }

#site_footer_right {text-align:right;}
#site_footer_right a{display:block; float:right; font-size:11px; color:rgb(100,100,100); font-weight:normal; text-decoration:none; padding:0 10px 0 0; margin:3px 0 0 0;}

/* ********************************************************************** */
/*  bottom shadow
/* ********************************************************************** */
#page_frame_bottom{clear:both; width:988px; height:8px; background-image:url(../images/shadow_bottom.jpg); background-repeat:no-repeat;}