/*  
FILE NAME: unit2.css 
DATE MODIFIED:7 December 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.1
AUTHOR: Ed B */

/* ------------------ Core Layout styles --------------------- */
body {
	font-family:Verdana, helvetica, Arial, sans-serif;
	font-size:75%;
	margin:0;
	background:url(graphics/dark_BG.gif) fixed top left;
	color:#000;
	background-repeat: no-repeat;
	background-color: #060606;
}

.lyrTop {
	background-color:transparent;
	_background-color:#333333;
	height:25px;
	width:690px;
	padding:20px 0 0 10px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	border: 0px;
	margin-top: 10px;
	background-image: url(graphics/lyr_bg_01.png);
	_background-image: url(graphics/lyr_bg_01.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: scroll;
	border-bottom: 5px;
}

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

.lyrContent {
	position:relative;
	width:670px;
	vertical-align:top;
	height:100%;
	margin:0 auto;
	padding:0px 0 15px 30px;
	background-color: transparent;
	background-image: url(graphics/lyr_bg.png);
	_background-image: url(graphics/lyr_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: scroll;
	border-top: 1px solid transparent;
	}


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

h1 {
	font-size :120%;
	height: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 8px 0 0 15px;
	color:#000;
}

h1.LOTitle {
	font-size:150%;
	border-bottom: none;
	height: 22px;
	color: #9A000E;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 0 10px;
}

h2 {
	margin:15px 0 15px 15px;
	color:#000000;
	font-size:115%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

h3, p.activityHead {
	margin-left: 23px;/* color : #999; */
	color: #003366;/* font-size : 110%; */
}

h4 {
	margin-left: 30px;/* margin : 15px 0 5px 0; */
/* color : #666; */
/* font-size : 100%; */
/* font-weight: normal; */
}

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

p {
	margin-left: 30px;/* max-width:400px; This is used to keep paragraphis within an educationally sound width */
	margin-right: 20px;/* line-height:1.3; */
	color: #000000;
}

p.caption {
	margin: 0 0 0 30px;/* margin : 0 0 10px 0; */
/* color : #996666; */
/* font-size: 90%; */
}

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

blockquote {
/* 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 {
/* Renders the text styles for quotations and extracts */
/* margin:5px 0 5px 0; */
/* font-size:95%; */
/* color: #7e7e7e; */
}

cite {
/* Used in the bibliography */
}

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

.footer {
	color: #000000;/* Renders copyright text at the end of each page */
/* Schools projects must include the neals logo though you can use a grey or blue version */
/* margin:40px 20px 0 0;*/
/* color:#c7c7c7;*/
/* font-size:0.8em;*/
/* padding:2px 0 6px 65px; left padding to deal with neals logo */
/* background:url(graphics/neals.gif) no-repeat left;
/* border-top:1px #e4e4e4 solid;*/
/* max-width:100%;*/
}
a.printLink
{
	/* Renders print link text at the footer of each context (non-LO)page */
	/* margin-left:1.5em;*/
}
a.printLink:link,
a.printLink:visited
{
	/* color:#c7c7c7;*/
}
a.printLink:focus,
a.printLink:hover,
a.printLink:active
{
	/* color:#f00;*/
}

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

code {
	margin: 0 0 0 20px;/* font-family: Courier, "Courier New", monospace; */
/* font-size: 110%; */
/* display: block; */
/* white-space: pre; */
}

pre
{
/*	margin:0; */
}

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

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

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

li {
	padding-left: 10px;/* vertical-align:middle; */
	margin-left: 40px;/* 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 {
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #009999;
}

.topNavCurrent {
	text-align: center;/* This indicates "where you are"*/
	text-decoration: none;/* color:#CC9933; */
	font-size: 100%;/* font-weight: bold; */
	color: #7E1C1C;
	padding: 0 10px 0 10px;
}

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

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

a:link {
	color: #990000;/* color:#000; */
	font-size: 100%;
}

a:visited {
	color: #003399;
}

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

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

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

/* --- Top Navigation Menu links --- */
a.topNav{
/* margin-right:4px; */
/* text-decoration:none; */
/* font-weight:bold; */
	text-align: center;
}
a.topNav:link {
	color: #003366;/* color:#ccc; */
	text-align: center;
	text-decoration: none;
}

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

a.topNav:focus,a.topNav:hover {
	color: #990000;/* color: #FF0000; */
	text-decoration: none;/* text-decoration: underline; */
}

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

p.navBot {
padding:0;
margin:0;
height:22px;
color:#000;
}
p.navBot img{
float:left;
margin:0;
}
a.navBot{
	text-decoration: none;/* color: #666666; */
	color: #FFFFFF;/* font-weight:normal; */
}
a.navBot:link {
	color: #000066;/* color: #999999; */
}

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

a.navBot:focus, a.navBot:hover,a.navBot:active {
	color: #CC3300;/* color: #ff0000; */
	background-color:#FFFFFF;
}

/* ----------------- 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 {
	border:1px dashed #999;
	margin:1em 0.2em 0.5em 20px;
	background-color: transparent;

}

caption {
/* Accessibility related captions for tabular tables */
/* top, right, bottom, left */
padding : 0 0.2em 1em 0 ;
 color: #000000; 
font-size: 70%; 
text-align: left; 
 font-weight: bold; 


}

table.tabular th {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #003366; 
 	font-weight: bold;
 	font-size: 80%; 
	text-align: left; 
 	background-color: #fff; 
	vertical-align: top;
	border: 1px dashed #999; 
	
}

table.tabular td {
/* 'tol2.css' contains the default text style for tabular data (not included here). 
IMPORTANT: Its recommended that text within tabular tables 
appear within p tags and styled with 'td p' */
	background-color: #D8E7F0;
 	border: 1px dashed #999; 
	padding:0 0 0 0;
	margin:0 0 0 0;
	vertical-align: top;
}

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

table.tabular li {
	/* Ordered and unordered list style for tabular tables */
	color: #333;
	/* list-style-position : outside; */
 	margin : 2px 5px 5px 0px;
	text-align: left;	list-style-type: disc;
	font-size: 100%;
}

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

table.tabular p.caption {
/* Caption text style for graphics rendered in tabular tables */
/* top, right, bottom, left */
 padding:0 0.2em 0 0.8em;
  text-align: left;
 font-size: 90%; 
color: #003366; 
font-weight:normal;

}

table.tabular img {
/* Positions graphics inserted in tables */
/* top, right, bottom, left */
	margin:0.6em;
	vertical-align:middle;
}

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

table.layout {
	/* This table is used to vary the layout of content. 
IMPORTANT: It should not be used for tabular tables */
/* top, right, bottom, left */
	border: none;
	margin:0.8em 10px 0.5em 20px;
	width: 630px;
	margin-top: 15px;
}

table.layout th {
/* font-family: Verdana, Helvetica, Arial, sans-serif; */
	color: #000; 
 	font-size: 85%; 
	text-align: left; 
	background-color: #FFFFFF;
	font-weight : bold; 
}

table.layout td {
	vertical-align: top;
	padding: 10px 0 10px 0;
	background-color: transparent;
	border: none;
}

table.layout p {
	padding-left: 1px;
	padding-top: 10px;
	color: #000000;
	margin: 0 15px 0 7px;
}

table.layout p.caption {
/* Caption style for graphics rendered in layout tables */
/* top, right, bottom, left */
 text-align: left;
 border-bottom:2px solid #fff;
 font-size: 90%; 
color: #003366; 
font-weight:normal;
padding:0;
}

table.layout img {
	/* Positions graphics inserted in layout tables */
/* top, right, bottom, left */
	margin:0.6em;
	vertical-align:middle;
	padding-top: 10px;
}

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

table.layout li {
	/* Applied to ordered and unordered lists in layout tables */

/* list-style-position : outside; */
 	color: #000;
	list-style-type: disc;
	margin:0 0.2em 0 0.2em;
	padding: 2px;
}

/* --- Layout table links --- */

a.layout:link {
	color : #0099CC;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

a.layout:visited {
	color : #006699;  
	font-size: 100%; 
	font-weight: bold;
}

a.layout:focus {
	color : #0099CC;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

a.layout:hover {
	color : #CC3300; 
	font-size: 100%;
	font-weight: bold;
}

a.layout:active {
	color : #006699;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}