@charset "UTF-8";
/*-----------------------------------------------------------------------------
Ecological Society of America Stylesheet
Colors and Header Image: Trees

Screen Import CSS
Copyright 2006 ESA Incorporated.
$Revision: 1.01 $

author:    Zaw Aung 
email:     webmaster@esa.org / zawaungiu@yahoo.com
website:   http://www.esa.org/

-----------------------------------------------------------------------------*/
/* Import main stylesheet and then set colors and branding for the desired look. */

@import url(styles.css);


/* =Branding. Sets background image for header of page.
-----------------------------------------------------------------------------*/
#branding {
	background: url('../images/2011HistoryBanner.jpg') no-repeat center bottom;
	height:160px;
	}
	
#mgtbranding {
	background: url('../images/esahistory1.jpg') no-repeat center bottom;
	height:160px;
	}
/* =Colors
-----------------------------------------------------------------------------*/

/* Background color for body of layout. */
#wrapper {
	background: #f8f2ec;	
}

#mainNavBar a, #secondaryNavBar a {
	background: #6be1b6;
}

/* Color for headings */
h1, h2, h3, h4, h5 {
	color: #096909;
	padding-top:5px;
	padding-bottom: 5px;
	padding:5px 0px 5px 0px; /*top right bottom left */
}

	

.name {color:#003399;font-weight:400;}

/* 859d56    5c9639       */
#uiNav a,  #mainNavBar a, #secondaryNavBar a {
	color: #433A3F;
	color: #433A3F;
}

#uiNav input {
	background: #F0ECEB;
	color:#433A3F;
}


#belowfooter {
	color: ButtonShadow;
	color: ButtonShadow;
}

#mainNavBar li {
	border-left: 1px solid #fff;
}

#secondaryNavBar li {
	border-left: 1px solid #05efd0;
}

#mainNavBar li.first, #secondaryNavBar li.first {
	border-left: 0px none;
}

/* current section should have the selected class */

#uiNav, #mainNavBar, #footer p {
	background: #6be1b6;
	border-top:1px double #99ccff;
	border-bottom:1px double #E1FAF8;
	
}

#sidebar {
border:0px;
display:block;

}
#sidebar {
	font-size: 1.0em;
}

/* UBERLINK 
  STYLES Begin here:
*/
#mainNavBar {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainNavBar a, #mainNavBar a:visited {
	color:#000099;
}	
	
#mainNavBar a:hover {
	background: #eefdd0;
}

#mainNavBar a.selected{
	background: #A9EBFE;
	color:#000099;
}

#mainNavBar .uberlink {	
	background-color: #C2D6D5;
	background-image:  url('l1_over.jpg');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #069 !important;
	font-weight: normal;
	cursor: default
}


/* Column and footer colors */


#footer p {
	background: #fbfbfb;
}

#footer top {
	background: #e5efd1;
}

#secondaryNavBar a, #column p a, #footer, #footer a {
	color: #0D6082;
	color: #484478;
}

/* old color
	color: #7ca45a;
	color: #5c9639;
*/
a {
	color: #0D6082;
	color: #484478;
}

img {
	padding:2px;
}

#borderStyle img {
	float:center;
	border:solid 1px yellowgreen;
	padding:5px;
	margin-left:5px;
}

tr, td {

	padding: 5px;
	line-height: 1.2em;
	font-family: sans-serif;
	font-size:1.0em;
	color: Black;
	font-style:normal;
}


#content a[href$=".pdf"]
{ 
background:url('../images/pdf.gif') no-repeat 100% 0%; 
padding-right: 12px;
padding-top: 1px}

/* = HR line
---------------------------------------------------------------------------------- */
.hr {
  	background: url('http://www.esa.org/images/hr_dot.gif');
  	background-repeat:repeat-x;
	position:relative;
  	height:2px;
  	margin:3px 5px 5px 3px;
}
.hr hr {
  display: none;
}

/* = body Box What's New
----------------------------------------------------------------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

<!-- hide entire css code from ie6{  } //-->
<![if !IE 6]>

.newcontainer{
float:right;
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 200px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid #9999CC;
padding: 2px 0px 1px 2px;
line-height:normal;
margin: 0px 0px 0px -1px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainer .innerdiv b{
font-size:1.2em;
color:#666699;
font-weight:bold;
margin-left:10px;
}

/* = body Curly Box What's New
----------------------------------------------------------------------------------- */
/*URL: http://www.dynamicdrive.com/style/ */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
//width: 300px;
}

.curlycontainer .innerdiv{
background: url('../images/brcorner.gif') no-repeat bottom right;
position: relative;
left: 2px;
top: 2px;
padding-left:5px; padding-right:4px; padding-top:1px; padding-bottom:15px
}

/* = body switchcontent
----------------------------------------------------------------------------------- */

.switchcontent {
	background-color:#fbfbf0;padding:3px;
	border: 1px #eeeeee outset;
}


/* list box style*/

.listbox{
background-color: #c2ecd5;
width: 155px;
padding: 8px;
}

.textbox{
background-color: #c2ecd5;
width: 720px;
padding: 8px;
}

.listboxfooter{
background: url(http://www.esa.org/images/arrowb.gif) 10px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 1em;
}

/* box style*/

.box { 
 background:#c1f0fa; 
}
.boxtop { 
  background: url(http://www.esa.org/images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(http://www.esa.org/images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(http://www.esa.org/images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(http://www.esa.org/images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}