/*
------------------------------
nclud'ed screen styles
http://www.nclud.com
------------------------------
*/

/* 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, tt, var,
/*b,*/ u, i, center, 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-size: 100%; /*vertical-align: baseline;*/ background: transparent; font-weight: normal; }
body { line-height: 160%; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }


/* Globals ------------------------------------------- */
body { background: #e1e4de url('/images/GrowingAudience/bg-header.gif') repeat-x top center; font: 62.5%/180% Arial, Helvetica, sans-serif; }
ul#skipLinks { display: none; }
.clear { clear: both; }
.last { border: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; }
.alt { margin-right: 0 !important; }


/* Header ------------------------------------------- */
div#header { width: 96.4em; height: 84px; margin: 0 auto; padding-top: 23px; }
div#header a#logo { float: left; }
div#header div { float: right; width: 300px; text-align: right; clear: right;}

	/* Search on top right border: 1px solid green;*/
	div#header fieldset { float: right; margin-top: 7px; }
	div#header fieldset label { display: none;}
	div#header fieldset input { background: url('/images/GrowingAudience/bg-search.gif') no-repeat top left; border: 0; width: 200px; height: 30px; padding: 6px 9px; color: #a0927e; vertical-align: top; }
	div#header fieldset button { background: url('/images/GrowingAudience/submit.gif') no-repeat; width: 28px; height: 30px; padding: 9px 9px 0; border: 0; text-indent: -999999px; margin-left: -3px; cursor: pointer;  }
	
	/* Links above search */
	div#header fieldset ul { padding-bottom: 10px; overflow: auto; }
	div#header fieldset ul li { float: right; margin-left: 20px; padding-left: 15px; }
		div#header fieldset ul li#about { background: url('/images/GrowingAudience/icon-about.gif') no-repeat; }
		div#header fieldset ul li#feedback { background: url('/images/GrowingAudience/icon-feedback.gif') no-repeat; }
	div#header fieldset ul li a { color: #000; text-decoration: none; border-bottom: 1px solid #d5e5e7; font-size: 1.2em; }
	div#header fieldset ul li a:hover { border-bottom: 1px solid #ccc; }


/* Navigation ------------------------------------------- */
div#navigation { background: #47617a url('/images/GrowingAudience/bg-nav.gif') repeat-x bottom left; }
div#navigation ul { width: 96.4em; margin: 0 auto; overflow: auto; } /* width: 96.4em; */
div#navigation ul li { float: left; }
	div#navigation ul li.home { background: url('/images/GrowingAudience/nav-divider.gif') repeat-y bottom left; margin-bottom: 2px; padding-left: 2px; }
div#navigation ul li a {  display: block;  padding: .7em 3.88em; font-size: 1.22em;  text-decoration: none; font-weight: bold; color: #fff; background: url('/images/GrowingAudience/nav-divider.gif') repeat-y bottom right; } /*  padding: .7em 3.88em; font-size: 1.3em;  */
div#navigation ul li a:hover { background-color: #405b76; }

	/* Nav on-state */
	li#on.home a, li.home a:hover, li#on.home a:hover,
	li#on.main a, li#main a:hover, li#on.main a:hover { background: #993300; }


/* Footer ------------------------------------------- */
/* Footer Navigation (top bar of footer) */
div#footer-nav { background: #334657 url('/images/GrowingAudience/footer-topBorder.gif') repeat-x; padding: 1em 0 1em; }
div#footer-nav ul { width: 96.4em; margin: .3em auto 0; position: relative; overflow: hidden; }
div#footer-nav ul li { float: left; margin-right: 3.5em; }
div#footer-nav ul li a { color: #ccc; text-decoration: none; font-size: 1.2em; }
div#footer-nav ul li a:hover { color: #fff; }
div#footer-nav li#top a { position: absolute; top: 0; right: 0; display: block; text-indent: -999999px; width: 24px; height: 20px; background-image: url('/images/GrowingAudience/button-top.gif'); }

/* Footer credits (bottom bar of footer) */
div#footer-credits { clear: both; background: #192e43 url('/images/GrowingAudience/footer-bottomBorder.gif') repeat-x; overflow: hidden; padding: 1.5em; }
div#footer-credits ul { width: 96.4em; margin: .3em auto 0; color: #6d7f91; }
div#footer-credits ul li#copyright { padding-top: .7em; float: left; font-size: 1.2em; }
div#footer-credits ul li#partners { float: right; font-size: 1.1em; text-align: right; background: url('/images/GrowingAudience/footer-logos.gif') no-repeat top right; padding-right: 188px; line-height: 140%;}


/* Content Structure ------------------------------------------- */
div#wrapper { clear: both; width: 96.4em; margin: 4em auto 0; }
div#content { float: left; width: 63.8em; }
 div#sidebar { float: right; width: 31em; }
div#content img, div#sidebar img { padding: .2em; border: 1px solid #ccc; }
div#interior { padding-bottom: 1em; }
div.column { width: 45em; float: left; margin-right: 2.4em; }
	div#content div.column { width: 28.7em; }
/*	div.listed li{ font-size: 1.2em; } */
	div.listed li{ font-size: 1.2em; list-style-image: url(/images/GrowingAudience/list-arrow.gif); margin-left: 0.5em; }
	div.aggr li{ font-size: 1em; list-style-image: url(/images/GrowingAudience/list-arrow.gif); margin-left: 0.5em; }

	/* round corner boxes */
	div.box { background-color: #fff; margin-bottom: 3em; clear: both; }
	div.innerDIV { padding: 1.5em 2em 1.3em; }


/* Reusable Content Elements ------------------------------------------- */
/* Box Headings */
h1 { font-size: 2.2em; color: #993300; line-height: 120%;}
h2 { font-size: 2.2em; color: #993300; border-bottom: 1px solid #bababa; padding-bottom: 12px; line-height: 120%;}
h3 { font-size: 1.8em; color: #202020; border-bottom: 1px solid #bababa; padding-bottom: 12px; }
h4 { font-size: 1.8em; color: #993300; border-bottom: 1px solid #bababa; padding-bottom: 5px; margin-top: 1.2em;}
h5 { font-size: 1.4em; color: #993300; padding-bottom: 5px; margin-top: 1em;}
	h1 em,
	h2 em,
	h3 em { display: block; font-style: normal; font-size: 11px; color: #494949; margin-top: 10px; }
		h4 em { display: block; font-style: normal; font-size: 11px; color: #494949; margin-top: 5px; }

/* Misc elements */
div.box p { font-size: 1.2em; margin-top: 1.1em; /*line-height: 190%; color: #494949;*/ }
/*div.box td.columned-with-line a, div.box td.columned-no-line a { font-weight: bold; color: #35699e; text-decoration: none; font-size: 1em; }*/
div.box td a { font-weight: bold; color: #35699e; text-decoration: none; font-size: 1em; }
div.box a { font-weight: bold; color: #35699e; text-decoration: none; font-size: 1em; }
div.box a:hover { color: #244a70; }
div.box td { padding: 5px; }
div.wrapper div.sidebar div.box li a { font-size: 1.1em; }

/* Box lists */
ul.list li { font-size: 1.2em; border-bottom: 1px solid #e4e4e4; margin: 1em 0 0; padding-bottom: 1em; color: #000000; }
ul.columned li { float: left; width: 23.9em; margin-right: 2em; }
ul.list li.picture { padding-left: 10em; width: 13.9em; }

/* Sasha added to pull images out of the CSS background for "li" tags */
td.columned-with-line {font-size: 1.2em; border-bottom: 1px solid #e4e4e4; margin: 1em 0 0; padding: 10px; vertical-align: top;}
td.columned-with-line div { float: left;  padding: 1em;}
td.columned-with-line img {margin: 5px 10px;}

td.columned-no-line {font-size: 1.2em; margin: 1em 0 0; padding: 10px; vertical-align: top;}
td.columned-no-line div { float: left;  padding: 1em;}
td.columned-no-line img {margin: 5px 10px;}

td.gallery-and-tools, td.recommended-resources { vertical-align: top; width: 50%; padding: 5px; }

/* Continue and Readmore buttons */
div.box a.continue,
div.box a.readmore { text-transform: uppercase; text-decoration: none; color: #509455; font-weight: normal; }
	div.box a.continue { display: block; border-bottom: 1px solid #e7e7e7; margin-top: .8em; }
	div.box a.readmore { font-size: .9em; }
div.box a.continue:hover,
div.box a.readmore:hover { color: #3c7540; }
.two_allSameSize div.box td li a { font-size: 1.2em; }

/* Community Blog */
div.box dl dt { margin-top: 1.2em; color: #757575; }
div.box dl dt a { display: block; font-size: 1.1em; }
div.box dl dd { font-size: 1.2em; margin-top: 1em; border-bottom: 1px solid #e4e4e4; margin: 10px 0 0; padding-bottom: 1em; }

/* View more links */
ul.viewmore { padding: 1.2em 0 1.5em; }
ul.viewmore li { display: inline; color: #acacac; border-right: 1px solid #ccc; height: 1.5em; padding-right: .7em; margin-right: .7em; }
	div#content ul.viewmore li { float: right; padding-top: 1.3em; }
	ul.viewmore li { float: right; }
	div#sidebar ul.viewmore li { float: left; }
ul.viewmore li a { font-size: 1.2em; text-decoration: none; color: #509455; font-weight: normal; }
	div.viewmore { float: right; }


/* Non-Reusable Content Elements ------------------------------------------- */
/* Slideshow */
div#slideshow { background: #314a63 url('/images/GrowingAudience/bg-slideshow.gif') repeat-x; margin-top: 1.7em; padding: 1.3em 1.3em 1em; overflow: hidden; }
div#slideshow ol { width: 570px; height: 128px; position: relative; }
div#slideshow ol li { position: absolute; top: 0; left: 0; width:570px; }
div#slideshow ol li a.with-image { display: block; background: #fff no-repeat .7em .7em; padding: 1.3em 1.3em 0 165px; font-size: 1.5em; color: #4d665f; min-height: 7.2em; border: 1px solid #464646; text-decoration: none; font-weight: bold; }
div#slideshow ol li a.with-image span a { display: inline; background: #fff no-repeat .7em .7em; padding: 1.3em 1.3em 0 165px; font-size: 1em; color: #4d665f; min-height: 1em; border: 1px solid #464646; text-decoration: none; font-weight: bold; }
div#slideshow ol li a.no-image { display: block; background: #fff no-repeat .7em .7em; padding: 1.3em 1.3em 0 1.3em; font-size: 1.5em; color: #4d665f; min-height: 7.2em; border: 1px solid #464646; text-decoration: none;  font-weight: bold; }
/*	div#slideshow ol li#slider1 a { background-image: url('/images/GrowingAudience/picture-woodshed.gif'); }
	div#slideshow ol li#slider2 a { background-image: url('/images/GrowingAudience/picture-woodshed.gif'); }
	div#slideshow ol li#slider3 a { background-image: url('/images/GrowingAudience/picture-woodshed.gif'); }
	div#slideshow ol li#slider4 a { background-image: url('/images/GrowingAudience/picture-woodshed.gif'); } */
div#slideshow li a span { display: block; font-size: .8em; margin-top: .8em; color: #000; line-height: 1.7em; }
div#slideshow em#current_slide { float: left; font-size: 1.2em; color: #fff; margin-top: 1.2em; }
div#slideshow ul { float: right; width: 300px;}
div#slideshow ul li { float: right; }
div#slideshow ul li a { display: block; text-indent: -999999px; width: 1.8em; height: 1.8em; margin-top: 1.2em; }
	div#slideshow ul a#next { background: #fff url('/images/GrowingAudience/button-next.gif') no-repeat center center; }
	div#slideshow ul a#prev { background: #fff url('/images/GrowingAudience/button-prev.gif') no-repeat center center; }

/* Search Results */
div#search {}
div#search ul { float: right; margin-right: 3em; }
div#search ul li { float: right; }
div#search ul li a { display: block; text-indent: -999999px; width: 1.8em; height: 1.8em; margin-top: 1.2em; }
	div#search ul a#next { background: #fff url('/images/GrowingAudience/button-next.gif') no-repeat center center; }
	div#search ul a#prev { background: #fff url('/images/GrowingAudience/button-prev.gif') no-repeat center center; }
	
/* Weekly Newsletter */
fieldset#newsletter { background-color: #edf6ff; border: 1px solid #e1e1e1; padding: 1.5em; }
fieldset#newsletter img { margin: 0 1em 0 0; }
fieldset#newsletter label { font-size: 1.3em; color: #383838; font-weight: bold; }
fieldset#newsletter label em { font-style: normal; font-size: .9em; line-height: 140%; display: block; margin-top: .5em; }
fieldset#newsletter input { width: 13.5em; }
fieldset#newsletter button { border: 0; background: url('/images/GrowingAudience/button-signup.gif') no-repeat; text-indent: -999999px; width: 75px; height: 24px; cursor: pointer; margin-top: 1.2em; }

/* Download PDF */
fieldset#download { background-color: #edf6ff; border: 1px solid #e1e1e1; padding: 1.5em; }
fieldset#download img { margin: 0 1em 0 0; }
fieldset#download label { font-size: 1.3em; color: #383838; font-weight: bold; }
fieldset#download label em { font-style: normal; font-size: .9em; line-height: 140%; display: block; margin-top: .5em; }


	/* Newsletter in an article */
	.article fieldset#newsletter { margin: -.5em 0 2.4em 0;}

/* Resources  */
div.resources ul li { float: left; font-size: 1.1em; margin-right: 1.9em; margin-top: 1.4em; }
div.resources ul li a { display: block; font-size: 1.1em; }

/* Editors */
div.editors ul { margin-top: 1.4em; padding-left: 12.5em; background: url('/images/GrowingAudience/picture-house.gif') no-repeat; overflow: auto; }
div.editors ul li { float: left; font-size: 1.2em; padding: .4em 0; width: 13.5em; border-bottom: 1px solid #d5e5e7; }

/* Actions */
div.box ul.actions { background-color: #f6f7f5; padding: .5em 1em; margin-bottom: 1.5em;}
div.box ul.actions li { display: inline; margin-right: 1em;}
div.box ul.actions li a { padding-left: 16px; background-repeat: no-repeat; font-size: 1.1em; font-weight: normal; }
	div.box ul.actions li.email a { background-image: url('/images/GrowingAudience/icon-email.gif'); }
	div.box ul.actions li.print a { background-image: url('/images/GrowingAudience/icon-print.gif'); }
	div.box ul.actions li.share a { background-image: url('/images/GrowingAudience/icon-share.gif'); padding-left: 15px; }
	div.box ul.actions li.rss a { background-image: url('/images/GrowingAudience/icon-rss.gif'); }
	div.box ul.actions li.font a { padding: 0; }
	
/* Interior Elements ------------------------------------------- */
div#interior p { font-size: 1.2em; margin-top: .8em; line-height: 190%; /*color: #494949;*/ }
div#interior a, ul.actions a { font-weight: normal; color: #35699e; text-decoration: none; border-bottom: 1px dotted #6e9cca; }
div#interior a:hover,  ul.actions a:hover { color: #08233e; border-bottom: 1px solid #08233e;}

/* Image with Caption */
div.img { float: right; background-color: #fff; padding: .7em; border: 1px solid #ccc; /*width: 240px; */margin: 2em .5em 2em 2em; clear: right;}
div.img span { background-color: #ebebeb; display: block; padding: 5px 8px; font-size: 1.1em;}

/* By line */
div#interior small.byline { font-size: 1.1em; color: #333; margin-top: 1em; display: block; }

/* Unordered list */
div#interior ul { font-size: 1.2em; margin: .9em 2em 1em; color: #494949; }
/*div#interior ul li { margin-bottom: .5em; padding-left: 1em; background: #fff url('/images/GrowingAudience/icon-arrow.gif') no-repeat 0 .5em;}*/
div#interior ul li { margin-bottom: .5em; padding-left: 1em; background: #fff url('/images/GrowingAudience/icon-arrow.gif') no-repeat 0 .5em;}
div#interior ul li.search-buttons { background: none; }
div#interior ul li.search-buttons a { border: none; }

/* Ordered list */
div#interior ol { font-size: 1.2em; margin: .9em 4em 1em; color: #494949; }
div#interior ol li { list-style: decimal; margin-bottom: .5em; padding-left: 0.2em; }

/* Interior Headings */
div#interior h2, /* Reset headings */
div#interior h3,
div#interior h4,
div#interior h5,
div#interior h6 { border: 0; color: #993300; margin: 1.2em 0 0; padding: 0; }

div#interior h2 { font-size: 2em; }
div#interior h3 { font-size: 1.8em; }
div#interior h4 { font-size: 1.6em; }
div#interior h5 { font-size: 1.4em; }
div#interior h6 { font-size: 1.2em; }

/* Blockquote */
div#interior blockquote { float: right; font-size: 1.4em; color: #717171; width: 13.5em; background: url('/images/GrowingAudience/quote_start.gif') no-repeat top left; text-align: center; margin: 1em 0 1em 1em; line-height: 140%; }
div#interior blockquote span { display: block; background: url('/images/GrowingAudience/quote_end.gif') no-repeat bottom right; font-weight: bold; padding: 0 20px; }


/* Section Landing Elements (Tried to resuse as much CSS as possible)------------------------------------------- */
.sectionLanding h1 { margin-bottom: 1em; }

/* Ideas Gallery */
table#ideasGallery { overflow: hidden;/* border-bottom: 1px solid #ccc;*/ }
table#ideasGallery td { /*float: left; */width: 50%; vertical-align: top; padding: 1em 1.5em;}
table#ideasGallery td a { /*display: block;*/ font-size: 1.2em; color: #4d665f; font-weight: bold; }
table#ideasGallery td a span { /*display: block;*/ color: #3e3e3e; font-size: 0.9em; }
table#ideasGallery li.feature-shorter  { width: 10.2em; /*border-bottom: 1px solid #ccc;*/ border-right: none; padding: 0 3em 2.5em 13em; margin-top: 1.5em; font-size: 1.2em; }
ol#ideasGallery li.feature-longer  { width: 23.3em; /*border-bottom: 1px solid #ccc;*/ border-right: none; padding: 0 3em 2.5em 13em; margin-top: 1.5em; font-size: 1.2em; }
/*	ol#ideasGallery li#feature1 { background: url('/images/GrowingAudience/picture-woodshed.gif') no-repeat; }
	ol#ideasGallery li#feature2 { background: url('/images/GrowingAudience/picture-woodshed.gif') no-repeat; padding-right: 0;}
*/ol#ideasGallery li a span { font-size: .8em; margin-top: .5em; }

ol#ideasGallery li.section-intro  { width: 23.3em; /*border-bottom: 1px solid #ccc;*/ border-right: none; padding: 0 3em 2.5em 13em; margin-top: 1.5em; font-size: 1.2em; }
	
/* Lower boxes under main full width box */
div.top-box-shorter { float: left; width: 61.8em; margin-left: 0.9em; margin-right: 0.9em; }
div.top-box-shorter td li a { font-size: 1.2em; }
div.top-box-longer { float: left; width: 94.2em; margin-left: 0.9em; margin-right: 0.9em; }
div.top-box-longer td li a { font-size: 1.2em; }
div.top-box-shorter h4, div.top-box-longer h4 { margin-top: 0; }
/* two boxes at the same size */
.two_allSameSize div.box-shorter { float: left; width: 30em; margin-left: 0.9em; margin-right: 0.9em; margin-bottom: 1em; }
div.box-shorter td li a { font-size: 1.1em; }
.two_allSameSize div.box-longer { float: left; width: 46.2em; margin-left: 0.9em; margin-right: 0.9em;}
div.box-longer td li a { font-size: 1.1em; }

/*div.lowerBoxes div#lastBox, div#rightBox { margin-right: 0; } /* You need lastBox when the box is the last box on a ROW. */
div.lowerBoxes div#lastBox, div#rightBox {  } /* You need lastBox when the box is the last box on a ROW. */
div.lowerBoxes h4 { margin-top: 0; }
div.lowerBoxes ul.list li { /*width: 23.2em;*/ }
div.lowerBoxes ul.list li.picture { width: 13em; }
div.lowerBoxes td li a { font-size: 1.2em; }

/* three boxes at the same size */
.three_allSameSize div.box1, .three_allSameSize div.box2, .three_allSameSize div.box3 { float: left; width: 30.9em; margin-right: 1.8em; }
.three_allSameSize div.box3 { margin-right: 0; }

/* Left is bigger */
div.two_leftBigger div#box1 { width: 30em; float: left; margin-right: 1.8em;}
div.two_leftBigger div#box2 { width: 64.5em; margin-right: 0; float: left;}

/* Right is bigger */
div.two_rightBigger div#box1 { width: 64.5em; float: left; margin-right: 1.8em;}
div.two_rightBigger div#box2 { width: 30em; margin-right: 0; float: left;}