/*

RESET

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, /* em, */ font, img, ins, kbd, q, s, samp,
small, strike, /* strong,  */ sub, sup, tt, var,
dl, dt, dd, /* ol, ul, li, */
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* I use collapse, instead of separate, so 'cellspacing="0"' is not necessary  -Abby */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*

Layout & Defaults

*/

html {
	height: 100%;
}
body {
	background: #62b239 url(/images/bg_body.gif) left top repeat-x;
	height:100%;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}
#learntobeheard {
	background: #448cbb url(/images/bg_blue_body.gif) left top repeat-x;
}

#ebbingoil {
	background: #fcc903 url(/images/bg_yellow_body.gif) left top repeat-x;
}

#wrapper {
	position: relative;
	min-height: 100%;
	width:770px;
	margin:0 auto;
	text-align:left;
}
#masthead {
	height:70px;
	width:100%;
	overflow:hidden;
}
#logo {
	float:left;
}
#prinav {
	float:right;
	width:460px;
	padding-top:39px;
}
#prinav a.coming_soon {
	cursor: default;
}
#secondarynav {
	width:100%;
	height:40px;
}
#main {
	width:762px;
	overflow:hidden;
	padding:0 4px 300px;
	line-height:19px;
	color:#333;
}
#main .subpage {
	float:left;
	width:506px;
	background:#fff;
	padding:16px 20px;
	margin-bottom:2em;
}
#main .addendum {
	float:right;
	width:170px;
	background:#62b239 url(/images/bg_addendum.gif) left top no-repeat;
	overflow:hidden;
	padding:20px;
	margin-bottom:2em;
}
#learntobeheard #main .addendum {
	padding-top:250px;
	background:#448cbb url(/images/bg_blue_signpost.gif) left top no-repeat;
}
#page_four #main .addendum {
	padding-top:250px;
	background:#62b239 url(/images/bg_pagefour.gif) left top no-repeat;
}
#ebbingoil #main .addendum {
	padding-top:280px;
	background:#fcc903 url(/images/bg_yellow_signpost.gif) left top no-repeat;
}
/*

Main Content

*/

#main a {
	color:#333;
}
#main p {
	margin-bottom:1em;
}
#main ul {
	margin-bottom:1em;
	padding-left:1.5em;
}
#main li {
	margin-bottom:.25em;
}
#main p.intro {
	font-size:14px;
	line-height:24px;
}
#main p.part_count {
	text-transform: uppercase;
	font-family: "Myriad Web Pro", "Myriad Web", "Myriad Pro", "Myriad", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#afb9a5;
	font-weight:bold;
	letter-spacing: .03em;
	margin-bottom:1.63636363em; /* 18px Ö 11px */
}
h1 {
	font-size:17px;
	font-family: Georgia, serif;
	color:#1a6521;
	line-height:1.41176471em; /* 14 Ö 17 */
	margin-bottom:.70588235em; /* 12 Ö 17 */
}
h2 {
	font-size:28px;
	font-family: Georgia, serif;
	color:#0f4886;
	line-height:1.1em;
	margin-bottom:.65em;
}
h2.smaller {
	font-size:20px;
}
h3 {
	text-transform: uppercase;
	font-size:12px;	
	font-weight:bold;
	color:#631124;
	margin-top:1.5em;
}
h4 {
	font-weight:bold;
}
p.button {
	position:relative;
	height:34px;
	cursor: pointer;
	margin:1.5em 0 1.5em;
}
a.button {
	background:url(/images/bg_button_left.gif) left top no-repeat;
	display:block;
	font-size:11px;
	padding:0 0 0 16px;
	height:34px;
	color:#fff !important;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	position:absolute;
	left:-4px;
	top:0;
	cursor: pointer;
	overflow:hidden;
}
a.button span {
	background:url(/images/bg_button_right.gif) right top no-repeat;
	height:34px;
	overflow:hidden;
	padding:7px 16px 0 0;
	text-align:center;
	display:inline-block;
}
a.green {
	background:url(/images/bg_button_green_left.gif) left top no-repeat;
	text-transform: uppercase;
	font-size:11px;
}
a.green span {
	background:url(/images/bg_button_green_right.gif) right top no-repeat;
}
a.green.onwhite {
	background:url(/images/bg_button_greenonwhite_left.gif) left top no-repeat;
}
a.green.onwhite span {
	background:url(/images/bg_button_greenonwhite_right.gif) right top no-repeat;
}
.callout {
	padding:10px;
	background:#fcbf0e;
}
.callout h3 {
	margin-top:0;
}
.callout p {
	margin-bottom:0 !important;
}
#main ul.widgets,
#main ul.widgets li {
	list-style: none;
	margin: 0;
	padding:0;
}
#main ul.widgets li {
	display:-moz-inline-block;
	display:inline-block;
	vertical-align: top;
	line-height:20px;
	padding-right:1ex;
}
a.email {
	height:20px;
	width:31px;
	display:block;
	background:url(/images/email_sprite_icon.png) left top no-repeat;
	text-indent: -2000em;
	vertical-align: top;
}
a.email:hover {
	background:url(/images/email_sprite_icon.png) left -42px no-repeat;
}
a.email:active {
	background:url(/images/email_sprite_icon.png) left -21px no-repeat;
}
.wsj_callout {
	min-height:30px;
	padding:10px;
	background:#3a8e32;
	color:#fff;
}
.wsj_callout h3 {
	margin-top:0;
	color:#fff;
}
#main .wsj_callout a {
	color:#fff;
}
.wsj_callout {
	margin-bottom:0 !important;

}

#makeadifference {
	position:absolute;
	left:475px;
	top:342px;
}
.promo_home_heard {
	float:right;
	padding-bottom:25px;
	margin-top:-11px;
}

.promo_home_wsj {
	float:right;
	padding-bottom:25px;
	margin-top:-11px;
}

div#columns {
	width:506px;
	overflow: hidden;
	padding-bottom:2em;
}
div#columns div {
	width:235px;
	float:left;
}
div#columns div#column_two {
	float:right;
}
div#columns h2 {
	margin-top:0;
}

/*

Addendum

*/

.addendum h4 {
	font-family: Georgia, serif;
	font-size:16px;
	color:#fff;
	margin-bottom:.5em;
	margin-top:1.5em;
}
.addendum p,
.addendum ul {
	font-size:11px;
	line-height:1.3em;
}
.addendum ul {
	padding-left:1.5em;
	margin-top:0;
	margin-left:0;
}
.addendum ul li {
	margin-bottom:.6em;
}
.addendum ul.linkslist {
	padding-left:0;
	list-style:none;
}
.addendum ul.linkslist li {
	list-style:none;
	margin-bottom:.6em;
}
.addendum .signup p {
	padding-left:50px;
	background:url(/images/icon_signup.gif) -2px top no-repeat;
	height:75px;
}
.addendum .twitter p {
	padding-left:50px;
	background:url(/images/icon_twitter.png) -2px top no-repeat;
	height:45px;
}
.addendum .iser p {
	padding-left:50px;
	background:url(/images/icon_iser.gif) left top no-repeat;
	height:75px;
}
.addendum .brochures p {
	padding-left:50px;
	background:url(/images/icon_brochure.gif) left top no-repeat;
	height:75px;
}
#learntobeheard .addendum .signup p {
	background:url(/images/icon_blue_signup.gif) -2px top no-repeat;
}
#learntobeheard .addendum .brochures p {
	background:url(/images/icon_blue_brochure.gif) left top no-repeat;
}
#learntobeheard .addendum .beheard p {
	padding-left:50px;
	background:url(/images/icon_blue_prossite.gif) left top no-repeat;
	height:75px;
}
#learntobeheard .addendum .contactcandidate p {
	padding-left:50px;
	background:url(/images/icon_blue_list.gif) left top no-repeat;
	height:75px;
}
#ebbingoil .addendum .signup p {
	background:url(/images/icon_yellow_signup.gif) -2px top no-repeat;
}
#ebbingoil .addendum .twitter p {
	background:url(/images/icon_twitter.gif) -2px top no-repeat;
}
.hangpunctuation {
	text-indent:-.85ex;
}

/*

Home Exceptions

*/

#main .home {
	background:url(/images/bg_home.gif) right top no-repeat;
	padding-bottom:76px;
	line-height:19px;
	color:#fff;
}
#main .home p.intro {
	margin-top:5px;
}
#main .home a {
	color:#fff;
}
#main .home .addendum {
	width:100%;
	background: none;
	background: transparent url(/images/bg_homedivider.gif) left top repeat-x;
	margin-top:15px;
	padding:25px 0 0 0;
	padding:35px 0 0 0;
	overflow:hidden;
}
#main .home .addendum h2 {
	text-transform: uppercase;
	font-family: "Myriad Web Pro", "Myriad Web", "Myriad Pro", "Myriad", Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#fcbf0e;
	letter-spacing: .03em;
	margin-bottom:.5em;
	margin-top:0;
	font-weight:bold;
}
.home .addendum .recent {
	width:380px;
	float:left;
}
.home .addendum .signup {
	float:left;
	width:155px;
	padding-left:35px;
	margin-right:20px;
	margin-right:0;
	background:url(/images/signup_icon.gif) left 23px no-repeat;
	background:url(/images/signup_icon.gif) 31px 23px no-repeat;
	margin-bottom:0;
}
.home .addendum .signup p {
	background:none;
}
.home .addendum .brochures {
	float:left;
	/* float:right; */ /* Uncomment for Enabling News */
	width:165px;
	padding-left:25px;
	background:url(/images/brochure_icon.gif) 24px 21px no-repeat;
	margin-bottom:0;
}
.home .addendum .brochures p {
	background:none;
}

/*

Footer

*/

#footer {
	padding-top:10px;
	position: relative;
	margin-top: -76px; /* This amount is the exact height of the footer */
	height:66px;
	background: #0d4376 url(/images/bg_footer.gif) left bottom repeat-x;
	color:#b8cfe1;
	font-size:10px;
	overflow:hidden;
}
#learntobeheard #footer {
	background: #0d4376 url(/images/bg_blue_footer.gif) left bottom repeat-x;
}
#ebbingoil #footer {
	background: #0d4376 url(/images/bg_yellow_footer.gif) left bottom repeat-x;
}
#footer div {
	width:762px;
	text-align:left;
	margin:auto;
}
#fnb_logo {
	float:left;
	margin-right:40px;
}
#footer_tagline {
	float:right;
}
#footer p {
	padding-top:23px;
	line-height:13px;
	width:215px;
	float:left;
}
#footer a {
	color:#b8cfe1;
}

/*

Learn to be Heard Overlay

*/

#learnoverlay {
	display:block;
	position:absolute;
	width:706px;
	padding:342px 0 0 56px;
	height:296px;
	top:0;
	left:0;
	background: transparent url(../images/bg_learnoverlay.png) center top no-repeat;
}
#learnoverlay #close {
	background: transparent url(../images/close_button.png) left top  no-repeat;
	height:18px;
	line-height:18px;
	width:200px;
	color:#fff;
	position:absolute;
	left:56px;
	top:159px;	
	padding-left:24px;
}
#learnoverlay #close a {
	color:#fff;
	
}
#learnoverlay img {
	display:block;
	margin-bottom:3px;
}

#wsjoverlay {
	display:block;
	position:absolute;
	width:706px;
	padding:412px 0 0 56px;
	height:296px;
	top:0;
	left:0;
	background: transparent url(../images/bg_wsjoverlay.png?update=06272011) center top no-repeat;
}
#wsjoverlay #close {
	background: transparent url(../images/close_button.png) left top  no-repeat;
	height:18px;
	line-height:18px;
	width:200px;
	color:#fff;
	position:absolute;
	left:56px;
	top:159px;	
	padding-left:24px;
}
#wsjoverlay #close a {
	color:#fff;
	
}
#wsjoverlay img {
	display:block;
	margin-bottom:3px;
}