/*  
FILE NAME:project.css 
DATE MODIFIED:18 Oct 2012
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: Kathy 
*/

body {
color:#000;
font-family:Verdana, helvetica, Arial, sans-serif;
font-size:75%;
margin:0;
padding:0;
height: 100%;
line-height:1.4;
/*background-color:#fafaf1;*/
/*background:#CC0 url(graphics/body_bg.gif) center left;*/
}

#logo{
float:right;
margin:-25px 25px;
}

#standard{
/*	background-color:#CCcc99;*/
background-image: url(graphics/background.jpg);
}

#nonFooter
{
	width:80em;
	/*margin: 20px auto 0 auto;*/
	min-height: 94%;
	border:none;
	margin:0 auto;
	-moz-box-shadow: 5px 5px 30px #000; 
	-webkit-box-shadow: 5px 5px 30px #000; 
	background-image: url(graphics/landing-page.jpg); 
	background-repeat: repeat-y;
}

#globalNav{
	height:3em;
	width:100%;
	margin:-35px 0 0 0;
	background-color:transparent;	color:#000;
	
}

body#popup {
/*background-color:#CCcc99;*/
background-image: url(graphics/background.jpg);
color:#000000;
}

body#popup #nonFooter{
	background: #FFF;	
	width:480px;

}

#popup .textContain {
    margin: 10px;
	padding:0;
	margin-top:-20px;
}
	
body#popup #content{
padding:2.5em 3em 3.5em 1em;
top:34px;
float:none;
border-top:1px dotted #752A27;
margin:0;
width: 432px;

}
body#popup p{
	
	color:#000;
	padding-bottom:1em;
}	
	
body#popup #footer{
	
	font-size:smaller;
	width:480px;
		top:-2.2em;
}	
	
body#popup h1{
	color:#003366;
	margin-top:0px;	
	margin-left:0;
}
body#popup h2{
	padding-bottom:0.3em;
}

/*-------------------------- navigation --------------------- */

#globalNav ul{
	padding:0;
	margin:0.5em 0 0 1em;
	color:#000;

}

#popup #nav{
	background-color:#EFEEE6;
	margin:0;
	padding:5px 0 0 0;
	width:100%;
	height: 30px;
	position:absolute;
}

#standard #nav{
	display:block;
	color:#38211B;
	background:#CBBBA0;
	padding:0 ;
	margin:0 0 0 6em;
	width:893px;

	position:absolute;
	z-index:0;
  
}
#bookmarkLink {
	position:absolute;
	top:3px;
	right:20px;
	display:none;

}
/*/-----altered----/*/
/*/-----finished----/*/
#globalNav li
{	display:inline;
	padding:0.2em 0.75em 0.2em 0.75em;
	width:40%;
	margin:0;
	list-style:none;
	color:#000;	

}
#globalNav ul ul{
	
}
#globalNav li a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	
}
#globalNav li.current a {
/* This indicates "where you are" */
color:#000;
}
#globalNav li.current li a:link,
#globalNav li.current li a:visited,
#globalNav li.current li li a:link,
#globalNav li.current li li a:visited{
/* Needed to eliminate children of current being given the same state */
color:#000;
}
#globalNav li.current li a:focus,
#globalNav li.current li a:hover,
#globalNav li.current li a:active,
#globalNav li.current li li a:focus,
#globalNav li.current li li a:hover,
#globalNav li.current li li a:active{
/* Needed to eliminate children of current being given the same state */

color:#FFF;

}
#nav{

float:left;
width:7%;
height:33px;
font-size:93%;
line-height:normal;
color:#38211B;
position:absolute;
z-index:0;
/*background:#CBBBA0;*/
}

nav ul{
padding:0;
margin:0;
list-style:none;
color:#38211B;
background-repeat:repeat-y;

}

#nav li{
   background-image: none;
   color: #38211B;
   float: left;
   margin:0;
   padding: 0 ;
   padding: 0 15px 0 0px;
}

#nav li.current{
	color: #38211B;
	float: left;
	padding: 0 15px 0 0px;
	box-shadow: none;
	z-index: 10;
	background-attachment: scroll;
/*	background-color: #CBBBA0;*/
	background-image: none;
	background-repeat: repeat;
	background-position: right 50px;

}	

#nav li.current a:link,
#nav li.current a:visited,
#nav li.current a:focus,
#nav li.current a:hover,
#nav li.current a:active{
	background-image: none;
	float: left;
    background-color:#F2EEE7;
    color:#752A27;
	padding:10px 5px 15px 5px;

/* This indicates "where you are" */

/*text-decoration:none
padding:8px 6px 8px 6px ;
margin:5px 0 0 0;

background-color: rgba(30, 80, 20, 0.2);

color: rgba(30, 80, 20, 0.2);
color:#fff;
background-color:#0C3A2D; */

}

#nav li a {
	background-image: none;
    display: block;
    padding: 10px 0 20px 0;
	height:10px;
}


#nav li a:link{
color:#38211B;

}
#nav li a:visited {
	color:#38211B;
	}

#nav li a:focus, 
#nav li a:hover,
#nav li a:active {
   color:#752A27;

}

#popup #nav li, 
#show #nav li {
border:none;
padding:0px 2px;
margin-top:2px;
}
	
/*---------elements for show------*/

#popup #footer p, #show #footer p {
	/*width:99%;*/
	background-image:none;
}
#show #content{
border:none;

}
#show #nonFooter{
	width:460px;
}

#show #nav ul{
background-image:none;
}

#show #nav li.current{
background-image:none;}	
	
#show #nav li a:link{
background-image:none;

position:absolute;}
#show #nonFooter{
	width:600px;
}
	
/*#show #Footer{
width:650px;}
#show #footer #copyright{
	background:transparent url(graphics/neals.gif) no-repeat scroll left bottom;
	color:#000000;
	padding:0 2em 0em 12em;
	display:inline-block;
	margin-top:-5px;
	left:5%;
	padding-top: 1.5em;
}*/

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

#content h1{
	display:none;
	font-size:1.5em;
	margin:0px -20px -10px 0px;	
}

.textContain{
	margin:20px;

}
.textContain a:link{
	color:#633;

}

#title {
	background-color:#EFEEE6;
	padding:0 0 8em 0;
	margin:0;
		border:1px red soild;
	
	/*height:50px;*/
}

#title img{
	background-color:transparent;
	padding:0;
	margin:-0.2em 0 0 0;

	border:1px red soild;
	
}

#feedback #title {/* feedback title */
	background: #000 url(graphics/title_bg.png) repeat-x left bottom;
	padding:5px 0 5px 15px;
	margin:0;
}
#feedback #title h1 {
	font: normal 180%/80% "Lucida Grande", Arial, sans-serif;

}
#popup #title{
	display:none;
}
#title h1 {
	font: italic 150% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin:0;
	text-shadow:none;
	background-image:none;
	padding-left:0px;
    color: #000;


}

#title span {

	background-image:none;
	display: block;
	width: 100%;
	color:#006699;
	
}

h1 {
	margin:15px 0;
	font-size:90%;
	color:#00595B;
/*	background:url(graphics/input-mouse.gif) no-repeat left bottom;
	padding-left:25px;*/
}

.newWindow #title h1 span {
	
display:none;
}

h2 {
	width:90%;
	font-size:135%;
	margin:0 0 8px 0;
	color: #0B5D5F;
	padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	width:90%;
	font-size:125%;
	margin:/*10px 0 0 */0 ;
	color: #0B5D5F;
	/*padding:10px 0 6px 0;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}
.cell3 h3 , .cell2 h3   {
	
	margin:0;

}

h4 + h4 {
                
	border-left:none;
	
}

h4 a:link, h4 a:visited{
	text-decoration:none;
	color: #0B5D5F;
}

h4 a:hover{
	text-decoration:underline;
	color: #0B5D5F;
}

h4 {
	margin:0px 45px 0 25px;
	padding:3px 0 3px 0px;
	font-size:125%;
	font-weight: bold;
	font-style:italic;
	color:#0B5D5F;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content{
padding:0;
margin:4.5em 0 0 0;

/*IE Hack*/
margin-top: 60px\9;
}
.newWindow #content{
padding:0 0 30px 0;
top:4px;

}
#content li {
	margin:0;
	color:#000;
	vertical-align:top;
}

#content ul, #content ol {
    margin: 0;
    max-width: 70em;
    padding-left: 2em;
}

#content p {
margin:5px 30px 0 0px ;
line-height:1.3;
color:#000;
}
#content p.caption {
    color: #204162;
    font-size: 100%;
    max-width: 100%;
}

#content p.figure .caption{
font-size:0.5em;
padding:3px 0 0 10px;
background-color:transparent;
font-weight: bold;
	
}
#content .figure_text_left p.caption, #content .figure_text_left p.copyright {
font-size:0.9em;
color:#5b3516;
}

#content p sub {
  line-height:1.5;
}
#content H1 + p:first-letter{
	
}
#content H1 + p:first-line{
	
}
#content H1 + p
{
	margin-top:1.8em;
}
/* --- Main content image --- */

div.figure img {
/* Positions graphics in main content */

}
a img{
	/* ensure linked images do not display a border */ 
	
}
div.figure{
	border:0;
	margin:1em;
	padding:0.3em;
	text-align:center;	
}
#content p.figure.centre img{
	margin:0 auto;
	border:none;
   text-align:center;

}

div.figure.right{
text-align:right;
float:none;
margin:1em 1em 1em auto;
}
div.figure.right.wrap{
	float:right;	
	margin:1em;
}
div.figure.right.wrap +p{
	clear:none;
}
div.figure.right +p{
	clear:right;
}

div.figure.left{
text-align:left;
float:none;
margin:1em auto 1em 1em ;
/*border: rgb(239, 238, 230) ; opacity: 0.9;*/
border:6px solid #0FF;

}
p.figure img{
	border:none;}

#content p.figure.left {
	}
div.figure.left.wrap{
	float:left;
	margin:1em;
	
}
div.figure.left.wrap +p{
	clear:none;
	
}
div.figure.left +p{
	clear:left;
	
}

#content p.figure .copyright{
	
	padding:10px 0 0 0;
	background-color:transparent;
	font-size:smaller;	
}

#content div.ft{
	margin:0;
}
strong, b {
/* Used to emphasise text within a paragraph */
font-weight: bold;
text-align:center;
margin-left:0px;

}

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;
font-size:95%;
color:#003366;
}

cite {
}

em, i {
/* Used for any italicised texts in a paragraph. 
Its recommended that the values are inherited from 'p' 
as it could conflit visually with 'strong' */
}

/* popups and audio pages already have a print link so remove this second one in the footer */
#popup a.printLink,
#audio a.printLink{
	display:none;
}

abbr, acronym 
{
	cursor:help;
	border-bottom:1px dashed #000;
}

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

pre
{
	margin:0;
}

/* --------------------- Standard lists --------------------- */
/*ul, ol{
max-width:600px;
border:1px red solid;
}*/
#content ul,
#content ol {
	max-width:40em;
	padding-left:2em; /* left padding needed if max-width is used. */
	margin:0;


}

li {
margin:3px 0 3px 35px;
color:#000;
/*vertical-align: top;*/
/*border:1px red solid;*/
}

/* tabbed section navigation items */
#content .ui-tabs .ui-tabs-nav li{
	margin:0 0 0 0;
}
li p {
/* Positions a list item's second or subsequent paragraph(s) */
margin:5px 0;
color:#000;
/*min-width:0;*/
 max-width: 70em;
/*max-width:395px;*/
/*border:1px red solid;*/
}

ul li ul li {
/* Unordered list nested once */
/*list-style-image: url(graphics/download.png);*/
list-style-type:circle;
margin :5px 5px 5px 35px;
display:list-item;
}

ol li ol li {
/* Ordered list nested once */
list-style-type: lower-alpha;
margin :5px 5px 5px 35px;
display:list-item;

}

ol li ol li ol li {
/* Ordered list nested twice */
list-style-type:lower-roman;
margin :5px 5px 5px 35px;
display:list-item;
}
#content table.layout cell1 td p{
margin:0.5em 0 0 0;

}
#content table.layout td p {
margin:0.5em 0 0 0;
line-height:1.5em;

}

table.layout ul li{

margin:0 ;
}

table.layout ol li{

margin:0 0 0 -20px;
}

table.layout .cell1 p{
/*	margin-right:4em;*/
/*	padding:0 35px 10px 20px;*/
	}
	
	table.layout .cell2 p{
	margin-right:4em;
	padding:0 ;
	}
table.layout .cell3 {
	margin-right:4em;
	padding:0 35px 10px 20px;
	}		
	
#content table.layout td p{
	margin-top:1em;
	margin-right:20px;
/*	vertical-align:top;*/
}

dl{
	border:1px solid #5A5A5A;
	padding:0;
	margin:0;
	width:96%;
	max-width:600px;
}
dt{
	border-bottom:1px solid #5A5A5A;
	background-color:#EDF1F5;
	font-weight:bold;
	color:#003366;
	padding:3px;
	margin:0;
}
dd{
	padding:3px;
	margin:0;
}

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

a:link {color:#6C1615;}
a:visited {color:#6C1615;}
a:focus {color:#0B5D5F;}
a:hover {color:#0B5D5F;}
a:active {color:#575757;}


p.expand{
clear:both;
}
a.expandable{
	padding-left:18px;
	margin-top:10px;
	color:#630;
}
a.closed{
	background: url(graphics/plus.png) no-repeat center left;
}
a.open{
	background: url(graphics/minus.png) no-repeat center left;
	margin-top:10px;
}
/* --------------------- footer --------------------- */

#footer {
	font-size:12px;
	position:relative;
	clear:both;
	margin:0 auto 0 auto;
	width:80em;
	padding: 0;
	height:4em;
	text-align:left;
	color:#575757;
	border:none;
	background-color: #CBBBA0;
	
 }
 #footer a{
	padding-left: 1em;
	padding-top: 2em;	 

	 }
 
 #footer p+p {
	left: 0px;
	top: 0em;
	width: 794px;
	padding-left:14em;
	padding-top:2em;
	margin-top: 0em;	
}
 
#footer p{
	width:250px;
	margin:0 0 0 0;
	padding:0 0 2em 0;
	top:-1px;
	left:11px;
	background-image:none;
	position: absolute;
}

#footer img{
	position:relative;
	margin:0.2em 0 -1em 0;
	padding:0 0.5em;
 top:-8px;
}
#footer #DET{
	position:absolute;
	z-index: 5;
	top:0px;
	left:5px;
	padding:0 0 0 1em;
}
#footer #CLIC{
	position:absolute;
	left:20px;
	top:6px;
	padding:0;
}
#footer p#secondaryFooterInfo{
	max-width:100%;
	padding:0.5em 0;
}
	
#footer #copyright {
	position:absolute;
	top:7px;
	left:550px;
	background:none;
	color:#000;
	padding:1.6em 2em 0em 0em;
	display:block;
	margin-top:-5px;

}

a.external img{
	}

/*#popup #footer #copyright{
	position:absolute;
	top:7px;
/*	background:transparent url(graphics/neals.gif) no-repeat scroll left bottom;*/
	color:#000;
	padding:1.6em 2em 0em 12em;
	display:block;
	margin-top:-5px;
	width: 295px;
	left:13px;
	} 

#footer #print{
	padding-left:1em;
}
#footer p#pagination{
	display:none;
	padding:0;
	margin:0 auto;
	height:2em;
	width:450px;
}
#footer p#pagination span{
	width:18%;
	float:left;
}
#footer p#pagination span#start{
}
#footer p#pagination span#back{
}
#footer p#pagination span#location{
	text-align:center;
}
#footer p#pagination span#next{
	
	text-align:right;
}
#footer p#pagination span#end{
	float:right;
	text-align:right;
}

a.printLink
{
	margin-left:1.5em;
}
a.printLink:link,
a.printLink:visited
{
	color:#575757;
}
a.printLink:focus,
a.printLink:hover,
a.printLink:active
{
	color:#003366;
}
/* --- Bottom navigation styles --- */

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

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

a.navBot:focus, a.navBot:hover, a.navBot:active {
color:#003366;
}

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

.actdiv {
background-color:#fff;
padding:0.5em;
width:90%;
border:1px #5A5A5A dashed;
margin:0.5em 0;
}

.actdiv  p {
/* Paragraph text style for activity. 
Questions are tagged within strong tags and rendered using the the style for 'strong' */
margin:0.5em;
color:#000;
font-size:100%;
}
.activityTitle{
font-weight:bold;
}
label.activityLabel{
	
}
input{

}
.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:#000;
}
.shortAnswerTextarea{
	width:95%;
}
.actinput {
/* Renders the margins either side of the 'input' box */
margin:0;
padding:0;
width:3em;
display: block;
float: left;
}
p.actbutton{
padding:1em 0;
margin:0.1em 0;
}
p.actbutton a{
/* These attributes render the look and feel of the feedback buttons */
/* top, right, bottom, left */
margin:0;
font-family:Verdana, helvetica, Arial, sans-serif;
font-size:90%;
text-decoration:none;
font-weight:bold;
padding:0.3em;
border-bottom:2px #5A5A5A solid;
border-right:2px #5A5A5A solid;
background-color:#e5e5e5;
}

p.actbutton a:link {color:#000;}
p.actbutton a:visited {color:#575757;}
p.actbutton a:focus {color:#003366;}
p.actbutton a:hover {color:#003366;}
p.actbutton a:active {color:#000;}
/* --- Table style for JavaScript activities --- */

table.activity {
/* If this table is not rendered in the '.actfieldset' then 
its recommended that the width not exceed 96% */
margin:0 0 15px 0;
width:100%;
border-collapse:collapse;
}

table.activity td {
/* Contains the text style for JavaScript activities */
font-family:Verdana, Helvetica, Arial, sans-serif;
color:#000;
background-color:transparent;
padding:0;
border:0 #000 solid;
vertical-align:middle;
}

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

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

p.figure + *{

clear:both;

}
table.layout{
	margin:-30px auto 0 auto;
	/*border:1px red solid;*/
	}

table.layout td {
vertical-align:text-top;

}

table.tabular {
	/* Its recommended that the width not exceed 96% */
   width:99%;
	margin:-20px 0px 10px 30px;
	border-collapse:collapse;
	min-width:0;
	max-width:600px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
    background: url(graphics/h1_back1.jpg) repeat-y top right;
	
}

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

}

#content table div.ft p, #content .textContain div.ft p {

background-color:transparent;
}

table.tabular th {
color:#003366;
font-weight:bold;
padding:3px 5px;
background-color:#EDF1F5;
/*border:1px #5A5A5A solid;*/
vertical-align:top;
}

table.tabular td {
/* Contains the default text style for tabular data. 
IMPORTANT: Its recommended that text within tabular tables 
appear within p tags and styled with 'td p' */
color:#000;
font-size:90%;
text-align:left;
padding:3px 5px;
/*background-color:#fff;
border:1px #5A5A5A solid;*/
vertical-align:top;
}

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

}

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

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

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

table.tabular img {
/* Positions graphics inserted in tables */
margin:0;
}
/*added to add space--------*/
table.tabular th.ta, table.tabular td.ta, table.layout th.ta, table.layout td.ta {

	padding-top:20px;
	padding-left: 2em;
	}

/*-----the first element after a layout table should be cleared  ------- */
.layout{
	display:table;
	border-collapse:collapse;
		
}
.layout + * {
clear:both;
}
.layout div{
	/*float:left;*/
	margin:0 0.3em;
	
	}
.layout div.row{
	clear:both;
	width:100%;
	display:table-row;

}
.layout div.row p{

	width:95%;
		
}
.layout div.right{
float:right;

}
.layout div.right wrap{
}

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

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

/*---------------Audio styles -------------------------- */
.transcript{
	visibility:visible;
}
.audio{
	border:dotted 1px #999;
	padding:0.5em;
}
/*---------------End of audio styles -------------------------- */

.right{
	float:right;
}
.left{
float:left;
}
.wrap{
}
.forty{
width:40%;
}
.clear{
	clear:both;
}
.clearLeft{
	
	clear:left;
}

.clearLeft p{
	width:90%;
}

.qStem{
/*stem for a question */
font-weight:bold;
}
.push {
	height:20px;
}

/*.skip a#cont {
    position: absolute;
   left: -200px;
    width: 13.2em;

}*/


h1 #title_link2  {
	height:20px;
	font-size:1em;
	margin-top:0em;
	z-index:2;
	text-decoration:none;
	font-size:78%;
	font-style:normal;
	font-weight:bold;
	float:left;
	background:#CBBBA0;
	padding:0.6em 1em 0.32em 1em ;
	color:#38211B;
    font-weight: bold;

}

span #title_link2:focus,
span #title_link2:hover,
span #title_link2:active {
	text-decoration:underline;
	color:#752A27;

}
/* ie hack table cell3 issue in IE7*/

#content .figure_text_centre p.caption  {
    text-align: left\9;
}

p.skip,
p.skip a {
	position:absolute;
	left: 0;
	top:-130px;
	padding: 0 0.5em;
	margin:0;
	width: 13.2em;
	z-index: 0;
	background-color:#fff;
}

.skip a:focus,
.skip a:active {
	display: inline;
	z-index: 2;
	border: solid black 1px;
	color: #cc0;
	text-decoration: none;
	position: absolute;
	top:240px;
	left: 0
}

.skip a#cont {
	position: absolute;
	top: -100px;
	width: 13.2em;
}

.skip a#cont:focus,
.skip a#cont:active {
	top:0;
	left:0;
	z-index: 2
}

.skip a:hover { cursor: default }