/* EQAO Emag Article CSS */

/* ELEMENTS */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;}
div { margin: 0;}
img { border: none; }

p img { margin: 2px;}
p { margin: 0; padding: 0; }
p, li { font: 12px/1.5em Arial, Helvetica, sans-serif; }
li { margin-top: 0.25em; margin-bottom: 0.25em; }
a img { border: none;}
h1 { text-align: left; padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 30px; font-weight: bold; clear: left;}
h2 { margin: 0; font-size: 24px; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em;}
h3 { margin: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
h3.personTitle { font-size: 14px; font-weight: normal;}
h4 { font-size: 14px;}
h5 { font-size: 14px;}
h6 { font-size: 12px; margin-bottom: 0; }
hr { border: 1px solid #006A8A; clear: both; }
.NL-article p, .NL-article li, blockquote { line-height: 1.5em;}
.NL-article p { margin: 10px 0; }
#titleForPrint { text-align: left; display: none;}
h2.byline { font-size: 14px; margin-top: 10px;}

/* CLASSES */
.submit-rating-msg, .submit-failedVal-msg, .submit-error-msg, .submit-question-msg { margin-top: 8px; text-align: center; font-size: 14px; font-family: Trebuchet MS, Arial; color: #000; background-color: #E7EFD4; border-top: 1px solid #006A8A;}
.submit-question-msg {  }
.submit-rating-msg strong, .submit-question-msg strong { color: #21BA52; }
.submit-failedVal-msg { color: Red;}
.submit-error-msg { color: Red; }
.articleCredit { text-align: right;}

.NL-article { margin-left: 10px; width: 700px;}
.NL-article img { border: 1px solid #666;}
.NL-articletitleBG { background-color: #FFF; margin-left: 80px; }
.NL-leftNavButton {border: 1px solid #000; padding: 0;}
.NL-leftNavButton img { margin:0;}
.NL-DidYouKnow { border: 2px solid #9C003F; margin-top: 10px;}
.usingDataTips { margin-top: 10px; }
.survey { margin-top: 10px; }
.askUs { margin-top: 10px; }
.eduOpportunities { margin-top: 10px; }
.email { margin-top: 10px; }
.nextissue { clear: left; float: left; border: 1px solid #000; margin-top: 10px;}
.nextissue-label { width: 100px; color: #9C003F; float: left; font-size: 16px; font-weight: bold; padding-left: 8px; padding-top: 10px;}
.nextissue-details { width: 440px; float: left;}
.nextissue-details ul { margin: 0; padding: 10px 0 0 0; list-style-type: none; }
.nextissue-details ul li { padding: 1px;}
.nextissue-date { text-align: right; padding-right: 8px; font-weight: bold; color: #006A8A;}
.block-006A8A { margin-top: 5px; }
#writer-guidelines-contentwrapper hr { clear: none;}
strong.writer-guidelines { color: #006A8A;}
#framework-doc-explanation { padding-left: 20px; padding-right: 10px; display: none;}
.first { margin-bottom: 20px; }
.askUs-answer { padding-bottom: 0; margin-bottom: 0;}
div.ask-us ul { padding: 0; margin-top: 8px;}
#ask-us-form-container { margin-bottom: 10px;}
#framework-explanation-link { margin-top: 5px; }
#score-rationale-wrapper h3 { text-align: center;}
#rationale { padding: 5px;}
#score-rationale-wrapper { display: none; background: #FFF6D9; border: 1px dashed #006A8A;}
#portrait-wrapper { float: left; width: 160px; margin: 0 20px 20px 0;}
#issue-date { text-align: right; padding: 0 1em 45px 0; font: bold 1.2em/12px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; }
.NL-article .tight-top, .tight-top { margin-top: 0; padding-top: 0; }

.byline { font-weight: bold; }
.bibliography div { padding-left: 3em; text-indent: -3em; margin-bottom: 1em; }
.afterPic { clear: both; }
.underline { text-decoration: underline;}
.withBorder { border: 1px solid #000; }
.NL-article p.conferenceLink { font-weight: bold; }
.NL-article p.conferenceLink img { border: none; margin: 0 2px 0 0; vertical-align: text-bottom; }

div.togglebox a.toggler {font-size:0.8em;float:right;margin:0 5px 3px 0;}
div.togglebox, div.toggleon h4 {clear:both;} /* fixes alignment issues caused by above declaration */
span.closepanel { float:right; cursor:pointer; margin-top:7px; color:#9c003f; font-weight:bold; padding-top:1px; padding-right:17px; background:#fff url(../../images/x.png) no-repeat right center;}
div.toggleon { background:#ffe; padding:5px; margin-right:5px; border:1px dashed #ccc; clear:both; }
div.toggleon div { text-align:center; }
div.toggleon div .imgwrap { overflow:auto; max-height:250px; }
* html div.toggleon div .imgwrap { height:50px; }
div.toggleon div h4 { text-align:left; margin: 5px 0 15px 0; padding:5px; color:#fff; background:#9c003f; font-size:1em; }




/* ARTICLE MASTHEADS ------------------------------ */

.Article01e, .Article02e, .Article03e, .Article04e, .Article05e, .Article06e, .Article07e, .Article08e, .Article09e, .Article10e { background-repeat: no-repeat; background-position: top left;}

.Article01f, .Article02f, .Article03f, .Article04f, .Article05f, .Article06f, .Article07f, .Article08f, .Article09f, .Article10f { background-repeat: no-repeat; background-position: top left;}

.Article01e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadEQAO_e.gif);}
.Article02e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadBrown_e.gif);}
.Article03e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadPurple_e.gif);}
.Article04e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadRed_e.gif);}
.Article05e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadGreen_e.gif);}
.Article06e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadLightBrown_e.gif);}
.Article07e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagazineMasthead_e.gif);}
.Article08e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadOrange_e.gif);}
.Article09e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagazineMasthead_e.gif);}
.Article10e { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadDarkGreen_e.gif);}

.Article01f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadEQAO_f.gif);}
.Article02f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadBrown_f.gif);}
.Article03f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadPurple_f.gif);}
.Article04f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadRed_f.gif);}
.Article05f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadGreen_f.gif);}
.Article06f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadLightBrown_f.gif);}
.Article07f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagazineMasthead_f.gif);}
.Article08f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadOrange_f.gif);}
.Article09f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagazineMasthead_f.gif);}
.Article10f { background-image: url(/eMagazine/images/2008/05/Mastheads/eMagMastheadDarkGreen_f.gif);}

/* ARTICLE TITLE LINE STYLE ------------------------ */
div.welcome h1, .Article02e h1, .Article02f h1, .Article03e h1, .Article03f h1, .Article04e h1, .Article04f h1, .Article05e h1, .Article05f h1, .Article06e h1, .Article06f h1, .Article08e h1, .Article08f h1, .Article10e h1, .Article10f h1, div#writer-guidelines-contentwrapper h1 { background-repeat: repeat-x; background-position: center left;}
div.welcome h1 { color: #006A8A; background-image: url(/eMagazine/images/line-welcome.gif); width: 700px;}
.Article02e h1, .Article02f h1 { background-image: url(/eMagazine/images/line-coffee.gif);}

.Article03e h1, .Article03f h1 { background-image: url(/eMagazine/images/line-view.gif);}
.Article04e h1, .Article04f h1 { background-image: url(/eMagazine/images/line-behind.gif);}
.Article05e h1, .Article05f h1 { background-image: url(/eMagazine/images/line-spotlight.gif);}
.Article06e h1, .Article06f h1 { background-image: url(/eMagazine/images/line-how.gif);}
.Article08e h1, .Article08f h1 { background-image: url(/eMagazine/images/line-data.gif);}
.Article10e h1, .Article10f h1 { background-image: url(/eMagazine/images/line-spotlight.gif);}
div#writer-guidelines-contentwrapper h1 { background-image: url(/eMagazine/images/line-welcome.gif);}

/* COFFEE BREAK ------------------------------------- */
.Article02e h2, .Article02e h1, .Article02e h6, .Article02e h5 { color: #603B0F; }
.Article02e h2.byline, .Article02e h3.personTitle { color: #000;}
.Article02e h3.personTitle { margin-bottom: 15px; }
.Article02e .grade-letter, .Article02e #articleFormTable h3 { color: #603B0F;}
.Article02e blockquote { font-style: italic; }
.Article02e blockquote p { margin: 0.25em 0; }
.Article02e blockquote div { font-style: normal; text-align: right; }

.Article02f h2, .Article02f h1, .Article02f h6, .Article02f h5 { color: #603B0F; }
.Article02f h2.byline, .Article02f h3.personTitle { color: #000;}
Article02f h3.personTitle { margin-bottom: 15px; }
.Article02f .grade-letter, .Article02f #articleFormTable h3 { color: #603B0F;}
.Article02f blockquote { font-style: italic; }
.Article02f blockquote p { margin: 0.25em 0; }
.Article02f blockquote div { font-style: normal; text-align: right; }

img.mountain { display: block; margin: 0 auto 1em; border: none; }
.Filippi-video-wrapper { overflow: auto; margin-bottom: 1em; }

#AdAstra { background: #E4EDCF; padding: 1em; border: 1px solid #000; }
#AdAstra h4 { color: #000; font-size: 16px; margin: 0; }
.AdAstra-child { float: right; margin: 0 0 0.5em 0.5em; border: 1px solid #000; }

.coffee-f-pic1-wrapper { float: left; margin: 0 1em 3em 0;}
.coffee-f-pic1 { width: 240px; }
.coffee-f-pic2-wrapper { float: left; margin: 0 1em 0.5em 0;}
.coffee-f-pic2 { width: 215px; }
.coffee-f-pic3-wrapper { float: left; margin: 0 1em 0 0;}
.coffee-f-pic3 { width: 351px; }
.coffee-f-pic4-wrapper { float: left; margin: 0 1em 0 0;}
.coffee-f-pic4 { width: 131px; }

.coffee-e-pic1-wrapper { float: left; margin: 0 1em 2em 0;}
.coffee-e-pic1 { width: 175px; }
.coffee-e-pic2-wrapper { float: left; margin: 0 1em 0.5em 0;}
.coffee-e-pic2 { width: 175px; }
.coffee-e-pic3-wrapper { float: left; margin: 0 1em 0.5em 0;}
.coffee-e-pic3 { width: 250px; }
.coffee-e-pic4-wrapper { float: left; margin: 0 1em 0.5em 0;}
.coffee-e-pic4 { width: 150px; }

/* VIEW FROM THE FRONT OF THE CLASS ------------------ */
.Article03e h5, .Article03e h3 { color: #840084; }
div.step { clear: left;}
div.step strong { float: left; font-size: 14px; color: #840084; margin-top: 10px; }
div.step-content-wrapper { float: left; padding-left: 5px; width: 600px;}
div.NL-article div.step-content-narrow { width: 350px; }
div.NL-article div.step-content-custom1 { margin-left: 4em; }
div.step-conclusion { clear: left;}
strong.step { color: #840084; }

.viewfromfront-e-pic1-wrapper { float: left; margin: 0 1em 2em 0;}
.viewfromfront-e-pic1 { width: 195px; }
.viewfromfront-e-pic2-wrapper { float: left; margin: 0 1em 0.5em 0;}
.viewfromfront-e-pic2 { width: 400px; }
.viewfromfront-e-pic3-wrapper { float: left; margin: 0 1em 0.5em 0; }
.viewfromfront-e-pic3 { width: 250px; }
.viewfromfront-e-pic4-wrapper { float: left; margin: 0 1em 0.5em 0; }
.viewfromfront-e-pic4 { width: 230px; }

#QuadraticRelationsWrapper { float: left; margin: 0 1em 1em 0;}
#QuadraticRelations { width: 340px; border: 1px solid #000; margin: 0 0 2px 0; text-align: center; }
#QuadraticRelations h6 { margin: 0; padding: 2px; }
#QuadraticRelations p { font: 10px/1.1em Arial, Helvetica, sans-serif; margin: 2px; padding: 2px; }

.Article03e h3.resourceMat { text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; }

/* styles for CALLING ALL WRITERS */
.Article03e div.nextIssue-block { border: 1px solid #000; padding: 10px; margin-top: 20px; width: 650px; margin-left: 20px;}
.Article03e div.nextIssue-block h5 { font-size: 16px; color: #9F7FA6; float: left; margin: 0; padding: 0; line-height: 1em;}
.Article03e div.nextIssue-block img.nextIssueImage { margin: -20px 16px 0 -28px; float: left;}
.Article03e div.nextIssue-block img { border: none;}
/* END: styles for CALLING ALL WRITERS */

.Article03e .grade-letter, .Article03e #articleFormTable h3 { color: #840084;}

.Article03f strong.step, .Article03f h5, .Article03e h3 { color: #840084; }
.Article03f h3.resourceMat { text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; }
.Article03f div.nextIssue-block { border: 1px solid #000; padding: 10px; margin-top: 20px; width: 650px; margin-left: 20px;}
.Article03f div.nextIssue-block h5 { font-size: 16px; color: #9F7FA6; float: left; margin: 0; padding: 0; line-height: 1em;}
.Article03f div.nextIssue-block img.nextIssueImage { margin: -20px 16px 0 -28px; float: left;}
.Article03f div.nextIssue-block img { border: none;}
.Article03f .grade-letter, .Article03f #articleFormTable h3 { color: #840084;}

div.view-from-front h2, div.view-from-front h1{ color: #840084; }
div.view-from-front h2.byline, div.view-from-front h3.personTitle { color: #000;}

.view-from-front-f-pic1-wrapper { float: left; margin: 0 1em 0 0;}
.view-from-front-f-pic1 { width: 245px; }

/* THE KEY TO GOOD ASSESSEMNTS -------------------------- */
.Article04e h2, .Article04e h1 { color: #9C003F; }
.Article04e h2.byline { color: #000; }
.Article04e h5 { color: #9C003F; }
.Article04e h6 { color: #9C003F; padding: 0; margin: 1em 0 0; }
.Article04e h6.next-to-pic { margin-top: 0;}
.Article04e #score-resources { width: 410px; float: left;}
.Article04e .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2008/05/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}
.Article04e .grade-letter, .Article04e #articleFormTable h3 { color: #9C003F;}
.Article04e ol { clear: left; }
.Article04e h5 span { color: #000; }

.Article04f h2, .Article04f h1 { color: #9C003F; }
.Article04f h2.byline { color: #000; }
.Article04f h5 { color: #9C003F; }
.Article04f h6 { color: #9C003F; padding: 0; margin: 1em 0 0; }
.Article04f h6.next-to-pic { margin-top: 0;}
.Article04f #score-resources { width: 410px; float: left;}
.Article04f .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2008/05/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}
.Article04f .grade-letter, .Article04f #articleFormTable h3 { color: #9C003F;}
.Article04f ol { clear: left; }
.Article04f h5 span { color: #000; }

.key-formula1 { border: 1px dashed #006A8A; padding: 0.5em; }
.key-formula2 { border: 1px dashed #006A8A; padding: 0.5em; width: 320px; float: left; margin: 0 1em 0.5em 0; }
.key-formula2 h5 { margin: 0; }
.key-formula2 table { margin: 0; }
.key-formula2 table td { padding: 2px; }

.key-references { border-top: 2px dashed #9C003F; padding-top: 1em; }

.key-benefits-box { border: 1px solid #9C003F; padding: 0.25em 1em; }
.key-benefits-box img { border: none; margin: 0; display: inline; vertical-align:bottom; }

/* SPOTLIGHT ------------------------------------------ */

.spotlight-custom1 { clear: left; margin-top: -20px; }

.Article05e h2, .Article05e h1, .Article05e h6 { color: #028F00; }
.Article05e h6 { margin-top: 1em; }
.Article05e h2.byline { color: #000; }
.Article05e strong.spotlight, .Article05e h5, .Article05e h3 { color: #028F00; }
.Article05e strong.spotlight { font-size: 14px;}
.Article05e div.nextIssue-block { clear: both; border: 1px solid #000; padding: 10px; margin-top: 20px; width: 650px; margin-left: 20px;}
.Article05e div.nextIssue-block h5 { font-size: 16px; color: #9F7FA6; float: left; margin: 0; padding: 0; line-height: 1em;}
.Article05e div.nextIssue-block img.nextIssueImage { margin: -20px 16px 0 -28px; float: left;}
.Article05e div.nextIssue-block img { border: none;}
.Article05e .grade-letter, .Article05e #articleFormTable h3 { color: #028F00;}
.Article05e #portrait-wrapper { padding-bottom: 0.5em; margin-bottom: 0; }
 
.Article05f h2, .Article05f h1, .Article05f h6 { color: #028F00; }
.Article05f h6 { margin-top: 1em; }
.Article05f h2.byline { color: #000; }
.Article05f strong.spotlight, .Article05f h5, .Article05f h3 { color: #028F00; }
.Article05f strong.spotlight { font-size: 14px;}
.Article05f div.nextIssue-block { clear: both; border: 1px solid #000; padding: 10px; margin-top: 20px; width: 650px; margin-left: 20px;}
.Article05f div.nextIssue-block h5 { font-size: 16px; color: #9F7FA6; float: left; margin: 0; padding: 0; line-height: 1em;}
.Article05f div.nextIssue-block img.nextIssueImage { margin: -20px 16px 0 -28px; float: left;}
.Article05f div.nextIssue-block img { border: none;}
.Article05f .grade-letter, .Article05f #articleFormTable h3 { color: #028F00;}
.Article05f #portrait-wrapper { padding-bottom: 0.5em; margin-bottom: 0; }

div.spotlight h2, div.spotlight h1{ color: #69BE5F; }
div.spotlight2 h2, div.spotlight2 h1{ color: #69BE5F; }
div.spotlight h2.byline, div.spotlight h3.personTitle { color: #000;}
div.spotlight2 h2.byline, div.spotlight2 h3.personTitle { color: #000;}

.spotlight-e-pic1-wrapper { float: left; margin: 0 1em 1em 0;}
.spotlight-e-pic1-wrapper { width: 250px; }
.spotlight-e-pic2-wrapper { float: left; margin: 0 1em 1em 0;}
.spotlight-e-pic2-wrapper { width: 174px; }

.spotlight-f-pic1-wrapper { float: left; margin: 0 1em 1em 0;}
.spotlight-f-pic1-wrapper { width: 168px; }

.spotlight-box1 { border: 1px dashed #69BE5F; padding: 0.5em 1em; clear: left; }
.spotlight-box1 p { font-style: italic; }
.spotlight-box1 .signature { font-weight: bold; text-align: right; padding-right: 1em; }

.citations { text-align: center;}
.table-CAP th { white-space: nowrap;}
.table-CAP th, .table-CAP td { padding: 0.5em; line-height: 1.5em; }
.etape1, .etape2, .etape3, .etape4, .etape5 { background: #E4F3D3; padding: 0.5em 1em; margin: 1em auto; text-align: center; }
.etape1 h5, .etape2 h5, .etape3 h5, .etape4 h5, .etape5 h5 { margin: 0; }
.etape1 { width: 258px; }
.etape2 { width: 300px; }
.etape3 { width: 339px; }
.etape4 { width: 435px; }
.etape5 { width: 474px; }


/* HOW WOULD YOU SCORE THIS? ---------------------------- */

.Article06e h2, .Article06e h1{ color: #F9B049; }
.Article06e h2.byline, .Article06e h3.personTitle { color: #000;}
.Article06e .grade-letter, .Article06e #articleFormTable h3 { color: #F9B049;}

.Article06f h2, .Article06f h1{ color: #F9B049; }
.Article06f h2.byline, .Article06f h3.personTitle { color: #000;}
.Article06f .grade-letter, .Article06f #articleFormTable h3 { color: #F9B049;}

#score-this-left-col { width: 200px;}
#score-this-quick-tips { width: 160px;  margin-top: 20px; }
#score-resources { width: 158px;  margin-top: 0;}
#score-this-quick-tips, #score-resources { margin-left: 15px;}
#score-this-quick-tips { border: 1px solid #000;}
#score-this-quick-tips p, #score-resources p { font-size: 11px; padding: 5px 5px;}
#score-resources a, #score-resources div, .resourcePdfContainer { font-size: 11px; } /* evan */
#score-this-quick-tips h3, h3.score-resources, h3.score-resources, h3.score-this { color: #006A8A; font-size: 18px; font-weight: 700; }
.score-this-portrait { margin-left: 15px;}
#score-resources { border: 2px solid #857D06; padding-top: 0;}
#score-resources p { padding: 8px;}

h3.score-resources { margin-top: 10px; margin-bottom: 0;}
.resourcePdfContainer { margin-left: 8px; margin-bottom: 5px; padding: 0 2px 2px 20px; background-image: url(/eMagazine/images/2008/05/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}
h3.score-this { color: #006A8A; text-align: center; margin-top: 15px; margin-bottom: 10px; }
#score-this-table { width: 500px; border: 1px solid #000; border-collapse: collapse;}
#score-this-table th, #score-this-table td { border: 1px solid #000;}
#score-this-table th, td { padding: 9px;}
#score-this-table th { font-size: 16px;}
#score-this-table td { font-size: 14px;}
#score-this-table td.rubric-code { text-align: center; font-weight: bold; font-size: 18px;}
#score-answer-link { text-align: left; padding-top: 1em;}
.sample-question { padding: 1em; }
.sample-question h6 { margin: 0; padding-top: 0; }
.sample-question img { display: block; margin: 0 auto; border: none; }
.sample-question img.bat2 { float: right; margin-left: 1em; }

.how-would-you-score-instr { margin: 1em 0; padding: 1em; background: #FFF6D9; border: 1px dashed #006A8A; font-size: 14px; font-weight: bold; }
#score-answer-link img { border: none;}

/* DID YOU KNOW? ----------------------------------------- */

.did-you-know-narrow { width: 500px;}

.Article07e .grade-letter, .Article07e #articleFormTable h3 { color: #710E1A;}
.Article07e #score-resources { width: 170px; float: right; margin-left: 30px;}

.Article07f .grade-letter, .Article07f #articleFormTable h3 { color: #710E1A;}

img.did-you-know-portrait { border: none; margin-top: 10px;}

#fact-fact-ol { list-style-type: none; margin: 2em 0; padding: 0; }
.fact-fact, .fact-fact-1line { background-repeat: no-repeat;  background-position: left 0.75em; padding: 0.5em; margin: 1em 0; padding-left: 30px;  }
.fact-fact-1line { padding-bottom: 1em; }
.ff-narrow { width: 480px; }
#ff-1 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-1.gif);}
#ff-2 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-2.gif);}
#ff-3 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-3.gif);}
#ff-4 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-4.gif);}
#ff-5 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-5.gif);}
#ff-6 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-6.gif);}
#ff-7 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-7.gif);}
#ff-8 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-8.gif);}
#ff-9 { background-image: url(/eMagazine/images/2008/05/icons/fact-facts-bullet-9.gif);}


/* DATA IN ACTION --------------------------------------- */

.Article08e h6, .Article08e h2, .Article08e h1, .Article08e h5 { color: #FF5400; }
.Article08e h6 { padding-bottom: 0; margin-bottom: 0; margin-top: 0; }
.Article08e h6.next-to-pic { margin-top: 0; }
.Article08e h2.byline, .Article08e h3.personTitle { color: #000;}
.Article08e ol { clear: left;}
.Article08e ol li { padding: 5px; list-style-position: inside; list-style-type: decimal; }
.Article08e ol li ul li { list-style-position: outside; }
.Article08e ol span.tips { color: #006A8A; font-size: 14px;}
.Article08e ol.principles { color: #006A8A; }
.Article08e ol.principles span { color: #000;}
.Article08e div.step-wrapper { background-color: #FFE6D9;}
.Article08e div.step { padding: 0 0 0 15px; border-bottom: 5px solid #FFF;}
.Article08e div.step strong { font-size: 32px; color: #FF5400;}
.Article08e div.step-content-wrapper { padding-left: 15px;}
.Article08e h2.data-exclamation { color: #000; text-align: center;}
.Article08e ul li { padding: 0 5px 10px 5px; margin: 0; list-style-image: url(/eMagazine/images/2008/05/icons/block-006A8A.gif);}
.Article08e #data-questions-methods .data-qm-1 p { padding: 0; margin: 8px 0;}
.Article08e #data-questions-methods .data-qm-1 h2 { padding-top: 0;}
.Article08e #data-questions-methods .data-qm-2 h2 { margin-top: 12px;}
.Article08e #data-questions-methods .data-qm-3 h2 { margin-top: 36px;}
.Article08e #data-questions-methods .data-qm-4 h2 { margin-top: 18px;}
.Article08e #data-questions-methods .data-qm-5 h2 { margin-top: 37px;}
.Article08e #score-resources { width: 700px;}
.Article08e .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2008/05/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}
.Article08e .grade-letter, .Article08e #articleFormTable h3 { color: #FF5400;}
.Article08e #portrait-wrapper { margin-bottom: 0; }


.Article08f h6, .Article08f h2, .Article08f h1, .Article08f h5 { color: #FF5400; }
.Article08f h6 { padding-bottom: 0; margin-bottom: 0; margin-top: 0; }
.Article08f h6.next-to-pic { margin-top: 0; }
.Article08f h2, .Article08f h1 { color: #FF5400; }
.Article08f h2.byline, .Article08f h3.personTitle { color: #000;}
.Article08f ol { clear: left; }
.Article08f ol li { padding: 5px; list-style-position: inside; list-style-type: decimal; }
.Article08f ol li ul li { list-style-position: outside; }
.Article08f ol span.tips { color: #006A8A; font-size: 14px;}
.Article08f ol.principles { color: #006A8A; }
.Article08f ol.principles span { color: #000;}
.Article08f div.step-wrapper { background-color: #FFE6D9;}
.Article08f div.step { padding: 0 0 0 15px; border-bottom: 5px solid #FFF;}
.Article08f div.step strong { font-size: 32px; color: #FF5400;}
.Article08f div.step-content-wrapper { padding-left: 15px;}
.Article08f h2.data-exclamation { color: #000; text-align: center;}
.Article08f ul li { padding: 0 5px 10px 5px; margin: 0; list-style-image: url(/eMagazine/images/2008/05/icons/block-006A8A.gif);}
.Article10f ul li { padding: 0 5px 10px 5px; margin: 0; list-style-image: url(/eMagazine/images/2008/05/icons/block-006A8A.gif);}
.Article08f #data-questions-methods .data-qm-1 p { padding: 0; margin: 8px 0;}
.Article08f #data-questions-methods .data-qm-1 h2 { padding-top: 0;}
.Article08f #data-questions-methods .data-qm-2 h2 { margin-top: 17px;}
.Article08f #data-questions-methods .data-qm-3 h2 { margin-top: 45px;}
.Article08f #data-questions-methods .data-qm-4 h2 { margin-top: 22px;}
.Article08f #data-questions-methods .data-qm-5 h2 { margin-top: 48px;}
.Article08f #score-resources { width: 700px;}
.Article08f .resourcePdfContainer {  margin: 10px 0 5px 40px; padding: 0 8px 8px 20px; background-image: url(/eMagazine/images/2008/05/icons/pdf.gif); background-repeat: no-repeat; background-position: 3px left;}
.Article08f .grade-letter, .Article08f #articleFormTable h3 { color: #FF5400;}
.Article08f #portrait-wrapper { margin-bottom: 0; }

/*div.data-pic1, div.data-pic2, div.data-pic3, div.data-pic4 { width: 200px; }
.data-pic1-wrapper, .data-pic2-wrapper, .data-pic3-wrapper, .data-pic4-wrapper { float: left; margin: 0 1em 1em 0;}*/

.data-author { float: left; clear: left; width: 90px; margin: 0 2em 1em 0; font-size: 10px; }
.data-author img { display: block; margin: 0; }

.Data-Demographic-Sorter { float: left; width: 350px; margin: 0 1em 1em;}
.Data-Complacency { float: left; width: 350px; margin: 0 1em 1em;}
.Data-Unrecognized { float: left; width: 350px; margin: 0 1em 1em; }
.Data-Complacency ul, .Data-Unrecognized ul { margin-bottom: 0;}
.Data-Complacency, .Data-Unrecognized { background: #E4EDCF; padding: 0; }
.Data-Complacency ul li, .Data-Unrecognized ul li { font-size: 10px; padding: 2px; line-height: 1.2em; }
.Article08e .Data-photo-caption-aside { padding-top: 1.5em; }
.Article08f .Data-photo-caption-aside { padding-top: 0; }

.Article08e .Data-Complacency, .Article08e .Data-Unrecognized { margin-bottom: 4em; }
.Article08f .Data-Complacency { margin-bottom: 4em; }
.Article08f .Data-Unrecognized { margin-bottom: 8em; }


/* ASK US ------------------------------------------------- */

.Article09e p.askUs-question { color: #006A8A; font-size: 14px; margin-top: 10px; }
.Article09e p.askUs-answer { font-size: 14px; }
.Article09e p.first { width: 500px;}
.Article09e ul li { padding: 0 5px 10px 5px; margin: 0; list-style-image: url(/eMagazine/images/2008/05/icons/block-006A8A.gif);}

.Article09f p.askUs-question { color: #006A8A; font-size: 14px; margin-top: 10px; }
.Article09f p.askUs-answer { font-size: 14px; }
.Article09f p.first { width: 500px;}
.Article09f ul li { padding: 0 5px 10px 5px; margin: 0; list-style-image: url(/eMagazine/images/2008/05/icons/block-006A8A.gif);}

#ask-us-form-container { margin-top: 30px; margin-left: 15px; border: 1px solid #006A8A; width: 300px; float: right; padding: 10px 0 0 0;}

.ask-us-header { color: #9C003F;}

.ask-us p { margin-top: 1em; margin-bottom: 1em; }
.ask-us h6 { margin-bottom: 0; color: #006A8A; }
.ask-us h5 { color: #006A8A; }

/* WRITER GUIDELINES -------------------------------------- */

div#writer-guidelines-contentwrapper h1 { color: #006A8A; width: 700px;}
div#writer-guidelines-contentwrapper p { padding-top: 5px; padding-bottom: 5px;}
#writer-guidelines { width: 780px; background-color: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#writer-guidelines #NL-topnav { margin-left: 10px;}
#writer-guidelines-contentwrapper { width: 700px; text-align: left; padding-bottom: 10px; margin-left: 30px;}
#writer-guidelines-contentwrapper ul { list-style-image: url(/eMagazine/images/2008/05/icons/block-006A8A.gif); margin-top: 0; margin-bottom: 0;}
#writer-guidelines-contentwrapper ul ul { list-style-image: none; list-style-type: circle;}
#writer-guidelines-footer { background-color: #006A8A; height: 25px; text-align: right; padding: 10px 10px 0 0; }
#writer-guidelines-footer a { font-size: 14px;}
#writer-guidelines-footer a:link, #writer-guidelines-footer a:visited { color: #FFF; text-decoration: none; }
#writer-guidelines-footer a:hover { color: #FFF; text-decoration: none;}
#writer-guidelines-footer a:active { color: #FFF; text-decoration: none;}
#writer-guidelines-tips { float: right; width: 210px; padding: 5px; border: 1px solid #000; margin-left: 15px; margin-bottom: 10px; }
#writer-guidelines-tips ul { margin-left: 0; margin-top: 10px; padding-left: 18px;}
#writer-guidelines-tips li { padding-left: 0;}

#NL-topnav .topnav-subtitle { font: bold 18px/1.2em Arial, Helvetica, sans-serif; text-align: center; }

/* COMMON ----------------------------------------------- */

#resource-material { width: 254px; float: right; border: 1px solid #666; margin-left: 20px; margin-bottom: 20px; padding: 8px;}
table#resourceMatTable a img { border: none;}
table#resourceMatTable td, table#resourceMatTable th { font-size: 11px; padding: 2px;}
table#resourceMatTable th, table#resourceMatTable td { text-align: center;}
table#resourceMatTable td.resourceDesc { text-align: left;}

.grade-letter { font-size: 24px; font-family: Arial, Helvetica, sans-serif; padding: 0 3px 3px 3px;}
.grade-radio { padding-top: 5px;}

p.NL-question { font-weight: bold; margin: 20px 0 0 0; color: #006A8A;}

#articleFormTable { width: 540px; border: 1px solid #006A8A;}
#articleFormTable td { padding: 2px; }
#articleFormTable td.grade-desc { padding-right: 50px;}
#articleFormTable h3 { color: #54814C; padding-top: 5px; padding-left: 5px;}
div.imgCaption { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; margin: 0; width: 100%; }

/* WRAPPERS */
#NL-contentwrapper { padding: 0;}
#NL-Wrapper { width: 780px; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; padding: 95px 0 0 0; margin: 10px 0 0 0; }
.NL-articlewrapper { margin: 0 20px; text-align: left;}

#NL-stayConnectedWrapper { margin: 0; background-color: transparent; width: 780px; border-left: 1px solid #666; border-right: 1px solid #666; }
#NL-bottomWrapper { margin: 0; width: 780px; clear: left; background-color: #006A8A; border-left: 1px solid #006A8A; border-bottom: 1px solid #006A8A; border-right: 1px solid #006A8A; }
.bottomNavWrapper { position: relative; margin-right: 20px; }

/* NAVIGATION */
#NL-topnav { clear: left; text-align: left; padding-left: 20px;}
#NL-topnav a { font-size: 12px; color: #000;}
.NL-DidYouKnow, .NL-leftNavButton { width: 178px; } /* Left Navigation width */

/* FOOTER */

.stayConnected { text-align: left;}
.stayConnectedBottom, .stayConnectedTop { padding-left: 0;}
.stayConnectedBottom {width: 160px; height: 122px; position: absolute; margin-top: -85px;}
.stayConnectedBottom a { display: block;}
.stayConnectedTop {margin: 0; width: 160px; float: left; height: 93px;}
#NL-bottomWrapper { color: #FFF;}
#NL-bottomWrapper .stayConnectedBottom img { display: inline; margin: 0;}
#NL-bottomWrapper img { margin: 0; border: none;}

a { color: #00F;}
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline;}
a:active { text-decoration: none; }

.bottomNav {padding: 10px 0 0 0;}
.bottomNav, .bottomAddress { text-align: center; width: 570px;}
.bottomNav a, .bottomAddress a, .unsubscribe a, .bottomAddress { color: #FFF; }
.bottomNav a:link, .bottomAddress a:link, .unsubscribe a:link { text-decoration: none;}
.bottomNav a:visited, .bottomAddress a:visited, .unsubscribe a:visited { text-decoration: none;}
.bottomNav a:hover, .bottomAddress a:hover, .unsubscribe a:hover { text-decoration: underline;}
.bottomNav a:active, .bottomAddress a:active, .unsubscribe a:active { text-decoration: none;}

.bottomAddress {padding: 5px 0;}
.unsubscribe { clear: left; text-align: left; padding: 0 0 5px 10px;}
