@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/header.jpg') no-repeat center;
	height:170px
	}
	
#branding2 {
	background: url('../images/vegbanner.jpg') no-repeat center;
	height:170px;
	}
	
/* =Colors
-----------------------------------------------------------------------------*/

/* Background color for body of layout. #c1e7fb */
#wrapper {
	background-color: #D7E6F3;
	background:#D7E6F3;
	color:#000000;	
}

#mainNavBar a, #secondaryNavBar a {
	background-image:  url('../images/mainNavBg.gif');

}

/* Color for headings */
h1, h2, h3, h4, h5 {
	color: #57687E;
	padding-top:5px;
	padding-bottom: 5px;
}

	

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

/* 859d56    5c9639  #0d507f  #0B2E61   3E5E13*/
#uiNav a {
	color: #000099;
	color: #000099;
}

#uiNav input {
	background-color: #ffffff;
	color:#000000;
}


#belowfooter {
	color: ButtonShadow;
	color: ButtonShadow;
	background-color:#fbfbf0;
	background:#fbfbf0;
	padding:0px;
	margin:0px;
}

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

#secondaryNavBar li {
	border-left: 1px solid #9AE9DF;
}

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

/* Column and footer colors */


#footer p {
	background: #E1F0D9;
}

#footer top {
	background: #f9edd9;
}



/* current section should have the selected class */

#uiNav, #mainNavBar, #footer p {
	background: #fbfbf0;
	border-top:1px double #B1B4AE;
	border-bottom:1px double #B1B4AE;
	
}

*/ EDIT Above This ARea */

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

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

/* UBERLINK 
  STYLES Begin here:
*/

#mainNavBar #secondaryNavBar {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainNavBar a, #mainNavBar a:visited {
	color: #fbfbfb;
	font-color:#fbfbfb;
}	
	
#mainNavBar a:hover {
	background-image:  url('../images/mainNavBg_h.gif');
	color:#59726F;
}

#mainNavBar a.selected{
background-image:  url('../images/mainNavBg_s.gif');
	color:#435D95;
}

#secondaryNavBar, #secondaryNavBar a{
	background-image:  url('../images/secondaryNavBg.gif');
	color:#000000;
	
}

#secondaryNavBar a:visited {
	border-color: #ddd #000 #000 #ddd;
	background-color: #a7e2fd;
	text-decoration: none;
}

#secondaryNavBar a:hover {
	background: #8bccfd;
}

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

#mainNavBar .uberlink0 {
	background-color: #9F6F9F;
	background-image:  url('l2_over.jpg');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #333 !important;
	font-weight: bold;
	cursor: default
}


/* Column and footer colors */


#footer p {
	background: #ffffff;
}

#footer top {
	background: #e5efd1;
}

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

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

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;
}

/* = External Links Icon
------------------------------------------------------------------------------- */	
 /* fix external links   
 
div#content a[href^="http://www.esa.com"] , a[href^="http://esa.org"], a [href^="http://eservices.esa.org/"] {
    background:inherit;
    padding-left:        0;
}

  

div#content a[href^="http:"] {
    padding-right: 12px;
    background:url('http://www.esa.org/newsite/images/external.gif') no-repeat right top;
}
	

div#content a[href^=".pdf"] {
    padding-right: 12px;
    background:url('http://www.esa.org/newsite/images/pdf.gif') no-repeat right top;
}

*/

#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;
}

/* = education column
------------------------------------------------------------------------------ */
#columntl01 {
	margin-top: 3px;
	margin-left:4px;
	border:1px #ccffff outset;
	float: left;
	width:220px;
	height:540px;
	padding:4px;
	background-color:#A3E2D7;
	}

#columntl02 {
	margin-top: 3px;
	margin-left:4px;
	border:1px #ccffff outset;
	float: left;
	width:220px;
	height:540px;
	padding:4px;
	background-color:#C0E3EB;
	}
	
#columntl03 {
	margin-top: 3px;
	margin-left:4px;
	border:1px #ccffff outset;
	float: left;
	width:220px;
	height:540px;
	padding:4px;
	background-color:#EFF1DC;
	}
	
.paraheading {
		color:#fbfbfb;
		font-weight:bold;
		margin-bottom:4px;
		background-color:#95C4DC;padding:3px

}
.paraheading2 {
		color:#fbfbfb;
		font-weight:bold;
		margin-bottom:4px;
		background-color:#2BBA97;padding:3px
		}
.paraheading3 {
		color:#fbfbfb;
		font-weight:bold;
		margin-bottom:4px;
		background-color:#C8D89D;padding:3px}