/* twa-main.css
 *  This is the default stylesheet for tibetanwomen.org
 *   - developed for web standards.
 *   - additional stylesheets will be loaded *after* this
 *     stylesheet for non-conforming browsers.
 * HISTORY:
 *  09 mar 2007 jw - converting to all div/css, no table.
 *  08 mar 2007 jw - some minor modifications for consistency.
 *  08 mar 2007 cb - created for new twa design.
 */
 

/* *** { Standard stuff: initial values for all pages */
body {
	padding: 0;
    height: 100%;
}
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}
/* We shouldn't have to redefine generic font stuff, but sometimes
   we lose font styles after complicated formatting.
  Also,  body styles do not carry into tables: */
p, th, td, li, dt, dd {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: .06em;
  line-height: 140%;
}

/* { headers */
h1, h2, h3, h4, h5 {
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
}
h2, h3, h4, h5 {
  color: #006600;
  line-height: 130%;
}
h3 {
	font-size: 130%;
}
h4 {
  font-size: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}
h4+p {
  margin-top: 0;
  padding-top: 0;
}
h5 {
	color: #006600;
	font-size: 90%;
}

ul {
  list-style: disc url(/images/bullets/twa_listImg-content.gif) outside;
}
ul li, ol li {
  margin-top: .5em;
}

/* { in-text links only */
a {
	color: #006600;
}
a:link {
	color: #006600;
}
a:visited {
	color: #99CC00;
}
a:hover {
	color: #FF9900;
}

/* { other  */
div {
  vertical-align: top;
}



/* ***  { Page Parts: Main page structure *** */

/* { Entire page: */
div#page {
  width: 760px;
  margin-left:  auto;
  margin-right: auto;
}


/* { Header - two rows: main header, logo and section image : */
div#header {
}
div#header img {
}
div#top {
  vertical-align: bottom;
  text-align:     right;
}
div#top img {
  border: none;
}

div#logo {
  width: 147px;
  height: 144px;
  background-color: #B7DB68;  /* darker green */
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  text-align: center;
  float: left;
}
img#logoimg {
	margin-right: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
	padding-top: 15px;
    border: none;
}
div#section {
  width: 607px;
  float: left;
}

/* { Main page content - need to keep this as table for now, 
       because of inner footer at bottom of content */
table#main {
  clear: both;
}

/* display is images, text is for search engines and usability */
div#top h1 {
  display: none;
}
td#content h1 {
  display: none;
}

/* jw - not being used? */
/*
td#top h1 {
	font-size: 25px;
	color: #000000;
	padding-top: 0;
	padding-bottom:0px;
	padding-right: 15px;
	margin: 0;
	text-align: right;
	vertical-align:bottom;
}
*/


/* { tribute only */
div#tribute {
  width: 130px;
  background-color:#FFFFCC;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #669900;
  margin-top: 3px;
}



td#sidebar {
/* 	padding-right: 3px; */
}

/* { FIX - this is not stretching vertically */
div#sidebar_stretch {
  /* display: table; */
  margin-top: 3px;
  width: 100%;
  height: 100%;
  /* background-color: #FFE94B; */
  background-color: #B7DB68;
}


/* ***  { Site ("Inner") Pages *** /

/* { header only */

/* { location ("breadcrumbs") only */
div#location {
	font-size: 80%;
	margin-top: 3ex;
	float:left;
	width: 310px;
}
div#location span {  
  font-size:110%;
  background-image: url(/images/bullets/twa_locationImg.gif);
  background-repeat: no-repeat;
  padding-left: 12px;
  margin-left: 8px;
}
div#location span:first-child {  
  margin-left: 10px;
}
div#location span a {
	color: #006600;
	text-decoration: none;
}
div#location span a:visited {
	color: #FFCC00;
	text-decoration: none;
}
div#location span a:hover {
	color: #FF9900;
	text-decoration: none;
}
div#location span a:active {
	text-decoration: none;
}

/* { page titles only */
/* jw - being used? */
div#page_header {
	border-top: 1px solid #669900;
	background-image: url(/images/header-section/location_bkgd.gif);
}

div#page_title h2 {
	display: none;
}
	
/* { search box only */
td#actions {
  border-right: 3px solid #ffffff;
}
td#sidebar h3, div#actions h3, div#search h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #006600;
	background-color: #FFE94B;  /* orange */
	margin-top: 0px;
	margin-bottom: 3px;
	border-bottom: 1px solid #669900;
	padding-top: 8px;
	padding-bottom: 4px;
	text-align:center;
}

div#search {
  margin-top: 6px;
  margin-bottom: 6px;
    /*
	font-size: 16px;
	color: #006600;
	background-color: #FFE94B;
	margin-top:3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #669900;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align:center;
    */
}
/* div#searchcontents_main { */
div#search h3 {
  font-size: 140%;
  margin-bottom: 0;
}
form#site-search {
  width: 130px;
  background-color: #DBED9A;
  font-size: 12px;
  color:#669900;
  padding: 8px;
  display: table;
}
form#site-search input {
  background-color: #ffffff;
}


/* { content only */
td#content {
	border-top:       1px solid #669900;
	background-color: #FFFFDB;
	vertical-align:   top;
	padding:          1em 2em 1em 2em;
}
/* the header images - this class is added to the id above */
td.about {
    background-image:  url(/images/header-section/about.gif);
    background-repeat: no-repeat;
}
td.activities {
    background-image:  url(/images/header-section/activities.gif);
    background-repeat: no-repeat;
}
td.contact {
    background-image:  url(/images/header-section/contact.gif);
    background-repeat: no-repeat;
}
td.campaigns {
    background-image:  url(/images/header-section/campaigns.gif);
    background-repeat: no-repeat;
}
td.links {
    background-image:  url(/images/header-section/links.gif);
    background-repeat: no-repeat;
}
td.news {
    background-image:  url(/images/header-section/news.gif);
    background-repeat: no-repeat;
}
td.press {
    background-image:  url(/images/header-section/press.gif);
    background-repeat: no-repeat;
}
td.profiles {
    /*
    background-image:  url(/images/header-section/profiles.gif);
    */
    background-image:  url(/images/header-section/about.gif);
    background-repeat: no-repeat;
}
td.projects {
    background-image:  url(/images/header-section/projects.gif);
    background-repeat: no-repeat;
}
td.publications {
    background-image:  url(/images/header-section/publications.gif);
    background-repeat: no-repeat;
}
td.support {
    background-image:  url(/images/header-section/support.gif);
    background-repeat: no-repeat;
}

/* and ... the content itself! */
div#content-body {
	margin: 50px 25px 50px 10px;
}
div#content-body h2 {
    color: #006600;
    width: 60%;
	font-size: 18px;
	background-image: url(/images/bullets/twa_headerImg.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-bottom: 3px;
	border-bottom: 1px solid #b7db68;
}
/* { images in content-body only */
div#content-body img {
  margin-bottom: 2ex;
  border: 2px solid #669900;
}
div#content-body img.left {
  float: left;
  margin-right: 2em;
}
div#content-body img.right {
  float: right;
  margin-left: 2em;
}


/* { Footers only */
div#footer-homepage {
	text-align: center;
/*	width: 760px;*/
}

td#footer-content {
    height: 90px;
	background-color: #DBED9A;
	border-top: 1px solid #669900;
}
td#footer-content p {
	text-align: center;
	width: 610px;
}
/* for bottom of page */
div#page-bottom {
	border-top: 3px solid #669900;
	text-align: center;
/*	width: 760px;*/
}


#list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
.list {
	padding: 0;
	list-style-position: outside;
	list-style-image: url(/images/twa_listImg-content.gif);
	list-style-type: none;
}

/* *** { Special stuff, used on any page: *** */

/* this is used to force a div background to extend 
   the height of the content.
   Put an   within this div.
   A server-side include has been made for this.
 */
div.clearall {
  clear: both;
  display: table;
}

/* { "more" links at end of sectionnav listings, etc. */
span.more a {
  font-size: 80%;
  text-decoration: none;
}
span.more:before {
  content: ' ... ';
}

/* { "for more info" link at end of many pages. */
p#more-contact {
  font-size: 90%;
}

/* { dates at beginning of press releases, etc. */
span.dateline {
  font-weight: bold;
}
span.dateline:after {
  content: ': '; 
}

/* to enlarge a →, ↓, etc. */
span.arrowchar {
  font-size:    150%; 
}


/* callout information on any page in content cell */
div#content-body div.callout {
  float: right;
  border: 2px solid #669900;
  padding: 4px;
  width: 300px;
  margin: 0px 0px 0px 4px;
}
div.callout p {
  margin: 0;
}


/* { "on this page" */
/* the main enclosing div box */
div.pagenav {
  clear: both;
  font-size:   90%;
  max-width:   45em;
  margin-top:  2ex;
  padding:     .5ex .5em 0ex .5em;
}
/* for the 'on this page' headline, in case we want multiple */
div.pagenav-header {
  float: left;
  width: 10em;
  vertical-align: top;
  border: none;
  font-weight: bold;
  font-size:   100%;
}
/* enclose the navigation links */
div.pagenav-links {
  font-size:   90%;
  float: left;
  vertical-align: top;
  clear: both;
}
/* the links themselves */
.pagenav a {
  padding-left: 2em;
  white-space:   nowrap;
}
.pagenav a:first-child {
  padding-left: 1em;
}

/* for the following h2, to clear the div */
div.pagenav h3:first-child {
  clear: both;
  margin-top: 0ex;
}

/* { "in this section" - other pages in this section of site */
div#content-body div#sectionnav {
  clear: both;
}
div#content-body div#sectionnav h3 {
  font-size: 110%;
}
div#content-body div#sectionnav ul,
div#content-body ul.sectionnav {
}


/* { "More information about XXX" - related pages and sites */
div#content-body div#related-links {
  clear: both;
  border: 1px dashed #669900; 
  margin-top: 1ex; 
  padding: 1ex 1em 1ex 1em;
}
div#content-body div#related-links h3 {
  font-size: 100%; 
}
div#content-body div#related-links ul {
}
div#content-body div#related-links p {
  font-size: 90%;
}

/* this is for all tables containing information,
   inside a content area. */
/* The 'data' class has to be first, 
   then special styles for particular tables 
   come after. */
/* You can have more than one class for a table - 
   see "Special pages below"  */
table.data {
  border-bottom: 1px dashed #dbed9a;
  margin: auto;
  clear: both;
}
table.data caption {
  margin: auto;
  margin-top: 3ex;
  border-top: 1px dashed #dbed9a;
  border-bottom: 1px dashed #dbed9a;
}
table.data:first-child caption {
  margin-top: 0;
}

/* { photo galleries only */
table.gallery {
  background-color: #003366;
  border-spacing: 10px;
}
table.gallery td {
  text-align: center;
  color: #ffffff;
}
table.gallery td a {
  color: #ffffff;
}


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

/* This is used like: <table class="data executives" ... > */
/* { about: executives pages only */
table.executives caption {
  font-family: "Times New Roman", Times, serif;
  color: #006600;
  font-size: 130%;
}
table.executives {
  margin-top: 1ex;
  border-bottom: 0;
  width: 400px;
}
table.executives td {
  width: 50%;
  padding: 8px;
}
table.executives td:first-child {
  text-align: right;
}

/* { about: regional branches only */
table.regional {
  margin: auto;
  clear: both;
  border-top: none;
  border-bottom: 1px dashed #dbed9a;
}
table.regional th {
  color: #006600;
  text-align: left;
  font-size: 110%;
  padding-left: 1em;
}
table.regional td {
  width: 24%;
}
table.regional td.sep {
  width: 4px;
  border-left: 1px solid #99cc00;
}
/* to make the non-link text smaller without having to add spans: */
table.regional ul {
  margin-top: 0;
  margin-left: -20px;
}
table.regional li {
  padding-top: 1ex;
  font-size: 80%;
}
table.regional li a {
  font-size: 130%;
}
table.regional li a.noinfo {
  text-decoration: none;
}
table.regional h4 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 90%;
}
table.regional h4:first-child {
  margin-top: 1.5ex;
}

/* { staff page only */
table#exec h5, table#staff h5 {
  margin:         0px;
  vertical-align: top;
  padding-bottom: 2px;
  border-bottom:  1px solid #669900;
}
table#exec img, table#staff img {
  margin-top: 1ex;
}


/* { publications pages only */
td.publications span.title {
  font-style: italic;
}

td.publications ul ul {
	list-style-type: square;
	list-style-image: none;
}
td.publications ul ul li {
    padding-top: 0ex;
    margin-top: 0ex;
}


/* { petition pages only */
div#petition-text {
  width: 250px;
  float: left;
  padding: 1ex 1em 1ex 1em;
  border: 2px solid #669900;
  margin-top: 5px;
}
div#petition-form {
  width: 200px;
  float: left;
  margin-left: 20px;
}




/* e o f */