/* ecotibet.css
 * Generic style sheet for www.ecotibet.org
 * -> This is loaded *first*, before special stylesheets
 HISTORY:
 22 jun 2005 jw - modified with norsang's changes of april 14.
 16 jun 2005 jw - formatted for humans, and added comments.
 */

/* ===================================================
   ===== { Generic for all pages and page parts: =====
   =================================================== */

body {
  font-family: sans-serif, verdana, arial, helvetica;
  font-size:   12px;
  margin: 0px 0px 0px 0px;
  background-color: #006600;
}

body.popup {
  background-color: #ccff99;
  color:       #000000;
  font-family: verdana, helvetica, arial, sans-serif;
  margin:      20px 20px 0px 20px;
}

/* -----------------
   --- { Links:
   ----------------- */
a:link, a:visited {
  text-decoration: underline;
  color:	#007BBD;
}
a:hover {
  text-decoration: underline;
    text-color:	#007BBD;
}

/* ===========================================
   ===== { Page parts: =====
   =========================================== */

/* -------------------- { Header: ----------------- */

#pageHead a img {
  display: block;
  margin: auto;
}

#pageCell {
  font-size:        12px;
  color: 	#003300;
  position:         relative;
  left:             0px;
  width:            710px;
  min-width:        600px;
  background-color: #ffffff;
  margin:           auto;
}

#pageCell marquee a{
 text-decoration: none;
}
/* -------------------- Header } ----------------- */


/*--------------------- { LeftBar: ----------------*/
#pageNav {
  font-size:        100%;
  float:            left;
  width:            120px;
  padding:          0px;
  background-color: #f5f7f7;
  border-right:     0px solid #cccccc;
  border-top:       0px solid #cccccc;  
}

#sectionLinks {
  color:            #003300;
  font-weight:      bold;
  font-size:        100%;  
  margin:   0px;
  padding:  0px;
}

#sectionLinks a:link, #sectionLinks a:visited, #sectionLinks span {
  color:            #003300;
  text-decoration:  none;
  font-weight:      bold;
  font-size:        100%;
  padding:          0px 0px 0px 0px;
  display:          block;
  border-bottom:    0px solid #cccccc;
}

#sectionLinks a:hover {
  font-weight:      bold;
  /* background-color: #cbdea8; */
  background-color: #ffffcc;
  text-decoration:  none;
}

#sectionImage {
   margin:           auto;
   padding:	0px;
   background-color: #ffffcc;
}

#sectionImage img{
  position: relative;
  border-color:	    #003300;
}
/*--------------------- LeftBar } ------------------*/

/*-------------------- { MiddleContent: ----------- */
#pageContent {
  padding:      0ex 1em 0ex 0em;
  margin:       0px 0px 0px 120px;
  width:	580px;
  position:	relative;
  border-left:  0px solid #ccd2d2;
  border-top:   0px solid #ccd2d2;
  border-right: 0px solid #ccd2d2;
  /*background-color: #BFFFBF;*/
}

#mainPageContent {
  padding:      0ex 1em 0ex 0em;
  margin:       0px 0px 0px 120px;
  width:	360px;
  position:	relative;
  border-left:  0px solid #ccd2d2;
  border-top:   0px solid #ccd2d2;
  border-right: 0px solid #ccd2d2;
  /*background-color: #BFFFBF;*/
}

#newsContent {
  padding:      0ex 1em 0ex 0em;
  margin:       0px 0px 0px 120px;
  width:	580px;
  position:	relative;
  border-left:  0px solid #ccd2d2;
  border-top:   0px solid #ccd2d2;
  border-right: 0px solid #ccd2d2;
  /*background-color: #BFFFBF;*/
}

#content {
  font-size:  100%;
  padding:    0px 0px 0px 5px;
}

#content ul {
  list-style-image: url(/images/bullets/bullet.gif);
  list-style-type: disc;
  margin:          0px 0px 0px 32px;
}

#content li {
  padding:         0px 0px 10px 0px;
}

#content blockquote {
  margin:     0px 0px 0px 15px;
  padding:    0px 0px 0px 15px;
}

#awards img {
  border:	8px double #006600;
  background:	#BFFFBF;

  }

#awards span.headline {
  font-size:   125%;
}

/*-------------------- MiddleContent }  ----------- */

/*-------------------- { RightBar: -----------------*/
#rightpageNav {                
  position:	    absolute;
  padding:          0ex 0em 0ex 0em;
  margin:           0px 0px 0px 485px;
  width:	    224px;
  top:		    15px;
  border-left:      0px solid #ccd2d2; 
  border-right:     0px solid #ccd2d2;
  border-top:       0px solid #ccd2d2;  
  /*background-color: #BFFFBF;*/
  
}


#rightpageNav h1 {
  font-size:  150%;
  color:      #006600;
  padding:    0px 0px 0px 0px;
}

#rightpageNav p {
  font-size:  100%;
  color:      #006600;
  padding:    0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
}

#rightpageNav table {
width:	224px;  
padding: 0px;
margin: 0px;
}

#rightpageNav table th{
 font-size:	150%;
 font:		Arial;
 color:	#ffff00;
}

#rightpageNav h3{
 margin: 0px;
 padding: 0px;
 background-color: #FFCC99;
}

#rightpageNavbooks {                
  position:	    absolute;
  padding:          0ex 0em 0ex 0em;
  margin:           0px 0px 0px 490px;
  width:	    224px;
  top:		    0px;
  border-left:      1px solid #ccd2d2; 
  border-right:     1px solid #ccd2d2;
  border-top:       1px solid #ccd2d2;  
  background-color: #FFE6E6;
}

#extremerightpageNav {                
  position:	    absolute;
  padding:          0ex 0em 0ex 0em;
  margin:           0px 0px 0px 772px;
  width:	    250px;
  top:		    192px;
  border-left:      1px solid #ccd2d2; 
  border-right:     1px solid #ccd2d2;
  border-top:       0px solid #ccd2d2;  
  background-color: #FFFFFF;
}

#aboutus {
  font-family:	cursive;
  font-size:	100%;
  color: 	#003300;
  font-weight:	normal;
  padding:    	0px 0px 10px 0px;  
}

#aboutus p {
  font-size:  100%;
  color:      #006600;
  padding:    0px 0px 0px 10px;
  
}

#newspictures {
  font-size:	    100%;
  padding:    0px 0px 10px 0px;
  background-color: #66cc99;
}

#sectionBooks {
  margin:           0px;
  padding:          0px 0px 10px 10px;  
  text-align:       center;
}
/*-------------------- RightBar } ------------------*/

/* -------------------- { Footer: ----------------- */
#siteInfo {
  color:       #666666;
  font-size:   90%;
  clear:       both;
  border-top:  0px solid #cccccc;
  padding:     10px 10px 10px 30px;
  margin-top:  0px;
}
#siteInfo a {
  text-decoration: none;
}

/* -------------------- Footer: } ----------------- */


html>body #content {
  height: auto;
}

#content h1 {
  font-size:  150%;
  color:      #006600;
  padding:    5px 0px 5px 0px;
}
#content h2 {
  font-size:  125%;
  color:      #006600;
  padding:    5px 0px 5px 0px;
}
#content h3 {
    font-size:110%;
    color: #006600;
    padding: 5px 0px 2px 0px;
}


/* ============================================
   ===== { Special pages: =====
   ============================================ */

#content div#news {
}

#content div#news p span.newscategory {
  border-bottom: 0px solid #cccccc;
  border-top: 0px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-left: 0px solid #cccccc;
  background-color: #f5f7f7;
  margin:	auto;
  padding: 10px 10px 0px 10px;
  font-size:	125%;
  font-weight:	bold;
  display:	table;
  
}

#content div#news p {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}

#content div#detailnews p {
  border-bottom: 0px solid #cccccc;
 }

#content div#news img {
  padding: 0px 10px 0px 0px;
 }

#content div#detailnews img {
  padding: 0px 10px 0px 0px;
 }

#content div#detailnews p span.headline {
  font-weight: bold;
  display: block;
}

#content div#detailnews p span.headlinedate {
  font-color: #D5F4F4;
  font-size:   75%;
}

#content div#news p span.headline {
  font-weight: bold;
  display: block;
  
}

/* ============================================
   ===== { Special stuff: =====
   ============================================ */

.photo_caption {
    font-size: 80%;
    color: #408000;
}
/* { popup windows: */
p.popup {
  margin: 5px 0% 0px 0%;
}
p.popup-nav {
  font-size:     1em;
  margin-bottom: -5px;
}



/* e o f */