@charset "utf-8";


body  {

	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Content Styles */

.homelist ul {
    font-weight:bold;
    line-height:1.4;
    list-style-type:none;
}
.homelist ul li {
    padding-left:25px;
    background:transparent url(../../adult-draft/images/bullet-yellow.jpg) no-repeat;
    background-position:0 5px;
}


.linksList li {
padding-bottom:20px;
}



a {
color:#007C85;
}

a:link,a:visited {
text-decoration:none;
}

a:hover,a:active {
text-decoration:underline;

}


H2 {
 color:#007C85;

}


.bioColumn {
float: left;
width: 200px;
height:450px;
}

.bioPhoto {
/*float: right; */
width:150px;
padding-right: 10px;
}

.bioText {
/*float: left; */
margin: 10px 20px 20px 0px;; 
/*width: 95%;*/
}


.bioPhotoSummary {
width:150px;
}

.bioTextSummary {

margin: 10px 0 20px 0; 
width: 150px;
height:250px;
}

.bioContent {

}



.infoBox1 {

border:solid 1px;
padding:0px 10px;

}


.infoBox2 {
background-color: #eeeeee;
border:solid 1px #999999;
padding:0px 10px;

}

.boxbulletList {

list-style-type: square;

}

.boxbulletList li {
margin-bottom: 1em;

}
.romanList {
list-style-type: upper-roman;

}


/***** Workbook Styles ****/


#pageNav
{
float:right;
}

#pageNav img
{
border: 0;
}


#breadCrumbs {
text-transform:uppercase;
font-size:0.85em;
font-weight:bolder;
padding-top: 1em;
padding-bottom:1em;
}

#breadCrumbs img{
margin-top:-2px;
padding-left:2px;
}

#bottomNav {
text-align:right;
}

h2.smaller {
font-size:1em;
}

.step {
background-color:#007C85;
color:#ffffff;
font-weight:bold;
padding:2px 10px 2px 5px;
margin-right:5px;
}


.stepTitle {
text-indent: -4.5em;
padding-left: 4.5em;
}

#workbookContent h3 {
font-size:1.4em;
}



.pageMainTitle {
color:#007C85;
font-weight:bold;
font-size:2.0em;
margin-bottom:0.5em;
font-family:Arial Black, Helvetica Black, sans-serif
}


.pageSubTitle {
font-size:1.4em;
font-weight:bold;
}



#workbookContent h4 {
font-size:1.1em;
margin: 1em 0 -0.8em 0;
}


.headingSubtitle {
font-size:0.8em;
}



/* This version is for creating top that prints even when if bg printing is off 
   need to fix IE bug if want to deploy (works in mozilla) . Implement as follows
<div class="stepBoxTop"><img src="../images/pushpintop-250.gif" width="250" height="32" /></div>*/
.stepBoxTop {
padding:0px;
background-color:#FEDAB3;
background-image:url(../../adult-draft/workbook/images/pushpintop-14pxsquarewhite.gif);
background-repeat:repeat-x;

}

.stepBox {
padding:27px 20px 15px 20px;
background-color:#FEDAB3;
/* this version works but wont print if bg printing off */
background-image:url(../../adult-draft/workbook/images/pushpintop-2000.gif);
background-repeat:no-repeat;

width:450px;

}

.stepBoxFloatOld {
margin-top:-13px;
margin-left:20px;
padding:27px 20px 15px 20px;
background-color:#FEDAB3;
/* this version works but wont print if bg printing off */
background-image:url(../../adult-draft/workbook/images/pushpintop-2000.gif);
background-repeat:no-repeat;

float:right;
width:220px;
}

.stepBoxFloat {
margin-top:3em;
margin-left:20px;
padding:27px 20px 15px 20px;
background-color:#FEDAB3;
/* this version works but wont print if bg printing off */
background-image:url(../../adult-draft/workbook/images/pushpintop-2000.gif);
background-repeat:no-repeat;

/*float:right;*/
width:220px;
}
.pushpin {
position:relative;
top: -30px;
left:-20px;
}

.bigFirstLine {
font-size:2em;
}

.dottedText {
border-bottom: 2px dotted #007C85;
}

/*
p.stepLine {
border-bottom: 2pt dotted #aaaaaa;
margin-top:0;
margin-bottom:0.6em;
padding-bottom: 0.1em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}
*/
p.stepLine {
text-indent: -1.8em;
padding-left: 2em;
border-bottom: 2pt dotted #aaaaaa;
margin-top:0;
margin-bottom:0.6em;
padding-bottom: 0.2em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
}


p.stepLine img{
margin-top:-2px;
}

.stepBox .stepNumbering,
.stepBoxFloat .stepNumbering {
padding-right:1em;
font-weight:normal;

}


.stepBox .stepNumberingCurrent,
.stepBoxFloat .stepNumberingCurrent {
margin-right:0.6em;
margin-left:-0.4em;
padding:2px 4px 2px 4px;
font-weight:normal;
border: 1px solid #007C85;
background-color:#007C85;
color:#fff;
}

.pullQuote {
font-family:Arial Narrow, Helvetica Narrow, Sans Serif;
font-weight:bold;
font-style:italic;
font-size:1.5em;
color:#007C85;
/*width:80%;*/
}


/* should make this print only */
#pdfDownloads {
margin-top:20px;
margin-bottom:20px;
background-color:#dddddd;
padding:10px;

}


p.linedPaper {
border-bottom: 1px solid #007C85;
padding-bottom:5px;
padding-top:5px;
line-height:15px;
margin:0 0 0 0;
width:inherit;
}

p.linedPaperLastLine {
border-bottom: 3px solid #007C85;
padding-bottom:5px;
padding-top:5px;
line-height:15px;
margin:0 0 0 0;
width:inherit;
}



.shadedBoxHeading {
background-color:#007C85;
color:#ffffff;
font-weight:bold;
padding:2px 5px 2px 30px;
border: 1px solid #007C85; /* for printing */
}

.shadedBox {
padding:15px 20px 15px 15px;
background-color:#FEDAB3;
color:#007C85;
}

.shadedBoxBlack {
color:#000000;
font-weight:normal;
}

.shadedBoxBlueItalic {
color:#007C85;
font-weight:bold;
font-style:italic;
}


.shadedBoxHeadingCell {
border-top:1px solid #007C85;
border-bottom:1px solid #007C85;
padding-top:10px;
padding-bottom:20px;
}

.shadedBoxExampleCell {
padding-bottom:20px;
font-style:italic;
}

.firstLineSmallCaps {
font-variant:small-caps;
}

#tocSection {

width:720px;
/*border:1px solid #999999;*/
padding: 10px;
}


.graphicHeading {
font-weight:bold;
color:#007C85;
margin-bottom:10px;
}

.graphicDiv {
margin-top:0px;
border-top: 1px solid #007C85;
border-bottom: 1px solid #007C85;
}

#causesgraphic {
color:#007C85;
font-size:1em;
font-weight:bold;

}
/*

.causesgraphicListBlock {

width:250px;
margin-left: auto; 
margin-right: auto;
}
.causesgraphicListBlockRow2 {

width:750px;
margin-left: auto; 
margin-right: auto;
}

.causesgraphicListBlockFloat {
width:250px;
float:left;
}

*/



.causesgraphicListHeading {
text-transform:uppercase;
margin-top:0 px;
margin-bottom: 0px;
text-align:left;
}

#causesgraphic ul {
padding-left:1.5em;
margin: 0 0 0 0em;
text-align:left;
}

#causesgraphic ul li {
margin: 0 0 0 0em;
padding-left:0em;
font-style:normal;
font-size:0.9em;
}

.sidebarInfo {
width: 175px;
color:#0068AB;
font-weight:bold;
font-size:0.95em;
padding:10px 15px 10px 15px;
float:right;
margin:0px 0px 10px 15px;
background-color:#FEDAB3;
border: 1px solid #FEDAB3;
line-height:1.5em;

}

.sidebarInfoNoFloat {

color:#0068AB;
font-weight:bold;
font-size:0.95em;
padding:10px 15px 10px 15px;

width:50%;

background-color:#FEDAB3;
border: 1px solid #FEDAB3;
line-height:1.5em;

}

.exampleSidebarInfo {
width: 175px;
font-weight:bold;
font-size:0.95em;
padding:0px 15px 10px 15px;
float:right;
margin:0px 0px 10px 15px;
line-height:1.5em;
}


#exampleText {
font-size:1.1em;
line-height:1.5em;
color:#0068AB;
}

.examplePreTitle {
text-transform:uppercase;
font-size:0.7em;
margin: 0 0 0 0;
color:#999999;
}

.exampleTitle {
color:#007C85;
font-weight:bold;
font-size:1em;
border-bottom: 1px solid #007C85;
margin: 0 0 1em; 0;

}


.exampleHeading {
background-color:#007C85;
color:#ffffff;
font-weight:bold;
padding:2px 10px 2px 5px;
margin-right:5px;
text-transform:uppercase;
/*
background-image:url(../html/images/exampleHeadingWhiteArrow.gif);
background-position:right;
*/
width:125px;
height:22px;
}

.examplefirstline {
font-weight:bold;
}

.examplefirstlinestyle2 {
font-weight:bold;
color:#000000;
}

.examplefirstlinestyle3 {
font-weight:bold;
color:#0068AB;
}


/* Worksheet Example */

.worksheetTable {
font-size: 0.95em;
border-bottom: 3px solid #007C85;
}

.worksheetTable p{
margin: 0 0 0 0;
}

.worksheetQuestion {
color:#000000;
font-weight:bold;
padding-top:1em;
font-size: 1.2em;
}

.worksheetTable td {
padding: 5px 10px 5px 10px;
/*font-size: 0.95em;*/
color:#000000;
border: 1px solid #cccccc;
}

.worksheetTable th {
	padding: 5px 10px 5px 10px;
/*	font-size: 0.95em; */
	color:#000000;
	background-color: #FEDAB3;
	border: 1px solid #007C85;
	text-transform:uppercase;

margin: 0 0 0 0;
text-align:left;
font-weight:bold;
}

.worksheetTitle {
background-color:#FEDAB3;
color:#0068AB;
font-weight:bold;
padding:2px 5px 2px 30px;

}

.worksheetHeading {
text-transform:uppercase;
color:#0068AB;
margin: 0 0 0 0;
text-align:left;
font-weight:bold;
}

.worksheetBold {
font-weight:bold;
margin: 0 0 0 0;
line-height:1.5em;
font-size:0.95em;
}

.worksheetLinedRow {
border-bottom: 1px solid #cccccc;
font-size: 0.95em;
}


.worksheetTable ul {
padding-left:1.5em;
margin: 0 0 0 0.5em;
text-align:left;
}

.worksheetTable ul li {
margin: 0 0 0 0em;
padding-left:0em;
font-style:normal;

}



.worksheetTable ol {
padding-left:1.5em;
margin: 0 0 0 0em;
text-align:left;
}

.worksheetTable ol li {
margin: 0 0 0 0em;
padding-left:0em;
font-style:normal;

}



.pageBreak {
page-break-after:always;
}


#activitiesBlock ul li {
font-style:italic;
/*margin: 0 0 1em 1.5em;*/
margin: 0em 0 0em -1em;
padding-left:0.0em;
list-style-type:square;
}


#activitiesBlock h4.activitiesHeading {

font-size:1.1em;
margin: 1em 0 1em 0;
padding-bottom:1em;
border-bottom:1px dotted #0068AB;
font-weight:bold;
color:#0068AB;
}

.congratulationsBox {
padding:15px 20px 15px 15px;
background-color:#FEDAB3;
color:#007C85;
font-size: 1.4em;
font-weight:bold;
}



.readingsSmallCaps {
font-variant:small-caps;
}
#readings p {
margin: 1em 0 0 0;
}
#readings ul {
margin: 0 0 0 0;
font-style:normal;
}

#readings ul li {
margin: 0 0 0 2em;
font-style:normal;
font-size:0.95em;
}

#topBar {
background-color:#007C85;
}

#masthead-title {
font-family:Arial, Helvetica, sans-serif;
font-weight:500;
color:#FFFFFF;
padding: 20px 10px 15px 12px;
font-size:30px;
text-transform:uppercase;
}


.introquote {
font-size:1.5em;
padding: 1em 2em 0 2em;
}

.introquotedropcap {
	font-size:3em;
	color:#007C85;
	padding: 0 0 0 0;
	float:left;
	line-height: 0.85em;
	margin-right: 0.03em;
	margin-bottom:-0.25em;

}

.colorbold {
font-weight:bold;
color:#007C85;
}

.dividerline {
border-top: 1px solid #007C85;
margin: 0 200px 0 200px
}


.colorBorder {
padding: 5px;
border: 1px solid #007C85;

}


#copyright {
padding: 2em 1em 2em 8px;
color:#666666;

}