body {
  background-color: #999966;
  margin-left: 10px;
  margin-top: 10px;
}

body.spiralNotebook {
  background-color: #999966;
  margin: 0 0 0 0;
}

body.questions {
  background-color: #999966;
  margin-left: 10px;
  margin-top: 10px;
}

a.nav {
  color:#000066;
  font-size: 10pt;
  font-weight: normal;
  font-family: 'Arial, Helvetica, Sans-Serif';
} 
a.navBtn:link {color: #000000; text-decoration: none}     /* unvisited link  */
a.navBtn:visited {color: #000000; text-decoration: none}  /* visited link    */
a.navBtn:hover {color: #000000; text-decoration: none}    /* mouse over link */

a.assignment {
  color:red;
  font-size: 14pt;
  font-weight: normal;
  font-family: 'Arial, Helvetica, Sans-Serif';
} 
/*****
a.index:link {
  color: blue;
  font-size: 14pt;
  font-weight: normal;
  font-family: 'Times New Roman, Serif';
} 
a.index:link {color: blue;} 
a.index:visited {color: maroon;} 
a.index:hover {color: green;}

*******/

td.btnOff {
  cursor: default;
  background-color: #F3F5F1;
  border-color: #B8C0A8;
  border-style: solid;
  border-width: 1px;
  font: 7pt Arial;
  font-color: #B8C0A8;
  text-align: center;
  vertical-align: middle;
}
td.btnOn {
  cursor: default;
  cursor: pointer;
  background-color: #CC9933;
  border-color: #B8C0A8;
  border-style: solid;
  border-width: 1px;
  font: 7pt Arial;
  font-color: #B8C0A8;
  text-align: center;
  vertical-align: middle;
}
td.contactUs {
  background-color: #FFFFFF;
  border-left: 1px solid #B8C0A8;
  border-bottom: 1px solid #B8C0A8;
  border-top: none;
  border-right: none;
  font-color: #B8C0A8;
  font: 9pt Arial;
  text-align: center;
}
td.contactUsOn {
  cursor: pointer;
  background-color: #CC9933;
  border-left: 1px solid #B8C0A8;
  border-bottom: 1px solid #B8C0A8;
  border-top: none;
  border-right: none;
  font-color: #B8C0A8;
  font-family: 'Arial, Helvetica, Sans-Serif'; 
  font-size: 9pt;
  text-align: center;
}

h1 {
  font-size: 20pt;
  color: navy;
  font-weight: bold;
  font-family: 'Times New Roman, Serif';
  z-index: -1
}
h2 {
  font-size: 14pt;
  color: black;
  font-weight: normal;
  font-family: 'Times New Roman, Serif';
}
h6 {
  font-family: 'Arial, Helvetica, Sans-Serif'; 
  font-size: 10pt;
  color: blue;
  font-weight: normal;
}

hr.bookDivider {
  width: 700px; 
  margin-left: 60px;
  height: 3px; 
  color: silver;
  text-align: left;
}
hr.bookDividerWide {
  width: 820px; 
  margin-left: 60px;
  height: 3px; 
  color: silver;
  text-align: left;
}

hr.endOfModule {
  width: 500px; 
  margin-left: 0px;
  height: 3px; 
  color: red;
  border-style: dotted;
}
#contentPanel {
  width: 720px;
  background: #FFFFFF;
}
#contentFrame {
  width: 700px;
  margin: 10px 10px 10px 10px;
  border: 1px solid #CCCC99;
}
#homePanel {
  align:center;
  width: 589px;
  height: 354px;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
}
#homeFrame {
  margin: 10px 10px 10px 10px;
  height: 334px;
  background: #CCCC99;
}
#homeLogoFrame {
  position:relative;
  left:15px;
  top:30px;
  height: 27px;
  width:188px;
  border: 1px solid #FFFFFF;
}
#homeWelcomeFrame {
  position:relative;
  left:15px;
  top:28px;
  height: 75px;
  width:188px;
  background: #E6E6CC;
  border: 1px solid #FFFFFF;
}
#homeEnglishFrame {
  position:relative;
  left:15px;
  top:27px;
  height: 33px;
  width:94px;
  border: 1px solid #FFFFFF;
}
#homeFrenchFrame {
  position:relative;
  left:108px;
  top:-26px;
  height: 33px;
  width:94px;
  border: 1px solid #FFFFFF;
}
#homeAddressFrame {
  position:relative;
  left:15px;
  top:-30px;
  height:75px;
  width:188px;
  border: 1px solid #FFFFFF;
}
#homePictureFrame {
  left:0px;
  top:0px;
  height:175px;
  width:188px;
  border: 1px solid #FFFFFF;
}
.homeTollFree {
  margin-left: 300px;
  margin-top: -30px;
  font-size: 11pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  font-weight: bold;
  color: white;
  letter-spacing: 2px;
}
.tollFree {
  margin-left: 10px;
  margin-top: 30px;
  font-size: 11pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  font-weight: bold;
  color: silver;
  letter-spacing: 2px;
}
.copyright {
  margin-left: 10px;
  margin-top: 30px;
  font-size: 7pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  color: black;
}
.title {
  color: white;
  font-size: 14pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
}
.text {
  color: white;
  font-size: 10pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
}
.mainText {
  margin: 20px 20px 20px 20px;
  font-size: 10pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  color: white;
}
.subHeader {
  color: white;
  font-size: 12pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
}
.shadedBox {
  background-color: #B6C8A8;
  color: white;
  font-size: 10pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  margin: 10px 10px 10px 10px;
}
.loginTitle1 {
  background-color: #DFCE96;
  color: black;
  font-size: 13pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  padding-left: 5px;
}
.loginTitle2 {
  background-color: #DFCE96;
  color: black;
  font-size: 10Pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  font-weight: bolder;
  padding-left: 5px;
}
.loginTitle3 {
  background-color: #DFCE96;
  color: black;
  font-size: 11Pt;
  font-weight: bolder;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  padding-left: 5px;
}
.loginLabel {
  color: white;
  font-size: 10pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
}
.loginLabel_f {
  color: white;
  font-size: 10pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
}
.pageCount {
  position:relative; top: -5px;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  font-size: 10pt;
  color:#000066;
  font-weight:normal;
}
.indexList {
  font-size: 14pt;
  font-family: 'Times New Roman, Serif';
  color: black;
}
.TOC {
  font-size: 14pt;
  font-family: 'Times New Roman, Serif';
  color: black;
  margin-left: 30px;
}
.TOC1 {
  font-size: 14pt;
  font-family: 'Times New Roman, Serif';
  color: black;
  margin-left: 90px;
}
.activity{
  font-weight:normal; 
  font-size:16pt;
  font-family: 'Arial Narrow, Sans-Serif'; 
  color:yellow;
}
.reflection{
  font-weight: normal; 
  font-size: 14pt;
  font-family: Arial, Sans-Serif; 
  color: black;
}
.inTheNews {
  margin: 20px 10px 20px 10px; 
  padding: 10px 10px 10px 10px;
  background-color: #CCCCCC; 
  font-size: 12pt; 
  font-family:'Arial Narrow, Sans-Serif';
}
.quote {
  font-size: 10pt; 
  font-family: 'Arial, Helvetica, Sans-Serif';
  color: red;
  text-align: right;
}
.definition {
  margin: 20px 10px 20px 10px; 
  padding: 10px 10px 10px 10px;
  background-color: #CCCCCC; 
  font-size: 12pt; 
  font-family:'Arial Narrow, Sans-Serif';
}
.note {
  margin-left: 70px; 
  background-color: #CCCCCC; 
  font-size: 12pt; 
  font-family:'Arial Narrow, Sans-Serif';
  font-weight: bold;
  font-style: italic;
}
.bookContent {
  margin-left: 60px;
  margin-top: 10px;
  width: 680px;
}
.lastQuestion {
  width: 550px;
  border: medium double red
  background-color: #B6C8A8;
  color: red;
  font-size: 14pt;
  font-family: 'Verdana, Arial, Helvetica, Sans-Serif';
  font-weight: normal;
  font-style: normal;
  padding: 25px 25px 25px 25px;
  text-align: center;
}
.question {
  background-color: #999966;
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.answer {
  background-color: #B6C8A8;
  padding-top: 10px;
  padding-bottom: 10px;
}
.caution {
  font-size: 14pt;
  font-family: 'Lucida Sans, Arial, Helvetica, Sans-Serif';
  color: white;
}
ul.number {
  list-style-type: decimal;
  margin-left: 50px;
  font-size:14pt;
  color:black;
  font-weight:normal;
  font-family: 'Times New Roman, Serif';
}
ul.letter {
  list-style-type: lower-alpha;
  margin-left: 60px;
  font-size:14pt;
  color:black;
  font-weight:normal;
  font-family: 'Times New Roman, Serif';
}
ul.roman {
  list-style-type: lower-roman;
  margin-left: 60px;
  font-size:14pt;
  color:black;
  font-weight:normal;
  font-family: 'Times New Roman, Serif';
}
ul.none {
  list-style-type: none;
  margin-left: 60px;
  font-size:9pt;
  color:black;
  font-weight:normal;
  font-style: italic;
  font-family: 'Arial, Sans-Serif';
}
ul.bullet {
  list-style-type: disc;
  margin-left: 60px;
  font-size:14pt;
  color:black;
  font-weight:normal;
  font-family: 'Times New Roman, serif';
}