/**********************************************/
/* CSS Definitions ICLEI - CONTENT + SIDEBAR  */
/**********************************************/

#content{position:relative; float:left; width:525px; min-height:300px; z-index:1; margin:0 5px 0 10px;}
#content * html{height:300px;}
#sidebar {position:relative; float:left; min-height:10px; width:210px; z-index:1; margin:0 5px 0 5px;}

#big_content{display:none;}
#big_content_split_1{display:none;}
#big_content_split_2{display:none;}
#big_content_split_3{display:none;}


/* ********************************************************************** */
/*  3rd pasrty service logos, Twitter, flickr, youtube
/* ********************************************************************** */
#third_party_services_logos{display:none;}

/* ********************************************************************** */
/*  CONTENT
/* ********************************************************************** */
#content .box-green-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid rgb(0,122,122);}
#content .box-white-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid white;}
#content .box-yellow-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid #ffcc00;}

#content * {}

#content p{font-size:1em; color:black; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; margin:10px 0 10px 0; padding:0;}

#content h1{font-size:1.4em; letter-spacing:0.1em; color:rgb(0,122,122); border-bottom:1px solid rgb(0,122,122); line-height:1em; margin:10px 0 10px 0;}
#content h2{font-size:1.1em; color:rgb(0,122,122); border:none; letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}
#content h3{font-size:1.0em; color:rgb(0,122,122); letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}
#content h4{font-size:1.0em; color:black; letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}
#content h5{font-size:0.9em; color:black; letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}

#content a{color:rgb(0,122,122); background-color:transparent; font-weight:bold;}
#content a:link {}
#content a:visited {}
#content a:hover {background-color:rgb(255,225,0); color:rgb(50,50,50);}
#content a:active { color:rgb(255,225,0); background-color:rgb(50,50,50);}
#content a img{border:none;}

#content ul{list-style-image:url(../images/list_bullet.png); margin:10px 0 10px 0;}
#content ul li {line-height:1.2em;}
#content ol{margin:10px 0 10px 0;}
#content ol li{ line-height:1.2em;}

#content table{margin:10px 0 10px 0;}
#content table tr{}
#content table tr th{vertical-align:top;}
#content table tr td{vertical-align:top;}

#content hr{margin:10px 0 10px 0; border:1px solid rgb(0,122,122); border-width:1px 0 0 0;}

#content .align-left{text-align:left;}
#content .align-right{text-align:right;}
#content .align-center{text-align:center;}
#content .align-justify{text-align:justify;}

/* ********************************************************************** */
/*  SIDEBAR
/* ********************************************************************** */

#sidebar .box-white{padding:0 5px 10px 5px; margin:5px 0 15px 0;}
#sidebar .box-green-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid rgb(0,122,122);}
#sidebar .box-yellow-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid #ffcc00;}
#sidebar .box-light-green-background .content{padding:1px 5px 1px 5px; margin:0; background-image:url(../images/sidebar-box-light-green-top_210x2000.png);}
#sidebar .box-light-green-background .bottom{ height:10px; margin:0; padding:0; background-image:url(../images/sidebar-box-light-green-bottom_210x10.png); background-repeat:no-repeat;}
#sidebar .box-green-background .content{padding:1px 5px 1px 5px; margin:0; background-image:url(../images/sidebar-box-dark-green-top_210x2000.png);}
#sidebar .box-green-background .bottom{ height:10px; margin:0; padding:0; background-image:url(../images/sidebar-box-dark-green-bottom_210x4.png); background-repeat:no-repeat}
#sidebar .box-yellow-background .content{padding:1px 5px 1px 5px; margin:0; background-image:url(../images/sidebar-box-yellow-top_210x2000.png);}
#sidebar .box-yellow-background .bottom{ height:10px; margin:0; padding:0; background-image:url(../images/sidebar-box-yellow-bottom_210x10.png); background-repeat:no-repeat}



#sidebar p{font-size:1em; color:black; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; margin:10px 0 10px 0; padding:0;}

#sidebar h1{font-size:1.2em; color:rgb(0,122,122); border-bottom:1px solid rgb(0,122,122); line-height:1em; margin:10px 0 10px 0;}
#sidebar h2{font-size:1.1em; color:rgb(0,122,122); border:none; letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}
#sidebar h3{font-size:1.0em; color:rgb(0,122,122); letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}
#sidebar h4{font-size:1.0em; color:black; letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}
#sidebar h5{font-size:0.9em; color:black; letter-spacing:0.0em; line-height:1em; margin:10px 0 10px 0;}

#sidebar a{color:rgb(0,122,122); background-color:transparent; font-weight:bold;}
#sidebar a:link {}
#sidebar a:visited {}
#sidebar a:hover {background-color:rgb(255,225,0); color:rgb(50,50,50);}
#sidebar a:active { color:rgb(255,225,0); background-color:rgb(50,50,50);}
#sidebar a img{border:none; background-color:transparent;}

#sidebar ul{list-style-image:url(../images/list_bullet.png); margin:10px 0 10px 0;}
#sidebar ul li {line-height:1.2em;}
#sidebar ol{margin:10px 0 10px 0;}
#sidebar ol li{ line-height:1.2em;}

#sidebar table{margin:10px 0 10px 0;}
#sidebar table tr{}
#sidebar table tr th{vertical-align:top;}
#sidebar table tr td{vertical-align:top; }

#sidebar hr{margin:10px 0 10px 0; border:1px solid rgb(0,122,122); border-width:1px 0 0 0;}

#sidebar .align-left{text-align:left;}
#sidebar .align-right{text-align:right;}
#sidebar .align-center{text-align:center;}
#sidebar .align-justify{text-align:justify;}


/* ********************************************************************** */
/*  LEFT SIDE BANNER
/* ********************************************************************** */
#left_side_banner {margin:40px 0 0 0;}

#left_side_banner .box-green-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid rgb(0,122,122);}
#left_side_banner .box-white-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid white;}
#left_side_banner .box-yellow-border{padding:0 5px 10px 5px; margin:5px 0 15px 0; border:1px solid #ffcc00;}

#left_side_banner p{font-size:1em; color:black; font-family:Arial, Helvetica, sans-serif; line-height:1.2em;}

#left_side_banner h1{font-size:1.2em; color:rgb(0,122,122); border-bottom:1px solid rgb(0,122,122); line-height:1em;}
#left_side_banner h2{font-size:1.1em; color:rgb(0,122,122); border:none;  line-height:1em;}
#left_side_banner h3{font-size:1.0em; color:rgb(0,122,122);  line-height:1em;}
#left_side_banner h4{font-size:1.0em; color:black; line-height:1em;}
#left_side_banner h5{font-size:0.9em; color:black;  line-height:1em;}

#left_side_banner a{color:rgb(0,122,122); background-color:transparent; font-weight:bold;}
#left_side_banner a:link {}
#left_side_banner a:visited {}
#left_side_banner a:hover {background-color:rgb(255,225,0); color:rgb(50,50,50);}
#left_side_banner a:hover img{background-color:transparent;}
#left_side_banner a:active { color:rgb(255,225,0); background-color:rgb(50,50,50);}
#left_side_banner a img{border:none;}

#left_side_banner ul{list-style-image:url(../images/list_bullet.png);}
#left_side_banner ul li {line-height:1.2em;}
#left_side_banner ol{}
#left_side_banner ol li{ line-height:1.2em;}

#left_side_banner table{}
#left_side_banner table tr{}
#left_side_banner table tr th{vertical-align:top; line-height:1.4em;}
#left_side_banner table tr td{vertical-align:top; line-height:1.4em;}

#left_side_banner hr{margin:10px 0 10px 0; border:1px solid rgb(0,122,122); border-width:1px 0 0 0;}

#left_side_banner .align-left{text-align:left;}
#left_side_banner .align-right{text-align:right;}
#left_side_banner .align-center{text-align:center;}
#left_side_banner .align-justify{text-align:justify;}