/*
Revelation Online CSS styles
Modified May07/2004 RA:
Modified May13/2004 DN:
Modified May18/2004 DN:corrected the operation of list items
Modified May21/2004 DN: changed teacherReviewBox, added div.highlightBox
Modified May22/2004 DN: added teacherReviewBoxLeft, teacherReviewBoxRight,
Modified July25/2004 DN: corrected Footer, NextButton
*/




/*
GENERAL
*/


body   {
	height: 100%;
	width: 100%; 
	padding:0; 
	margin:0;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
} 



div.mainWrapper { 
	border: 0px solid #EEEEEE;
	padding: 5px;
	text-align: left; 
	width: 590px;  /* bmh */	
	voice-family: "\"}\"";  /*future application*/
	voice-family:inherit;	/*future application*/
	width: 587px;	
}

html>div>mainWrapper	{
	width: 587px;	/* work around */
	}


b{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
strong{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
i{font-family: Verdana, Arial, Helvetica, sans-serif; font-style:italic;}
em{font-family: Verdana, Arial, Helvetica, sans-serif; font-style:italic;}

table, tr, blockquote, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 





/*
REGULAR CONTENT PAGE ELEMENTS
title, subtitle, date, h1, h2, h3, p, li, ol, ul
*/


.date {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	line-height: 0.8em;
	font-style: italic;
    font-weight: normal;
    color: #333333;
}

h1 {
	font-weight: bold;
	font-size: 1.2em;
    line-height: 1.3em;
	color: #000000;
	font-family: verdana, arial, helvetica, univers, sans-serif;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
    line-height: 1.3em;
	font-style: normal;
    font-weight: bold;
    color: #000000;
}


h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    line-height: 1.3em;
	font-style: normal;
    font-weight: bold;
    color: #000000;
}


h4 {
    font-size: 0.9em;
    line-height: 1.4em;
	font-weight: bold;
	color: #333333;
	font-family: verdana, arial, helvetica, univers, sans-serif;
}

h5 {
    font-size: 0.8em;
    line-height: 1.4em;
	font-weight: bold;
	color: #333333;
	font-family: verdana, arial, helvetica, univers, sans-serif;
}



p, td, li, dd, dt, blockquote  {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	line-height: 1.5em;	
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-decoration: none
}

ol table tr td ul li {font-size: 1.0em
}
 tr td ul li {font-size: 1.0em
}

blockquote p {font-size: 1.0em
}

blockquote li {font-size: 1.0em
}

blockquote blockquote {font-size: 1.0em
}

table tr td li{font-size: 1.2em
}

li li {font-size: 1.0em
}

li p {font-size: 1.0em
}

td p {font-size: 1.0em
}

.Copyright 		{   /* May be used within the imageAlign tag: <div class="align"><img src""><p class="Copyright">text here</span></div> */  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em; 
	line-height: 1.2em;	
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #CCCCCC;
    text-decoration: none
}

.byline	{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em; 
	line-height: 1.2em;	
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none
}
p a:link {  
    color: #990000;
    text-decoration: underline
}

p a:visited {  
    color: #666666;
    text-decoration: underline
}

p a:active {  
    color: #CC3333;
    text-decoration: underline
}

p a:hover {  
    color: #CC3333;
    text-decoration: underline
}







/*
FORM FIELD ELEMENTS
select, input, label
*/

select  {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em; 
	line-height: 1.4em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

input {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em; 
	line-height: 1.3em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

label { 
    font-size: 0.9em;
	line-height: 1.4em;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;  
    font-style: normal;
}

form { 
    font-size: 0.9em; 
	line-height: 1.4em;
    font-weight: normal;
    font-family: verdana, arial, helvetica, sans-serif;  
    font-style: normal;
}




/* Page heading */

div.pageHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003399;
	text-align: left;
	padding: 10px;
	margin-bottom: 25px;
}

div.assignmentHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003399;
	text-align: left;
	padding: 10px;
	margin-bottom: 25px;
}


/* Footer and Next button */

div.footer {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #CCCCCC;
	font-weight: bold;
	background-color: #003399;
	background-position: right;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 30px;
	float: right;
}


div.nextButton {   /* Must be used within the footer tag: <div class="footer"><div class="nextButton">text here</div></div> */
	width: 300px;
	background-image: url('../commonImages/icon_arrow_rightWhite.gif');
	background-position:  right center;
	background-repeat: no-repeat; 
	color: #CCCCCC;
	margin: 8px;
	padding-right: 10px;
	text-align: right;
	float: right
}

div.nextButton a:link {  
	color: #FFFFFF;
    text-decoration: none
}

div.nextButton a:visited {  
	color: #FFFFFF;
    text-decoration: none
}

div.nextButton a:active {  
    color: #003399;
	background-color: #FFFFFF;
    text-decoration: none;
}

div.nextButton a:hover {  
    color: #003399;
	background-color: #FFFFFF;
    text-decoration: none;
}




/* Content boxes for recurring course features */

div.didYouKnowBox {
	border: 0px solid #CCCCCC;
	background-color: #EEEEEE;
	background-image: url('../commonImages/title_didYouKnow.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 85%;
	text-align: left;
	/* top, right, bottom, left */
	margin-left:35px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:15px; padding-right:15px; padding-top:60px; padding-bottom:15px
}

div.forMoreInfoBox {   /* created mainly for supplementaryResources items but could be used for weblinks too */
	border: 0px solid #CCCCCC;
	background-color: #EEEEEE;
	background-image: url('../commonImages/title_forMoreInfo.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 85%;
	text-align: left;
	margin-left:35px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:15px; padding-right:15px; padding-top:60px; padding-bottom:15px
}

div.assignmentBox {
	border: 0px solid #CCCCCC;
	background-color: #8FA2CC;
	background-image: url(../commonImages/title_assignment.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 85%;
	text-align: left;
	margin-left:35px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:15px
}

div.assignmentBoxTitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1em;
	color: #2A0000;
	font-weight: bold;
	margin: 0px 10px 10px 150px;
	padding: 4px 0px 0px 0px;
}

div.assignmentBoxTitle a:link {  
	color: #333333;
    text-decoration: underline;
}

div.assignmentBoxTitle a:visited {  
	color: #333333;
    text-decoration: underline;
}

div.assignmentBoxTitle a:active {  
    color: #333333;
    text-decoration: none;
}

div.assignmentBoxTitle a:hover {  
    color: #333333;
    text-decoration: none;
}


div.journalEntryBox {
	border: 0px solid #CCCCCC;
	background-color: #EEEEEE;
	background-image: url('../commonImages/title_journalEntry.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 85%;
	text-align: left;
	margin-left:35px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:15px; padding-right:15px; padding-top:60px; padding-bottom:15px
}

div.questionBox {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-image: url('../commonImages/icon_questionBox.gif');
	background-repeat: no-repeat; 
	background-position: 0px 10px;
	width: 90%;
	text-align: left;
	margin-left:35px; margin-right:0px; margin-top:20px; margin-bottom:10px; padding-left:50px; padding-right:0px; padding-top:10px; padding-bottom:10px
}

div.questionBox b, div.questionBox strong {
    font-size: 1.2em; 
}

div.questionBox p b, div.questionBox p strong {
    font-size: 1.2em; 
}

div.readingsBox {
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	background-image: url('../commonImages/icon_readingsBox.gif');
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	width: 90%;
	text-align: left;
	margin-left:0px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:85px; padding-right:10px; padding-top:5px; padding-bottom:10px
}

div.hearAudioBox {
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	background-image: url('../commonImages/icon_hearAudioBox.gif');
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	width: 90%;
	text-align: left;
	margin-left:0px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:85px; padding-right:10px; padding-top:5px; padding-bottom:10px
}

div.watchVideoBox {
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	background-image: url('../commonImages/icon_watchVideoBox.gif');
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	width: 90%;
	text-align: left;
	margin-left:0px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:85px; padding-right:10px; padding-top:5px; padding-bottom:10px
}

div.groupDiscussionBox {
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	background-image: url('../commonImages/icon_groupDiscussionBox.gif');
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	width: 90%;
	text-align: left;
	margin-left:0px; margin-right:35px; margin-top:35px; margin-bottom:30px; padding-left:85px; padding-right:10px; padding-top:5px; padding-bottom:10px
}

div.teacherLessonReviewBox {
	background-color: #EEEEEE;
	line-height: 1.2em;
	color: #333333;
	font-weight: bold;
	background-image: url('../commonImages/icon2_teacherLessonReviewBox.gif');
	background-repeat: no-repeat; 
	text-align: left;
	margin-left:35px; margin-right:10px; margin-top:10px; margin-bottom:10px; padding-left:129px; padding-right:10px; padding-top:10px; padding-bottom:10px
}

div.teacherLessonReviewBoxLeft {
	background-color: #E7C05A;
	line-height: 1.2em;
	color: #333333;
	font-weight: normal;
	background-image: url(../commonImages/icon_teacherLessonReviewBoxLeft.gif );
	background-repeat: no-repeat; 
	width: 282px;
	text-align: left;
	padding: 10px 10px 10px 135px;
	margin: 10px 10px 10px 35px;
}


div.teacherLessonReviewBoxRight {
	background-color: #E7C05A;
	line-height: 1.2em;
	color: #333333;
	font-weight: normal;
	background-image: url(../commonImages/icon_teacherLessonReviewBoxRight.gif );
	background-position: top right;
	background-repeat: no-repeat; 
	width: 282px;
	text-align: left;
	padding: 10px 135px 10px 10px;
	margin: 10px 10px 10px 35px;
}

div.definition	{
    font-size: 0.7em; 
	line-height: 1.2em;
	color: #444444;
	background-color: #EEEEEE;
	width: 150px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 10px 35px 10px 50px;
	font-size: 10px;
	font-weight: normal;
	float: right;
}

div.unitGoals	{
	background-color: #EEEEEE;
	border-top: 3px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	width: 100%;
	text-align: left;
	line-height: 1.5em;
	color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	margin: 10px 0px 10px 0px;
}


div.highlightBox	{
	background-color: #EEEEEE;
	width: 90%;
	text-align: left;
	line-height: 1.5em;
	color: #FFFFFF;
	padding: 10px 20px;
	margin: 10px 0px;
	float: none;
	background-position: center;
}


/* Image alignment and captions */

div.imageAlignRight  {
	float: right;
    margin: 10px 0px 5px 10px;
    padding: 10px 0px 5px 10px;
}

div.imageAlignLeft  {
	float: left;
    margin: 10px 10px 5px 0px;
    padding: 10px 10px 5px 0px;
}

div.imageAlignCenter  {
	margin-left: 10%; 
    margin-top: 10px;
	margin-bottom: 10px;
    padding: 10px; 
}

div.imageCopyright 		{   /* Must be used within the imageAlign tag: <div class="align"><img src""><div class="imageCopyright">text here</div></div> */  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em; /*chenged from 0.55: DN */
	line-height: 1.2em;	
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #CCCCCC;
    text-decoration: none
}

div.imageCaption		{  /* Must be used within the imageAlign tag: <div class="align"><img src""><div class="imageCaption">text here</div></div> */  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em; 
	line-height: 1.2em;	
	margin-top: 5px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
    text-decoration: none
}




/* For printing */

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