/*
Global Stylesheet
Environmental Banker Association (EBA)
Created by: Neue Interactive / http://www.neueinteractive.com
*/


/* STYLES :: LAYOUT */

body { background-color: #eef1e6; background-image: url(/images/site-bg.jpg); background-repeat: repeat-x; }

body, div, table, tr, td, p, span, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; }

a { outline: none; text-decoration: none; color: #6699cc; }
a img { outline: none; border: none; }

#wrapper { width: 960px; margin: 0 auto; background-color: white; }

	#topbar { width: 960px; height: 35px; background-image: url(/images/topbar-bg.jpg); background-position: top left; background-repeat: repeat-x; text-align: center; padding: 10px 0 0 0; }

		div.site-search { float: right; width: 140px; height: 21px; background-image: url(/images/search-bg.jpg); background-position: top left; background-repeat: no-repeat; text-align: left; padding: 2px 0 2px 10px; }
		input.search { width: 115px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #acacac; letter-spacing: normal; border: none; background: transparent; }

	#top { width: 960px; height: 135px; background-image: url(/images/top-background.jpg); background-position: top left; background-repeat: no-repeat; overflow: hidden; }
	
	#nav { width: 960px; height: 45px; background-image: url(/images/nav-bg.jpg); background-position: top left; background-repeat: no-repeat; overflow: hidden; }
	
	#ban { width: 960px; height: 250px; overflow: hidden; }
	
	#sidebar { width: 255px; height: inherit; padding: 20px 35px 25px 20px; background-color: white; float: left; text-align: left; vertical-align: top; }
	
		#login { width: 220px; height: 180px; background-image: url(/images/login-bg.jpg); background-position: top left; background-repeat: no-repeat; padding: 15px; }
	
	#content { width: 590px; height: auto; padding: 20px 40px 25px 20px; background-color: white; float: left; text-align: left; vertical-align: top; }
	
	#clearfix { width: 960px; height: 5px; background-color: white; clear: both; }
	
	#footer { width: 960px; margin: 0 auto; background-color: #eef1e6; }


/* STYLES :: GLOBAL TEXT */

.strong { font-style: bold; }

p { font-family: Palatino, Georgia, Century Schoolbook, serif; font-size: 15px; font-weight: normal; color: #555555; line-height: 24px; letter-spacing: -25%; margin: 0 0 20px 0; }

h1 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #7ba43e; line-height: 22px; letter-spacing: -25%; margin: 0 0 20px 0; } /* Green / Content */

h1.tier { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #7ba43e; line-height: 22px; letter-spacing: -25%; margin: 10px 0 20px 0; } /* Green / Content */

h2 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #c9a100; line-height: 20px; letter-spacing: -25%; margin: 0 0 10px 0; } /* Yellow / Content */

h3 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #aaaaaa; line-height: 20px; letter-spacing: -25%; margin: 20px 0 15px 0; } /* Grey / Sidebar */


/* STYLES :: SIDEBAR LOGIN */

p.login-headline { padding: 0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #7ba43e; letter-spacing: -25%; margin: -7px 0 0 0; }

p.login-caption { padding: 0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #999999; letter-spacing: normal; margin: 0; } /* forgot password / etc. */
			
	.login-caption a { color: inherit; outline: none; text-decoration: underline; }
	.login-caption a:hover { color: inherit; text-decoration: none;  }
			
.login-descriptor { padding: 0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; letter-spacing: normal; margin: 0; } /* Username/Password Descriptions */

input.login { width: 209px; height: 25px; padding: 0 5px 0 5px; border: 1px solid #cbd1b7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; font-weight: normal;  }


/* STYLES :: LATEST NEWS */

ul.news { list-style-position: inside; list-style-type: none; }

	li.news-item { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #c9a100; letter-spacing: normal; margin: 0 0 20px 0; }
	
		li.news-item a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #c9a100; letter-spacing: normal; outline: none; text-decoration: none; }
		li.news-item a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #c9a100; letter-spacing: normal; text-decoration: underline; }
	
span.news-date { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #aaaaaa; letter-spacing: normal; }

p.view-all-news a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #c9a100; letter-spacing: normal; outline: none; text-decoration: none; }
p.view-all-news a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #c9a100; letter-spacing: normal; text-decoration: underline; }


/* STYLES :: JOIN THE EBA */

p.sidebar-join { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #888888; letter-spacing: normal; line-height: normal; margin: 10px 0 15px 0; }

	p.sidebar-join a { outline: none; text-decoration: underline; color: #888888; }
	p.sidebar-join a:hover { text-decoration: none; color: #888888; }

span.join-examples { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #888888; letter-spacing: normal; }

span.sidebar-join-cta { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #7ba43e; letter-spacing: normal; }


/* STYLES :: FOOTER TABLE */

table.footer { background-color: #eef1e6; width: 940px; border: none; outline: none; margin: 0px 10px 30px 10px; }
td.footer-cell { padding-right: 15px; text-align: left; vertical-align: top; border: none; }
td.copyright-cell { padding-left: 15px; text-align: right; vertical-align: top; width: 285px; border: none; }

h4.footer { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #9f9f9f; line-height: normal; letter-spacing: normal; margin: 20px 0 15px 0; }

ul.footer { list-style-position: inside; list-style-type: none; }

	li.footer-link { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #afafaf; letter-spacing: normal; margin: 5px 0 0 0; }
	
		li.footer-link a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #afafaf; letter-spacing: normal; outline: none; text-decoration: none; }
		li.footer-link a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #afafaf; letter-spacing: normal; text-decoration: underline; }

p.copy-link { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #afafaf; letter-spacing: normal; margin: 20px 0 0 0; line-height: normal; }
	
	p.copy-link a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #afafaf; letter-spacing: normal; outline: none; text-decoration: none; }
	p.copy-link a:hover { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #afafaf; letter-spacing: normal; text-decoration: underline; }


/* STYLES :: TIER TEMPLATE */

#secondary-nav { width: 855px; height: 21px; padding: 9px 0 0 105px; background-image: url(/images/second-nav-bg.jpg); background-position: top left; background-repeat: no-repeat; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #999999; letter-spacing: normal; }

	#secondary-nav a { color: #999999; outline: none; text-decoration: none; }
	#secondary-nav a:hover { color: #777777; text-decoration: none; }

span.breadcrumb { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #999999; letter-spacing: normal; }

	span.breadcrumb a { color: #999999; outline: none; text-decoration: none; }
	span.breadcrumb a:hover { color: #777777; text-decoration: none; }