/*-----------------------------------------------------------------------------
Ecological Society of America Stylesheet
Colors and Header Image: Trees and Archives

modified
version:   1.1
author:    Zaw Aung and modified by Jane Bain & Tim Froehlich
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/Heron.jpg') no-repeat center bottom;
    height: 186px;
}
	
#branding2 {	background: url('../images/header2.jpg') no-repeat center top;}

#branding3 {	background: url('../images/header3.jpg') no-repeat center top;}
/* =Colors
-----------------------------------------------------------------------------*/

/* Background color for body of layout. #D7E6F3 */
#wrapper, #mainNavBar a, #secondaryNavBar a {background: #e5efd1;}

h1, h2, h3, h4, h5 {color: #003366;}

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

#uiNav a,  #mainNavBar a, #secondaryNavBar a {color: #5c9639;}

#uiNav input {background-color: #ccffcc;}

#belowfooter {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: #e5efd1;
	border-top:1px double #05efd0;
	border-bottom:1px double #99ffff;
	
}

#sidebar {
	border:0px;
	display:block;
	font-size: 1.0em;
}

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

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

#secondaryNavBar, #secondaryNavBar a{
	background: #ffffff;
	color:#003399;
}

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

#secondaryNavBar a:hover {background: #05efd1;}

#secondaryNavBar .uberlink {	
	background-color: #ffffff;
	background-image:  url('l1_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('assets/l1_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: #fbfbfb;}

#footer top {background: #e5efd1;}

#secondaryNavBar a, #column p a, #footer, #footer a {
	color: #5c9639;
}

a {color: #5c9639;}

img {padding:2px;}

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

tr, td {
	border:1px dotted #99cccc;
	padding: 5px;
	line-height: 1.4em;
	font-family: sans-serif;
	font-size: 1.0em;
	color: Black;
	font-style:normal;
}