/*  
FILE NAME: unit2.css 
DATE MODIFIED:09 January 2007  
DESCRIPTION: This stylesheet styles the look and feel for the CLI Resource Management Framework (RMF) CD-ROM and HTML products. 
It cascades from the default CLI style sheet ips2.css. 
VERSION:  6.2.0
AUTHOR: (Insert name here)

   :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   HOW TO USE THIS STYLE SHEET:
   Uncomment any properties that you modify.
   Delete any properties (or styles) that you have not modified.
   :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */

/* ------------------ Core Layout styles --------------------- */

body {
background-image:none;
background-color:#FFFFFF;
color:#000000;
/* color : #000; */
/* background-color : #fff; */
/* font-family: Verdana, helvetica, Arial, sans-serif; */
/* font-size:75%; */
}
body#standard
{
background-image:none;
background-color:#FFFFFF;
color:#000000;

	/* styles for standard pages */
	/* background:color url(images/yourimage.jpg) repeat attachment position; */
}

body#popup
{
background-image:none;
background-color:#FFFFFF;
color:#000000;

	/* styles for popup pages */
}

body#audio
{
background-image:none;
background-color:#FFFFFF;
color:#000000;

	/* styles for audio pages */
}

body#feedback
{
background-image:none;
background-color:#FFFFFF;
color:#000000;
	
	/* styles for feedback pages */
}

.lyrTop {
background-image:none;
background-color:#333333;
color:#ffffff;

/* background-color:#000; */
/* height:24px; */
/* width:100%; */
/* padding:10px 0 0 0; */
}
#standard .lyrTop
{
	/* use this for styling lyrTop in standard pages without affecting popups and other pages */
}

/* --- Content Layers --- */

.lyrContent {
background-image:none;
background-color:#FFFFFF;
color:#000000;
/* position:relative; */
/* width:97%; */
/* vertical-align:top; */
/* height:80%; */
/* margin:0; */
/* padding:0 0 15px 15px; */
/* background colour is declared in body */
}

/* ------------------------- Headings ----------------------- */

h1 {
background-image:none;
background-color:#FFFFFF;
color:#000000;
/* margin : 15px 0; */
/* color: #990033; */
/* font-size : 125%; */
}

h1.LOTitle {
background-image:none;
background-color:#FFFFFF;
color:#000000;

 /* margin : 10px 0 -10px 0; */
/*  padding-bottom:3px;*/
/* color: #999; */
/* font-size : 85%; */
/* border-bottom: 1px dotted #999;*/
}

h2 {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* margin : 15px 0 5px 0; */
/* color: #000; */
/* font-size : 115%; */
}

h3, p.activityHead {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* margin : 15px 0 5px 0; */
/* color : #999; */
/* font-size : 110%; */
}

h4 {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Recommended for use in LOs only */
/* margin : 15px 0 5px 0; */
/* color : #666; */
/* font-size : 100%; */
/* font-weight: normal; */
}

/* ------------------- Block level values ------------------- */

p {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* margin:5px 0; */
/* max-width:400px; This is used to keep paragraphis within an educationally sound width */
/* line-height:1.3; */
}

p.caption {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Caption text style for graphics rendered in main content */
/* margin : 0 0 10px 0; */
/* color : #996666; */
/* font-size: 90%; */
}

strong, b {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Used to emphasise text within a paragraph .
   Important: activity questions use this style*/
/* font-weight: bold; */
}

blockquote {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Positions the text style for quotations and extracts.
IMPORTANT: the text is styled with 'blockquote p' */
/* margin : 5px 10px 5px 50px; */
/* max-width: 345px; */
}

blockquote p {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Renders the text styles for quotations and extracts */
/* margin:5px 0 5px 0; */
/* font-size:95%; */
/* color: #7e7e7e; */
}

cite {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Used in the bibliography */
}

em, i {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Italicises texts in a paragraph. 
IMPORTANT: Its recommended that no properties are added here to avoid 
a visual conflit with 'strong' */
}

.footer {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Renders copyright text at the end of each page */
/* margin:40px 20px 0 0; */
/* color:#c7c7c7; */
/* font-size:10px; */
/* min-width:0; */
/* max-width:400px; */
/* padding-top:2px; */
/* border-top:1px #e4e4e4 solid; */
/* max-width:100%; */
}
a.printLink
{
background-image:none;
background-color:#FFFFFF;
color:#000000;

	/* Renders print link text at the footer of each context (non-LO)page */
	/* margin-left:1.5em;*/
}
a.printLink:link,
a.printLink:visited
{
background-image:none;
background-color:#FFFFFF;
color:#000000;

	/* color:#c7c7c7;*/
}
a.printLink:focus,
a.printLink:hover,
a.printLink:active
{
background-image:none;
background-color:#FFFFFF;
color:#000000;

	/* color:#f00;*/
}

abbr, acronym {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* IMPORTANT: These variables don't cascade from 'tol2.css',
they are only a style suggestion */
/* cursor:help;*/
/* border-bottom: 1px dashed #000;*/
}

code {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* font-family: Courier, "Courier New", monospace; */
/* font-size: 110%; */
/* display: block; */
/* white-space: pre; */
}

pre
{
background-image:none;
background-color:#FFFFFF;
color:#000000;

/*	margin:0; */
}

/* --- Main content image --- */

img {
background-image:none;
background-color:#FFFFFF;
color:#000000;

/* Positions graphics in main content */
/* margin:10px 0 5px 0; */
}

/* --------------------- Standard lists --------------------- */

li {
/* margin:3px 0 3px 35px; */
/* color:#000; */
/* list-style-position:outside; */
/* vertical-align:middle; */
/* display:list-item; */
/* max-width:400px; */
}

li p {
/* Positions a list item's second or subsequent paragraph(s) */
/* margin:5px 0; */
/* color:#000000; */
/* min-width:0; */
/* max-width:400px; */
}

ul li ul li, 
ol li ol li, 
ol li ol li ol li {
/* Unordered list nested once, ordered list nested once, ordered list nested twice */
/* Its recommended that these nested list styles use common margins for style consistency */
/* margin:5px 5px 5px 35px; */
}
dl{
/* border:1px solid #999; */
/* padding:0; */
/* margin:0; */
/* width: 96%; */
/* max-width:600px; */
}
dt
{
/* border-bottom:1px solid #999; */
/* background-color:#F9FAE7; */
/* font-weight:bold; */
/* color:#7e7e7e; */
/* padding:3px; */
/* margin:0; */
}
dd
{
/* padding:3px; */
/* margin:0; */
}
/* --------------- Top Navigation Menu styles --------------- */

.topNav {
color:#FFFFFF;
/* Style for the containing span around menu links and separators */
/* font-size:1em; */
/* color:#C93; */
/* margin-left:15px; */
}

.topNavCurrent {
color:#FFFFFF;
text-decoration:underline;
/* This indicates "where you are"*/
/* color:#CC9933; */
/* font-weight: bold; */
}

/* --------------------- Pseudo classes --------------------- */

/* --- Standard links --- */

a:link {
color:#000000;
text-decoration:underline;
/* color:#000; */
}

a:visited {
/* color:#666; */
}

a:focus {
/* this is for when a keyboard is used to tab to the link */
/* color:#F00; */
}

a:hover {
/* color:#F00; */
}

a:active {
/* color:#666; */
}

/* --- Top Navigation Menu links --- */
a.topNav{
color:#FFFFFF;
text-decoration:none;

/* margin-left:5px; */
/* margin-right:4px; */
/* text-decoration:none; */
/* font-weight:bold; */
}
a.topNav:link {
color:#FFFFFF;
text-decoration:none;

/* color:#ccc; */
}

a.topNav:visited {
color:#FFFFFF;
text-decoration:none;
/* color:#666; */
}

a.topNav:focus,a.topNav:hover {
color:#ffffff;
text-decoration:underline;

/* color: #FF0000; */
/* text-decoration: underline; */
}

/* --- Bottom navigation styles --- */

p.navBot {
color:#000;
/* Text style */
/* color:#999; */
/* font-size:0.8em; */
/* text-align:right; */
/* margin-right:15px; */
/* margin-top:0; */
/* padding-right:0; */
/* max-width:100%; */
}
a.navBot{
color:#000;
text-decoration:none;

/* font-weight:normal; */
}
a.navBot:link {
color:#000;
text-decoration:none;

/* color: #999999; */
}

a.navBot:visited {
color:#000;
text-decoration:none;

/* color: #666666; */
/* text-decoration: none; */
}

a.navBot:focus, a.navBot:hover,a.navBot:active {
color:#000;
text-decoration:underline;

/* color: #ff0000; */
}

/* ----------------- Activity styles ---------------- */

.actdiv  {
/* Its recommended that the width not exceed 96% */
/* background-color:#fff; */
/* width:83%; */
/* padding:10px; */
/* border:1px #999 dashed; */
/* margin-left:0; */
}

.actdiv  p {
/* Paragraph text style for activity. 
Questions are tagged within strong tags and 
rendered using the the style for 'strong'.*/
/* color: #000000; */
}

.actinput, textarea {
/* Renders the text styles for 'input' box (missing word activities) and 
'textarea' (short answer question activities). */
/* font-family:Arial, Verdana, helvetica, sans-serif; */
/* font-size:95%; */
/* color: #666; */
}

.actinput {
/* Renders the margins either side of the 'input' box */
/* margin:0; */
/* padding:0; */
}

.actbutton {
/* These attributes render the look and feel of the feedback buttons */
/* font-family:Verdana, helvetica, Arial, sans-serif; */
/* font-size:90%; */
/* text-decoration:none; */
/* font-weight:bold; */
/* padding:2px; */
/* padding-left:6px; */
/* border-bottom:2px #999999 solid; */
/* border-right:2px #999999 solid; */
/* background-color:#e5e5e5; */
}

a.actbutton:link {
/* color:#000; */
}

a.actbutton:visited {
/* color: #666; */
}

a.actbutton:focus {
/* color: #f00; */
}

a.actbutton:hover {
/* color: #f00; */
}

a.actbutton:active {
/* color: #000; */
}

/* -------------------- Styles for tables ------------------- */

/* --- Tabular table styles --- */

table.tabular {
background-image:none;
/* Its recommended that the width not exceed 96% */
/* margin:10px 0 10px 0; */
/* width: 96%; */
/* min-width:0; */
/* max-width:600px; */
}

caption {
/* Accessibility related captions for tabular tables */
/* padding:1em 0 0.5em 0; */
/* color: #000000; */
/* font-weight:bold; */
/* min-width:0; */
/* max-width:400px; */
}

table.tabular th {
	background-image:none;
	background-color:#ccc;
	color:#000;
/* font-family: Verdana, Helvetica, Arial, sans-serif; */
/* color:#7E7E7E; */
/* font-weight:bold; */
/* padding:3px 5px;*/
/* background-color:#f9fae7; */
/* border:1px #999999 solid; */
/* border-top:2px #e2e3cc solid; */
/* vertical-align: top;*/
}

table.tabular td {
	background-image:none;
	background-color:#fff;
	color:#000;
/* IMPORTANT: Its recommended that text within tabular tables 
   appear within p tags and styled with 'td p' */
/* font-family:Verdana, Helvetica, Arial, sans-serif; */
/* color:#000; */
/* text-align:left; */
/* padding:3px 5px; */
/* background-color:#fff */
/* border:1px #999 solid; */
/* vertical-align:top; */
}

table.tabular p {
	color:#000;
/* Paragraph text style for tabular tables */
/* margin:5px 5px 5px 0; */
/* color:#000; */
/* text-align:left; */
}

table.tabular li {
	color:#000;
/* Ordered and unordered list style for tabular tables */
/* color:#000; */
/* list-style-position:outside; */
/* margin:0 5px 5px -10px; */
/* vertical-align:middle; */
/* display:list-item; */
/* text-align:left; */
}

table.tabular ol li ol li {
	color:#000;
/* Nested ordered list for tabular tables */
/* margin:5px 0 0 -10px; */
}

table.tabular p.caption {
	color:#000;
/* Caption text style for graphics rendered in tabular tables */
/* margin:5px; */
/* color:#996666; */
/* text-align:left; */
}

table.tabular img {
/* Positions graphics inserted in tables */
/* margin:0; */
}

/* ---- Layout table styles --- */

table.layout {
background-image:none;

/* This table is used to vary the layout of content. 
IMPORTANT: It should not be used for tabular tables */
/* margin:10px 0 20px 0; */
/* width:83%; */
/* min-width:0; */
/* max-width:600px; */
}

table.layout th {
	background-image:none;
	background-color:#ccc;
	color:#000;
/* font-family: Verdana, Helvetica, Arial, sans-serif; */
/* color:#cc9933; */
/* font-weight:bold; */
/* text-align:left; */
/* padding:3px 5px; */
/* background-color: #f9fae7; */
/* border:0;*/
/* vertical-align:top;*/
}

table.layout td {
	background-image:none;
	background-color:#fff;
	color:#000;
/* IMPORTANT: Its recommended that text within layout tables 
appear within p tags and styled using 'table.layout p' */
/* font-family:Verdana, Helvetica, Arial, sans-serif;
/* padding:0 0 3px 0; */
/* background-color:#fcfdf6; */
/* border:0; */
/* color:#666; */
/* text-align:left; */
/* vertical-align:top; */
}

table.layout p {
	color:#000;
/* Paragraph text style for layout tables */
/* margin:5px 10px 5px 10px; */
/* color:#666; */
}

table.layout p.caption {
	color:#000;
/* Caption style for graphics rendered in layout tables */
/* margin:5px; */
/* color:#996666; */
/* text-align:left; */
}

table.layout img {
/* Positions graphics inserted in layout tables */
/* margin:0; */
}

/* --- List style used within Layout tables --- 
           (not for tabular tables) */

table.layout li {
	color:#000;
/* Applied to ordered and unordered lists in layout tables */
/* margin:5px 5px 5px 35px; */
/* list-style-position:outside; */
/* color:#666; */
/* vertical-align:middle; */
/* display:list-item; */
/* text-align:left; */
}

/* --- Layout table links --- */
a.layout {
/* font-size:100%; */
/* font-weight:normal; */	
}
 a.layout:link {color:#000;} 
 a.layout:visited {color:#666;} 
 a.layout:focus {color: #666;} 
 a.layout:hover {color:#666;} 
 a.layout:active {color: #666;} 

/* --------------- Feedback styles ------------------- 
IMPORTANT: These styles render the texts in the feedback windows */

h1.feedback,p.feedback  {
/* margin:15px; */
}

/*---------------Audio styles -------------------------- */
#audioDiv
{
/*	height:300px; */
/*	padding:0; */
/*	border:1px solid #333; */
}
#audioMedia
{
/* padding:5px; */
/* width:280px; */
}

#audioShow
{
/*	position:absolute; */
/*	display:none; */
/*	top:60px; */
/*	right:20px; */
}
#transcript
{
/*	visibility:visible; */
}
#audioText
{
/*  width:270px; */
/*	height:280px; */
/*	padding:10px; */
/*	margin:0 0 0 290px; */
/*	border-left:1px dotted #333; */
}

#audioText h2
{
/*	font-size:90%; */
/*	margin:0 0 5px 0; */
/*	padding:0 0 5px 0; */
/*	color:#F00; */
/*	border-bottom:1px dotted #999; */
}

#transcript p
{
/*	margin:0; */
/*	padding:0; */
}