/*  
FILE NAME: project.css 
DATE MODIFIED: April 2010
DESCRIPTION: This style sheet is the default standard for the CLIPS CD-ROM and HTML products.
Please do not alter. All style variables are developed on 'project.css'. 
AUTHOR: Centre for Learning Innovation (CLI), New South Wales Department of Education and Training
VERSION:0.6.5
Author:Jo L

*/
body {
	background:#2f2836 url(graphics/content_bg.jpg) repeat-y center top;
}

#nonFooter {
	width: 781px;
	background:#FFF;
	margin: 0px auto;
}

body#popup {
	background-color: #2f2836;
	background-image: url(graphics/popup_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#popup,
#feedback,
#show { background-image: none;}

body#feedback{
	background-color: #FFF;
	background-image: none;
}

body#feedback #content{
	margin-top: 0em;
}

body#show{
	background-color: #FFF;
	background-image: none;
}

#content .textContain{
max-width:72.2em;
}

#content .textContain p{
	padding-left: 5px;/*margin-top:-60px;*/
	max-width: 500px;
	margin-left: 1.75em;
	margin-top: 1em;
}

body#show .textContain{ background: #FFF;}

body#show .textContain p{ 
	margin-left: 0px;
	padding-left: 0px;
	width: 375px;}

#popup .textContain{
width:48.25em;
background-color: #FFF;
}

#popup .textContain p{
	margin-left: 1.75em;
	margin-right: 1.75em;
}

#feedback .textContain{
	background: #FFF;
}

#feedback .textContain p{
	margin-left: 1.5em;
	width: 350px;
}

.newWindow .textContain{
	background: #FFF;
}

#content {
	float:none;
	width:781px;
	padding:0;
	background-color: #FFF;
}

#content p{
	margin-top: .75em;
	margin-right: .7em;
	margin-bottom: .75em;
	margin-left: .75em;
}

#popup #nonFooter{
	width: 580px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}

#popup #content {
	position:relative;
	vertical-align:top;
	width:580px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0em;
	float: left;
	left: 0px;
	top: 0px;
}

.newWindow #content p{
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 5px;
	margin-left: 2em;
}

.newWindow #content p strong{
	line-height: normal;
}

.newWindow #content table.tabular p{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 1em;
}

strong, b {
	margin-left: 0px;
	line-height: .5em;
	}

p.expand{ padding-bottom: 10px;}

#content div.toggle p.expand
{ margin-left:1em;}/* nested expandable sections */

#content div.toggle .textContain p{
	margin-top: 0;
	margin-left: 2em;
}

#content div.toggle div.toggle {
	margin-left: 0em;}

#popup table.layout td.cell1.ta blockquote p {
	/* Renders the text styles for quotations and extracts */
	max-width: 300px;
	margin:5px 0 5px -28px;
	font-size:95%;
	color: #333;
	font-style: italic;
}
/* ------------------------- Headings ----------------------- */

#popup #title{
	padding:10px 0 10px 0px;
	margin:0;
	border:none;
	display: none;
}

#popup h1 {              
	color:#000;
	padding-left: 1.6em;
	padding-bottom:7px;
	font-size: 160%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #d7de60;
	padding-top: 5px;
	margin-top: 0; 
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#popup h2 {
	color:#000;
	padding-left: 1.6em;
	padding-bottom:7px;
	font-size: 150%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #d7de60;
	padding-top: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#standard #title {
	padding:0;
	width:781px;
	height:135px;
	background-color: #d7de60;
	background-image: url(graphics/banner.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center top;
}

.newWindow#standard #title {
	padding:0;
	width:781px;
	height:135px;
	background: #d7de60 url(graphics/banner_nw.jpg) no-repeat center top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
a.home {
	background:url(graphics/home.jpg) no-repeat scroll left top transparent;
	left:1.5em;
	position:absolute;
	top:0.1em;
}
a.home:hover{
    background: transparent  url(graphics/home_ro.jpg) no-repeat left top;
                }
				
#title h1 {
	font-size: 1.8em;
	padding:20px 0 0 0px;
	text-align:right;
	position: relative;
	top: 86px;
	margin-left: .9em;
}

span{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	position: relative;
	margin: 0;
	right: 14px;
	text-indent: 15px;
	bottom: 7px;
}

.newWindow span {margin-left: .65em;}
		
.newWindow h2 {display: none;}

h2 {
	color: #000;
	margin-left: 1.75em;
}

h3 {
	margin-left: 2.2em;
	color: #000;
	margin-top: 2em;
}

h3 a.external {
	text-decoration: none;
	font-size: 95%;
	margin-left: 1.5em;
}

.newWindow #content .textContain div.toggle .textContain h3{
	margin-left: -1em;
}

h4 {
	font-weight: bold;
	font-size:130%;
	margin-top: 13px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 18px;
}

#popup div.toggle h4{
	font-size: 120%;
	margin-left: 1.85em;
}

h5 {
	font-weight: bold;
	font-size:140%;
	margin-top: 13px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 18px;
}

h4 img{margin-bottom: -6px;}

#feedback #title {/* feedback title */display: none;}

table.layout td.cell1.ta h3{
	color: #FFF;
	padding-left:9px;
	margin:0;
	font-variant: small-caps;
	font-size: 85%;
	padding-top: 5px;
} 

table.layout td.cell3.ta h4{padding-top: 25px;}

table.layout td.cell2.ta h2{
	padding-top: 1em;
	color: #000;
	text-align: center;
}

body#show #title{ display: none;}

.actdiv p.activityTitle {
	font-style: italic;
	font-size: 105%;
	display: none;
}
/* --------------------------------------------- Non-integrated navigation - Secondary --------------------------------------------- */
#popup #nav,
#feedback #nav {
	top:0;
	left: 0px;
	float: none;
	background-color: #000;
	width: 580px;
	padding-bottom: 15px;
	margin-top: -5px;
}

#popup #nav li, #feedback #nav li{
	background-color: #000;
	border-style: none;
	margin-left: 2em;
}

#popup #nav li a:link{
	color: #FFF;
	font-weight: bold;
	font-size: 95%;
}

#popup #nav li a:focus, a:hover{
	background-color: transparent;
	color: #FFF;
	font-weight: bold; 
}

body#show #nav{ color: #000 }

body#show #nav ul{background-color: #2f2836;}

body#show #nav ul#navList {background-color: #2f2836;}

body#show #nav ul#navList li {
	background-color: #2f2836;
	color: #000;
	border-style: none;
}

body#show #nav ul#navList li #printLink{
	background-color: #2f2836;
	color: #FFF;
	font-weight: bold;
}

#feedback #nav ul {background: #000;}

#feedback #nav li a:link{
	color: #FFF;
	font-weight: bold;
	font-size: 95%;
}

/* --- Graphics --- */
p.figure img{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -6px;
	margin-left: 0px;
	padding-top: 3px;
}

p.figure.left{
	left:17px;
	padding-right:10px;
	padding-left:0px;
	margin-top: 25px;
	width: 200px;
}

p.figure.left a.thickbox img{
	padding-bottom: 5px;
	text-align: center;
	padding-right: 0px;
}

p.figure.centre img{
	text-align: center;
	padding-top: 40px;
}

#popup p.figure.left{
	position: relative;
	left:28px;
	float:none;
	clear:both;
}

#popup p.figure.left img{
	margin-left: -2.25em;
	padding-right: .25em;
}

div.toggle p.figure.left{
	margin-left: -18px;
	padding-left: 0px;
}

div.toggle p.figure.left img{
	float:left;
	clear:none;
	margin:0 -2px 0 0px;
	padding-left: 1.5em;
}

.newWindow #content p.figure.centre img{
	text-align: center;
	padding-left: 0px;
	}

#content div.figure_text_left p.caption{margin-left: 28px;}

body#show div.figure_text_left p.caption{
	background: #FFF;
	margin: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
}

p.figure.left a.applets{
	margin-left: 1px;
	font-weight: bold;
	color: #944019;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
	margin-top: 4em;
	text-decoration: none;
}

p.figure.left a.applets img{
	padding-right: 3px;
	padding-top: 1em;
	padding-left: 1.3em;
}

#popup p.figure.left a.applets{
	margin-left: 0px;
	color: #944019;
	font-size: 100%;
	margin-top: 0em;
}

#popup p.figure.left a.applets img{
		padding-left: 1.3em;
}

#popup .actdiv p.figure.left {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
	line-height: 1.5em;
}

#popup .actdiv p.figure.left a.applets{
	font-size: 98%;
}

#popup .actdiv p.figure.left a.applets img, #popup .actdiv p.figure.left img {
	padding-left: 0em;
	margin-top: -30px;
	margin-left: 0px;
}


p.figure.left em{
	font-size:100%;
	font-weight: bold;
	font-size:130%;
	margin-top: 13px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
}

p.figure a.new_win img{
	border: 3px solid #7D7384;
	margin: 0 0 -6px 0px;
	padding: 0px;
}

#content div.ft figure_text_left {
	width:98%; /* 98% needed to position correctly in IE6.  Width needed for FF 3 & Safari 3 */
	float:left;
	clear:left;
}

#content div.figure_text_centre p.caption{
	width:98%;
	float:none;
	clear:both;
	background-color: #968B9D;
	color: #000;
	font-size: 95%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.3em;
}

#popup div.ft.figure_text_centre{
	width:85%;
}

#popup div.ft.figure_text_centre p{
	margin-top: -1.25em;
	padding-top: 0px;
}

#content div.ft p.caption {
	color: #000;
	text-align: center;
	background: transparent;
	padding-top: .5em;
	padding-bottom: 1em;
}

#popup table.layout td.cell1 p.figure.left{ 
	width: 320px;
	margin-top: 1em;
	margin-left: -8px;}

#popup table.layout td.cell1 div.toggle p.figure.left{
	margin-left: -2.75em;
	clear: none;
	float: left;
	margin-top: -0.15em;
	width: 300px;
	padding-bottom: 2em;
}

#popup table.layout td.cell1 div.toggle p.figure.left img{
	padding-right: 5px;
	margin-left: -2.1em;
	padding-left: 2em;
}

#popup table.layout td.cell1 div.toggle p.figure.left a.applets img{
	margin-left: -2.1em;
	padding-right: 5px;
	padding-top: 0px;
}

table.layout td.cell2.ta img{
	margin-top: 20px;
	margin-left: -9px;
}

table.layout td.cell2.ta p.figure.centre a.popup img, table.layout td.cell2.ta p.figure.centre a.applets img{
	border: 3px solid #80717D;
	padding-top: 0px;
}

table.layout td.cell2.ta p.figure.left a img{margin-left: .75em;}

#popup table.layout td.cell2.ta img{
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 10px;
	border-style: none;
}

#popup table.layout td.cell2.ta p.figure.left{
	margin-left: -20px;
}

#popup table.layout td.cell2.ta p.figure.left a.thickbox img{
	margin-left: 1em;}

#popup table.layout td.cell2.ta p.figure.left img{
	margin-left: 0px;
	padding-left: 0px;
}

table.layout td.cell3 div.toggle p.figure.left img{
	margin-top: -.5em;
	padding-right: 5px;
	margin-left: -17px;
}

table.layout td.cell3 div.toggle p.figure.left a.new_win img{
	margin-left: -17px;
	margin-top: -.75em;
	border-style: none;
}

table.layout td.cell3 div.toggle p.figure.left a.popup img{margin-top: -.25em;}

table.layout td.cell3 div.toggle p.figure.left a.applets img{
	padding-top: 5px;
	margin-left: -17px;
}
.newWindow #content p.figure img{
	padding-left: 1.5em;
}

table.tabular caption {
	padding:1em 0 1em 0.25em;
	font-size: 130%;
}

blockquote p {
	color: #000;
}

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

a:link {color: #640d7a;}

a:visited {color:#640d7a;}

a:focus, a:hover {
	font-weight: normal;
	color:#2C5859;}

a:active {color:#000;}

a.expandable{
	display:inline-block;
	color: #640d7a;
	font-weight: bold;
	text-decoration: none;
	font-size: 110%;
}

a.closed{
	color: #640d7a;
	margin-left: 0px;
	margin-top: -5px;
	font-style: italic;
	padding-left: 28px;
	padding-bottom:3px;
	left: 0px;
}

a.open{
	margin-top: 2px;
	margin-left: 0px;
	margin-top: -5px;
	padding-left: 28px;
	font-style: italic;
	padding-bottom: 3px;
}


#popup a.expandable.closed{
	width: 265px;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #E6DDD1;
	background-image: url(graphics/plus.gif);
	background-position: left center;
	font-weight: bold;
}

#popup a.expandable.open{
	background-color: #E6DDD1;
	background-image: url(graphics/minus.gif);
	background-position: left center;
	font-weight: bold;
	padding-bottom: 5px;
}

.textContain p.expand {
	padding-bottom: 0px;
}

.textContain a.expandable.closed {
	background: url(graphics/plus.png) no-repeat left 7px;
	padding-top: 6px;
	margin-top: 2em;
	padding-left: 1.5em;
}

.textContain a.expandable.open {
	padding-top: 6px;
	background: #FFF url(graphics/minus.png) no-repeat left 7px;
	margin-top: 2em;
	padding-bottom: 0em;
	padding-left: 1.5em;
}

.textContain .textContain a.expandable.closed {
	border-style: none;
	margin-top: 2em;
	margin-left: .25em;
	background: url(graphics/plus.png) no-repeat left 7px;
}

.textContain .textContain a.expandable.open {
	background: #FFF url(graphics/minus.png) no-repeat left 7px;
	margin-top: 2em;
	margin-left: .25em;
	padding-bottom: 0em;
}

.newWindow a.expandable.closed {
	width: 415px;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #E6DDD1;
	background: url(graphics/plus.gif) no-repeat left 3px;
	padding-top: 6px;
	margin-left: 2em;
	margin-top: 1.5em;
}

.newWindow a.expandable.open {
	padding-top: 6px;
	margin-left: 2em;
	margin-top: 1.5em;
	background: #E6DDD1 url(graphics/minus.gif) no-repeat left 3px;
	padding-bottom: 5px;
}

a.popup:focus, a.popup:hover{font-weight: normal;}

a.new_win:focus, a.new_win:hover{font-weight: normal;}

a.external:focus, a.external:hover {font-weight: normal;}

h3 a.external:focus, h3 a.external:hover {font-weight: bold;}

a.document:focus, a.document:hover {font-weight:normal;}

a.applets:focus, a.applets:hover {font-weight: normal;}

#content div.toggle ol li a:focus, #content div.toggle ol li a:hover{font-weight: normal;}

#content div.toggle ul li p a:focus, #content div.toggle ul li p a:hover{font-weight: normal;}

/* --------------------- Standard lists --------------------- */
#content ul,
#content ol {
	padding-left:1.5em; /* left padding needed if max-width is used. */
}

#content .toggle .textContain ul li{
	margin-left: 4em;
}

#content ul li ul {
	margin-left: -3em; /* left padding needed if max-width is used. */
}

#content li p {
	padding-left: 5px;
	margin-left: -.5em;
}

#content div.toggle .textContain ul li p {
	padding-top: 0em;
	margin-left: -.5em;
}

#content div.toggle .textContain ul li p strong{
	line-height: normal;
}

#content table.layout div.toggle ul li,#content ul li {
	padding-left: 5px;
	margin-left: 3.5em;
}

#content table.layout td.cell3 div.toggle ol li{
	padding-left: 2em;
	margin-left: 2.5em;
}

#content table.layout td.cell3 div.toggle ol li p{
	margin-left: -2em;
}

#content table.layout td.cell3 div.toggle ol li ul li{
	margin-left: -1em;
}

#content table.layout td.cell3 div.toggle ol li ul li p{
	margin-left: -.5em;
}

#content table.layout td.cell3 div.toggle ul li,#content ul li {
	padding-left: 5px;
	margin-left: 3.25em;
}

#content table.tabular ul li{
	padding-left: 0em;
	margin-left: 1em;
}

#content table.tabular ul li p{
	padding-left: 0px;
	margin-left: -.5em;
}

#feedback .textContain ul li {padding-left: 1em;}

#feedback .textContain ul li p {margin-left: -.5em;}

#feedback ul,#feedback ol{
	margin-top: 2em;
	width: 350px;
}

.newWindow div.textContain table.layout td.cell1 div.toggle ul{
	margin-left: 0px;
}

.newWindow #content div.textContain table.layout td.cell1 div.toggle ul li{
	margin-left: 3em;
}

.newWindow #content div.textContain table.layout td.cell1 div.toggle ul li p{
	margin-left: -.5em;
}

.newWindow #content div.textContain div.toggle div.textContain ul li {
	margin-left:1em;
}

.newWindow #content div.textContain div.toggle div.textContain ul li p{
	padding-top: 0px;
	margin-left: 0em;
}

#popup table.layout td.cell1.ta ul li{
	padding-left: 0px;
	margin-left: 3.5em;
}

#popup table.layout td.cell1.ta ul li p{
	width: 290px;
	margin-left: -.5em;
	padding-top: 0px;
	padding-bottom: 0px;
}

#popup table.layout td.cell1.ta ol li p{margin-left: .5em;}

#popup table.layout td.cell1.ta .actdiv ol li{
	margin-left: 4em;
}

#popup table.layout td.cell1.ta .actdiv ol li p{
	padding-top: 0px;
	margin-left: -1em;
	width: 295px;
}

#popup table.layout td.cell1 div.toggle .actdiv ul li{
	padding-left: 0px;
	margin-left: 2.5em;
}

#popup table.layout td.cell1 div.toggle .actdiv ul li p {
	margin-left: -.5em;
	width: 250px;
}

#popup table.layout td.cell1 div.toggle ul li p{ width: 245px;}

/* --------------------- footer --------------------- */
#footer p{ margin-top: -2em;}

#footer #copyright{
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 65px;
	position: relative;
	width: 500px;
	left: 0px;
	margin-left: .5em;
}
	
#standard #footer {
	clear:both;
	color:#575757;
	font-size:0.8em;
	position: relative;
	margin-top: -2em;
	height:1em;
	width:781px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #fc3;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

#popup #footer {
	width: 580px;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	margin-top: -5.5em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	border-top-width: .4em;
}

#popup #footer p{font-size:0.75em;}

#feedback #footer {background-color: #FFF;}

#standard.project #footer{
background-color:#333333;
border:none;
}

#standard.project #footer p{color:#fff;}
	
/*---------------------------------------------------Activities*/

.actdiv {
	background-color:#D0F9FF;
	border: none;
	padding: 0.25em 0em;
}

div.toggle .actdiv{ 
	width:100%;}

#popup .actdiv {
	width:100%;
	padding: .1em 0em 0.1em;
}

#popup .actdiv p{
	width: 310px;
	padding-bottom: 0em;
}

#popup table.layout td.cell1 form#frm_d27e774 .actdiv {
	padding-bottom: 4em;
}

#popup div.toggle .actdiv { 
	width:102%;
}
/*-------------------layout table cells---------------------*/

table.layout{
	margin:0 auto;
	width:781px;
}

#popup table.layout{
	padding:0;
	border-collapse:collapse;
	width:580px;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}

table.layout p strong{
	text-align: left;
	line-height: normal;
}

table.layout td.cell1.ta{
	background-color: #FFF;
	width: 36%;
	margin-left: 0px;
	padding-left: 0px;
	left: 0px;
} 

.newWindow table.layout td.cell1.ta{width: 55%;}

table.layout td.cell1.ta p{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

table.layout td.cell1 div.toggle{
	margin-left: 1.6em;
	margin-top: -1.6em;
	background-color: #E6DDD1;
	width: 245px;
	padding-top: .05em;
	padding-bottom: .25em;
	padding-left: 0px;
}

table.layout td.cell3 div.toggle{
	margin-left: 1.5em;
	margin-top: -1.6em;
	background-color: #E6DDD1;
	width: 243px;
	padding-top: .05em;
	padding-bottom: .25em;
	padding-left: 0px;
}

.newWindow table.layout td.cell1 div.toggle{
	width: 380px;
	margin-left: 2.75em;
	margin-top: -.5em;
	border-bottom: 10px solid #FFF;
}

.newWindow table.layout td.cell1 div.toggle p {padding-left: .5em;}

table.layout td.cell1 div.toggle p, table.layout td.cell3 div.toggle p{
	padding-top: 0px;
	padding-left: 18px;
	margin-top: 0em;
}

#popup table.layout td.cell1 div.toggle p{ 
	padding-top:0;
	width: 270px;}

#popup div.toggle{
	margin-left: 2.25em;
	margin-top: -1.6em;
	width: 310px;
	padding: 5px .5em 8px 0px;
}

.newWindow #content .textContain div.toggle .textContain{
	margin-left: 4.5em;
	width: 500px;
	margin-top: 0em;
}

.newWindow #content .textContain div.toggle .textContain p{
	padding-left: 0em;
	padding-top: 1em;
	margin-left:-1em;
}

table.layout td.cell2.ta{
	background-image:none;
	background-color: #968B9D;
	width: 28%;
}

table.layout td.cell2.ta p{
	padding-left:10px;
	padding-right:10px;
	text-align: center;
} 

table.layout td.cell2.ta p.copyright{margin-left: 8px;} 

table.layout td.cell3.ta{
	background-color: #FFF;
	width: 36%;
} 

table.layout td.cell3.ta p{
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
}

#popup table.layout td.cell1.ta{
	background-color: #FFF;
		width: 60%;
}

#popup table.layout td.cell1.ta p{
	max-width: 320px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 7px;
} 

#popup table.layout td.cell2.ta{
	background-color: #968B9D;
	width: 35%;
	margin-right: 0px;
}

table.layout td.cell1 a.expandable.closed{
	width: 210px;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #E6DDD1;
	background: url(graphics/plus.gif) no-repeat left 3px;
	padding-top: 6px;
}

table.layout td.cell1 a.expandable.open{
	background-color: #E6DDD1;
	background-image: url(graphics/minus.gif);
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.layout td.cell3.ta a.expandable.closed{
	width: 210px;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #E6DDD1;
	background-image: url(graphics/plus.gif);
	background-position: left center;
	padding-top: 6px;
}

table.layout td.cell3.ta a.expandable.open{
	background-color: #E6DDD1;
	background-image: url(graphics/minus.gif);
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.layout td.cell3 div.toggle a.expandable.closed{
	width: 180px;
	margin-left: -2.15em;
	margin-top: 1em}

table.layout td.cell3 div.toggle a.expandable.open{
	margin-left: -2.15em;
	margin-top: 1em;
	padding-bottom: 5px;
}

table.tabular {
	max-width:720px;
	width: 720px;
	padding:0;
	margin:0 2.5em;
	border: medium solid #CCC;
}

table.tabular td {
	font-size:95%;
	padding:0px 2px 20px;
	border:1px solid #999;
	color: #000;
	background: #FFF;
}

table.tabular th {
	color: #000;
	background: #FFF;
}

.newWindow table.layout td.cell1 a.expandable.closed {
	width: 350px;
	border-top: 10px solid #FFF;
	margin-left: 0px;
	padding-left: 2em;
}

.newWindow table.layout td.cell1 a.expandable.open {
	border-top: 10px solid #FFF;
	margin-left: 0px;
	padding-left: 2em;
}

/*------------------*/

#home {
	z-index: 2;
	width: 161px;
	height: 92px;
	position: relative;
	left: 15px;
	top: -41px;
}

#home a:link, #home a:visited{
	z-index: 2;
	width: 161px;
	height: 92px;
	display:block;
	background-image: url(graphics/home.jpg);	
	border-style: none;
}

#home a:focus, #home a:hover, #home a:active{
	z-index: 2;
	background: url(../making_a_diff/graphics/home_ro.jpg) no-repeat left top;
}

.hidden {
	position:absolute;
	right:5000px;
	width:100px;
	color: #FFFFFF;
}

/*---------------Audio styles -------------------------- */

.audio {
	padding:0.5em 0.5em 0.5em 2em;
	width: 270px;
}

.newWindow div.audio {
	padding:0.5em 0.5em 0.5em 2.75em;
	width: 270px;
}

.newWindow div.toggle div.audio {padding-left: 2.45em;}