div#leftcontent {
float : left;
width : 100%;
min-height : 30em;
margin : 0 0 0.5em 0;
padding : 0 0 1.5em 0;
background-color : #ebf1f4;
color : #000;
}

div#leftcontent h3 { /* main heading */
margin : 2em 0 0 1em;
padding : 0.2em 0 0 1em;
background : #ebf1f4;
color : #5a4330;
font : bold small-caps 14px Verdana, Arial, Helvetica, sans-serif;
}

div#leftcontent h3.subheading { /* sub heading */
margin : 0.2em 0 0 2em;
font : normal 12px Verdana, Arial, Helvetica, sans-serif;
background : none;
color : #024f77;
}

div#leftcontent h5 { /* you are here */
margin : 1.3em 18em 2em 0;
padding : 0 7px 0 0;
background : none;
font : 10px Verdana, Arial, Helvetica, sans-serif;
text-align : right;
color : #729db4;
}

div#leftcontent p {
padding : 1.5em 14em 0 2.5em;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000;
letter-spacing : 0.3px;
line-height : 1.7em;
text-align : left;
text-indent : 0;
}


/* elements with customized characteristics; classified by directory */

/* IRG-P Description (index page) */
div#leftcontent h3.irgpheader { /* IRG-P main heading */
margin : 1.5em 0 0 0;
padding : 0.2em 0 0 1em;
background : #ebf1f4;
color : #5a4330;
font : bold small-caps 16px Verdana, Arial, Helvetica, sans-serif;
}

div#leftcontent p.irgpdesc {
padding : 1.5em 14em 0 2.5em;
color: #024f77;
letter-spacing : 0.3px;
line-height : 1.5em;
}

div#leftcontent .endofarticle {
width : 570px;
background : #ebf1f4 url(../images/bluetheme/hr.gif) no-repeat;
margin : 1em 0 1em 4.3em;
}

div#leftcontent .endofarticle p {
text-indent : -9999px;
}
/* IRG-P Description (index page) --- end --- */

/* Who We Are

Common properties */
div#leftcontent .topright {
margin : 1.5em 17.6em -2em 0;
text-align : right;
font : bold 10px Arial, Helvetica, Verdana, sans-serif;
}

div#leftcontent .topright a:link,
#leftcontent .topright a:active,
#leftcontent .topright a:visited {
text-decoration : none;
background-color : #ebf1f4;
color : #024f77;
}

div#leftcontent .topright a:hover {
background-color : #ebf1f4;
color : #4f789f;
}

div#leftcontent .endtail {
width : 570px;
background : #ebf1f4 url(../images/bluetheme/hr.gif) no-repeat;
margin : 2em 0 2em 4.3em;
}

div#leftcontent .endtail p {
text-indent : -9999px;
}


/* Who We Are - Introduction */
div#leftcontent h3.subheadingmargin { /* sub heading */
margin : 1em 0 0.5em 6em;
font : bold 12px Verdana, Arial, Helvetica, sans-serif;
background : none;
color : #024f77;
}

div#leftcontent ul.whoweareIndex li { /* main UL */
margin-left : 8em; /* doubled the margin because it was affected by other UL's, especially in the Links and Sitemap pages */
padding-top : 0.5em;
background-color : #ebf1f4;
color : #000;
list-style-type : circle;
font : 12px Verdana, Arial, Helvetica, sans-serif;
}

div#leftcontent ul.whowearesubIndex li { /* sub UL */
list-style-type : square;
margin-left : 8em; /* doubled the margin because it was affected by other UL's, especially in the Links and Sitemap pages */
padding : 0.5em 15em 0.3em 0;
background-color : #ebf1f4;
color : #000;
font : 12px Verdana, Arial, Helvetica, sans-serif;
line-height : 1.4em;
}

div#leftcontent ul.whoweareIndex li.whoweareIndex_margintop {
margin-top : 1em;
}
/* Who We Are - Introduction --- end --- */


/* Who We Are - Principals and Staff
Who We Are - Pool of Experts */
div#leftcontent h3.subheadingExperts { /* sub heading */
margin : 2em 15em -0.5em 2.5em;
font : bold 12px Verdana, Arial, Helvetica, sans-serif;
background : #ebf1f4;
color : #024f77;
}
/* other properties that were used in this page are .endtail and .topright
Who We Are - Principals and Staff --- end ---
Who We Are - Pool of Experts --- end --- */


/* What We Do (Services) */

/* What We Do - Introduction */
div#leftcontent p strong.subheadingServices {
font : bold 12px Verdana, Arial, Helvetica, sans-serif;
background-color : #ebf1f4;
color : #024f77;
}
/* other properties that were used in this page are .endtail, h3.subheading and .topright
What We Do - Introduction --- end --- */


/* What We Do - Ongoing and Completed Projects */
div#leftcontent blockquote {
margin : 0 18em 0 4.3em;
text-align : left;
font : italic bold 12px Verdana, Arial, Helvetica, sans-serif;
background : #ebf1f4;
color : #024f77;
}

div#leftcontent blockquote.first {
margin : 3em 18em 0 4.3em;
text-align : left;
font : italic bold 12px Verdana, Arial, Helvetica, sans-serif;
background : #ebf1f4;
color : #024f77;
}
/* other properties that were used in this page are .endtail, h3.subheading, ul.whoweareIndex li and .topright
What We Do - Ongoing and Completed Projects --- end --- */

/* What We Do - Rural Energization
other properties that were used in this page are .endtail
/* What We Do - Rural Energization --- end --- */

/* What We Do - Climate Change Mitigation */
div#leftcontent ul li strong.subheadingServices {
font : bold 12px Verdana, Arial, Helvetica, sans-serif;
background-color : #ebf1f4;
color : #024f77;
}

div#leftcontent ul.whatwedo li {
margin : 0 13.5em 0 6em; /* tripled the left margin because it was affected by other UL's, especially in the Links and Sitemap pages */
padding-top : 0.5em;
background-color : #ebf1f4;
color : #000;
list-style-type : disc;
font : 12px Verdana, Arial, Helvetica, sans-serif;
line-height : 1.4em;
}

div#leftcontent ul.whatwedo li.whatwedo_margintop {
margin-top : 1em;
}
/* other properties that were used in this page are .endtail, whoweareIndex_margintop for first li
What We Do - Climate Change Mitigation --- end --- */


/* Where We Work (Location)
map */
div#leftcontent p.map {
font-weight : normal;
}

div#leftcontent p.map a:link, #leftcontent p.map a:active, #leftcontent p.map a:visited {
text-decoration : underline;
background-color : #ebf1f4;
color : #024f77;
}

div#leftcontent p.map a:hover {
text-decoration : none;
background-color : #ebf1f4;
color : #4f789f;
}
/* other properties that were used in this page are .subheadingExperts, .endtail
Where We Work --- end --- */



/* Main pages - Best Viewed Information, Feedback, Links */

/* Best Viewed Information, =browsers id */
div#leftcontent ul.browsers {
margin : 0.8em 0 0.4em 10em;
}

div#leftcontent ul.browsers li {
padding : 0.10em;
font-size : 12px;
background-color : #ebf1f4;
color : #000;
}

div#leftcontent ul.browsers li.browsermargin {
margin-top : 1em;
}

div#leftcontent ul.browsers li a:link,
#leftcontent ul.browsers li a:active {
background-color : #ebf1f4;
color : #024f77;
}

div#leftcontent ul.browsers li a:visited {
text-decoration : underline;
background-color : #ebf1f4;
color : #999;
}

div#leftcontent ul.browsers li a:hover {
text-decoration : none;
background-color : #ebf1f4;
color : #4f789f;
}
/* end of browsers class */

/* =Links */
div#leftcontent p a:link,
div#leftcontent p a:active,
div#leftcontent p a:visited {
text-decoration : underline;
background-color : #ebf1f4;
color : #024f77;
}

div#leftcontent p a:hover {
text-decoration : none;
background-color : #ebf1f4;
color : #4f789f;
}

div#leftcontent .links li {
margin : 0.5em 0 0.8em 6em;
list-style-type : none;
font-size : 12px;
}

div#leftcontent li.linksmargintop { /* to provide margin to the first li element from the top */
margin-top : 1.5em;
}

div#leftcontent ul.links li a:link,
#leftcontent ul.links li a:active {
text-decoration : none;
background-color : #ebf1f4;
color : #024f77;
font-weight : normal;
}

#leftcontent ul.links li a:visited {
text-decoration : none;
background-color : #ebf1f4;
color : #999;
font-weight : normal;
}

div#leftcontent ul.links li a:hover {
text-decoration : underline;
background-color : #ebf1f4;
color : #4f789f;
}

div#leftcontent h3.subheadingSitemap a:link,
#leftcontent h3.subheadingSitemap a:active,
#leftcontent h3.subheadingSitemap a:visited {
text-decoration : none;
font-weight : bold;
background-color : #ebf1f4;
color : #5a4330;
}

div#leftcontent h3.subheadingSitemap a:hover {
text-decoration : none;
background-color : #ebf1f4;
color : #4f789f;
}
/* other properties that were used in this page are .endtail and .top
end of Links */

/* Sitemap */
div#leftcontent ul.sitemapmain li {
margin : 0 0 0.5em 7em;
list-style-type : none;
font-size : 12px;
}

div#leftcontent ul.sitemapmain li a:link, 
#leftcontent ul.sitemapmain li a:active {
text-decoration : none;
background-color : #ebf1f4;
color : #024f77;
font-weight : bold;
}

div#leftcontent ul.sitemapmain li a:visited {
text-decoration : none;
background-color : #ebf1f4;
color : #999;
font-weight : bold;
}

div#leftcontent ul.sitemapmain li a:hover {
text-decoration : underline;
background-color : #ebf1f4;
color : #4f789f;
}

div#leftcontent ul.sitemapsub li { /* links with categories */
margin : 0 0 0.5em 7em;
list-style-type : none;
font-size : 12px;
}

div#leftcontent ul.sitemapsub li.linksmargintop { /* to provide margin to the first li element from the top */
margin-top : 1em;
}

div#leftcontent ul.sitemapsub li a:link, 
#leftcontent ul.sitemapsub li a:active {
text-decoration : none;
background-color : #ebf1f4;
color : #024f77;
font-weight : normal;
}

div#leftcontent ul.sitemapsub li a:visited {
text-decoration : none;
background-color : #ebf1f4;
color : #999;
font-weight : normal;
}

div#leftcontent ul.sitemapsub li a:hover {
text-decoration : underline;
background-color : #ebf1f4;
color : #4f789f;
}

div#leftcontent h3.subheadingSitemap { /* sub heading */
margin : 2em 15em -0.5em 2.5em;
font : bold 12px Verdana, Arial, Helvetica, sans-serif;
background-color : #ebf1f4;
color : #5a4330;
}
/* end of Sitemap */

/* temporary entries for current Web server */
.project_container {
margin-bottom : 2em;
}

div#leftcontent h3.project_header {
margin : -1em 0 0 0;
background : #ebf1f4;
color : #5a4330;
font : bold small-caps 16px Verdana, Arial, Helvetica, sans-serif;
}

.project {
font : bold 12px Verdana, Arial, Helvetica, sans-serif;
margin : 1.5em 0 0.4em 4.5em;
color: #024f77;
background-color : #ebf1f4;
}

.project_p {
margin : 0 0 0 4.5em;
font : normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #024f77;
background-color : #ebf1f4;
}

.project_p a:link {
text-decoration : underline;
}

.project_p a:visited {
text-decoration : underline;
}

.project_p a:hover {
text-decoration : none;
color : #4f789f;
background-color : #ebf1f4;
}