<style type="text/css">
<!--

	/* the menu */

ul,li,a 
{
display:block;
margin:0;
padding:0;
border:0;
}

ul 
{
width:200px;
border:1px solid #9d9da1;
background:white;
list-style:none;
}

li 
{
position:relative;
padding:1px;
padding-left:26px;
background:url("images/document.gif") no-repeat;
z-index:9;
}

li.folder
{ 
background:url("images/folder.gif") no-repeat; 
}		
li.folder ul 
{
position:absolute;
left:150px; /* IE */
Top:1px;
}		

li.about
{ 
background:url("images/about.gif") no-repeat; 
}		

li.contact
{ 
background:url("images/contact.gif") no-repeat; 
}

li.help
{ 
background:url("images/help.gif") no-repeat; 
}

li.terms
{ 
background:url("images/scales.gif") no-repeat; 
}

li.password
{ 
background:url("images/forgot.gif") no-repeat; 
}

li.signup
{ 
background:url("images/pen.gif") no-repeat; 
}

li.try
{ 
background:url("images/try.gif") no-repeat; 
}
			
li.folder>ul 
{ 
left:160px; 
} 
/* others */

a 
{
padding:2px;
border:1px solid white;
text-decoration:none;
color:gray;
font-weight:bold;
display:block;
width:100%; /* IE */
}
		
li>a 
{ 
width:auto; 
} 

/* others */

li a.submenu 
{
background:url("images/nextmenu.gif") right no-repeat;
}

/* regular hovers */

a:hover 
{
border-color:gray;
background-color:#bbb7c7;
color:black;
}

li.folder a:hover
{
background-color:#bbb7c7;
}
		
/* hovers with specificity */
	
li.folder:hover 
{ 
z-index:10; 
}		
		
ul ul, li:hover ul ul 
{
display:none;
}

li:hover ul, li:hover li:hover ul 
{
display:block;
}		

body
{
behavior:url("csshover.htc");
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 11px;
color: #000;
background-color: #ddd;


}

#container
{
margin: .5em 5%;
background-color: #FFFFFF;

border: 1px solid #333;
}

#banner
{
background-color: #006699;
border-bottom: 1px solid #333;
background-image: url(images\headerlogo.jpg);
background-repeat: no-repeat;
margin: 0;
height: 90px;
padding: .5em;
}

#nav
{
float: left;
width: 210px;
margin-left: 5px;

padding-top: 1em;
background-color: #FFF;
}

#content
{
padding-top: 0px;
margin: 0 10px 0px 220px;
background-color: #FFFFFF;
font-family: Verdana;
font-size: 12px;

}

#content1col
{
padding-top: 0px;
margin: 0 1px 0 0px;


}

#footer
{
clear: both;
font-family: Verdana;
font-size: 9px;
background-color: #FFCC99;
padding: 1px;
text-align: center;
border-top: 1px solid #333;
}


div.headingbox 
{
border: solid; 
border-width: 1px; 
width: 200px;
background: #006599; 
padding: 0.2em; 
color: white; 
text-align: center;
font-family: Verdana, sans-serif; 
font-size: 11px; 
font-weight: bold; 
border-color: #000099  
}

div.progressbox 
{
border: solid; 
border-width: 1px; 
width: 200px;
background: #FFFFFF; 
padding: 0.2em; 
color: gray; 
text-align: left;
font-family: Verdana, sans-serif; 
font-size: 11px; 
font-weight: bold; 
border-color: #000099  
}

div.progressimage
{
	position: absolute;
	left: 230px;
}


div.topicheading 
{
border: solid; 
margin-top: 24px;
border-width: 1px; 
background: #FF0033; 
padding: 0.2em; 
color: white; 
text-align: center;
font-family: Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
border-color: #000099  
}

div.testheading 
{
border: solid; 
margin-top: 0px;
border-width: 1px; 
background: #FF0033; 
padding: 0.2em; 
color: white; 
text-align: center;
font-family: Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
border-color: #000099  
}

div.questionheading 
{
border: solid; 
margin-top: 0px;
border-width: 1px; 
background: green; 
padding: 0.2em; 
color: white; 
text-align: left;
font-family: Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
border-color: #00CC00  
}

div.answers
{
border: solid; 
margin-top: 0px;

border-width: 1px; 
background: #00CC00; 
padding: 0.2em; 
color: black; 
text-align: left;
font-family: Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
border-color: #003300  
}

div.exerciseheading 
{
border: solid; 
margin-top: 10px;
border-width: 1px; 
background: #009900; 
color: #FFFFFF; 
text-align: left;
font-family: Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
border-color: #009900;  
}

div.exercisebox 
{
border: solid; 
margin-bottom: 10px;
border-width: 1px; 
background: #FFFFFF; 
padding: 0.2em; 
color: #009900; 
text-align: left;
font-family: Verdana, sans-serif; 
font-size: 12px; 
border-color: #009900  
}


div.summaryheading 
{
border: solid; 
margin-top: 10px;
border-width: 1px; 
background: #000099; 
color: #FFFFFF; 
text-align: left;
font-family: Verdana, sans-serif; 
font-size: 12px; 
font-weight: bold; 
border-color: #000099;  
}

div.summarybox 
{
border: solid; 
margin-bottom: 10px;
border-width: 1px; 
background: #FFFFFF; 
padding: 0.2em; 
color: #000099; 
text-align: left;
font-family: Verdana, sans-serif; 
font-size: 12px; 
border-color: #000099;  
}

div.spacer
{
width: 200px;
background: #FFFFFF; 
/*padding: 0.2em;*/
color: white; 
margin-top: 0px;
height: 2px;
}

div.errorheading
{ 
	margin-top: 100px;
	margin-right: 50px;
	margin-left: 50px;
	padding: 2px;
	border: 1px solid #000099;
	color: #FFFFFF; 
	text-align: center;
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	font-size: 12px; 
	background:  #006599;
}

div.errorcontent
{

	margin-top: 0px;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 100px;
	padding: 12px;
	border: 1px solid #000099;
	color: #000000; 
	text-align: center;
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	font-size: 12px; 
	background:  white;
}


div.welcomecontent
{

	margin-top: 0px;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-bottom: 10px;
	border: 1px solid #000099;
	color: #000000; 
	text-align: left;
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	font-size: 12px; 
	background:  white;
}

div.legend
{

	margin-top: 0px;
	margin-right: 200px;
	margin-left: 200px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	border: 1px solid #000099;
	color: #000000; 
	text-align: center;
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	font-size: 12px; 
	background:  white;
}

div.continuecourse
{

	margin-top: 0px;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 150px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	border: 1px solid #000099;
	color: #000000; 
	text-align: center;
	font-weight: bold; 
	font-family: Verdana, sans-serif; 
	font-size: 12px; 
	background:  white;
}

div.progessimage
{
	align: right;
}

p.listlevel1
{
	margin-left: 20px;
	text-indent: 20px;
	background-image: url(images/bulletl1_blue.gif);
	background-repeat: no-repeat; 
	margin-top: 0px;
	margin-bottom: 0px;
	
}

p.listlevel2
{
	margin-left: 40px;
	text-indent: 20px;
	background-image: url(images/bulletl2_blue.gif);
	background-repeat: no-repeat; 
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

a.normal:link
{
	border: 0;
	padding: 0px;
	display: inline;
	color: blue;
	background: white;
	width: auto;

}
a.normal:visited
{
	border: 0;
	padding: 0px;
	display: inline;
	color: #CC00FF;
	background: white;
	width: auto;

}
a.normal:hover
{
	border: 0;
	padding: 0px;
	display: inline;
	color: red;
	background: white;
	width: auto;

}
a.normal:active
{
	border: 0;
	padding: 0px;
	display: inline;
	color: blue;
	background: white;
	width: auto;

}

p.gray 
{
color:gray;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
}

p.headingred 
{
color:#FF0000;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
}

div.cieh
{
border: solid; 
border-width: 1px; 
width: 200px;
height: 116px;
background: #FFFFFF; 
padding: 0.2em; 
color: #006599; 
font-family: Verdana, sans-serif; 
font-size: 11px; 
font-weight: bold; 
border-color: #9d9da1;
background-image: url(images/ciehlogoplus.jpg);
background-repeat: no-repeat;
background-position: center;
}


div.hidden
{
display: none;
}

/*Page Images*/

div.bolt1
{
background:url("images/Bolt1.gif") no-repeat; 
background-position: right;
height: 70px;
width: 500px;
}

div.tag1
{
background:url("images/Tag1.gif") no-repeat; 
background-position: right;
height: 80px;
width: 500px;
}

div.leaves1
{
background:url("images/Leaves1.gif") no-repeat; 
background-position: right;
height: 80px;
width: 500px;
}

div.ring1
{
background:url("images/Ring1.gif") no-repeat; 
background-position: right;
height: 90px;
width: 500px;
}

div.fly1
{
background:url("images/Fly1.gif") no-repeat; 
background-position: right;
height: 75px;
width: 500px;
}


div.fridge1
{
background:url("images/Frideg1.gif") no-repeat; 
background-position: left;
height: 157px;
}

div.fridge1list
{
margin-left:85px;
height:auto;
}

div.fridge2
{
background:url("images/Frideg2.gif") no-repeat; 
background-position: right;
height: 200px;

}

div.fridge2list
{
margin-right:230px;
}

div.milkcarton
{
background:url("images/milkCarton.gif") no-repeat; 
background-position: right;
height: 150px;
width: 500px;
text-align: middle;
}

div.cokecan
{
background:url("images/CokeCan.gif") no-repeat; 
background-position: left;
height: 150px;
}

div.cokecantext
{
margin-left:80px;
}

div.hair
{
background:url("images/GoodChef.gif") no-repeat; 
background-position: left;
height: 100px;
}

div.hairtext
{
margin-left:80px;
}

div.smoking
{
background:url("images/BadChef.gif") no-repeat; 
background-position: left;
height: 100px;
}

div.smokingtext
{
margin-left:80px;
}

div.nails
{
background:url("images/nails.gif") no-repeat; 
background-position: left;
height: 90px;
}

div.nailstext
{
margin-left:80px;
}

div.perfume
{
background:url("images/Perfume1.gif") no-repeat; 
background-position: left;
height: 90px;
}

div.perfumetext
{
margin-left:80px;
}

div.jewels
{
background:url("images/Ring2.gif") no-repeat; 
background-position: left;
height: 90px;
}

div.jewellerytext
{
margin-left:80px;
}

div.dustbin
{
background:url("images/Dustbin1.gif") no-repeat; 
background-position: left;
height: 80px;
}

div.dustbintext
{
margin-left:100px;
}

div.jewellerytext
{
margin-left:80px;
}

div.water
{
background:url("images/Waterdrop.gif") no-repeat; 
background-position: left;
height: 80px;
}

div.watertext
{
margin-left:100px;
}

div.jewellerytext
{
margin-left:80px;
}

div.flame
{
background:url("images/Flame.gif") no-repeat; 
background-position: left;
height: 80px;
}

div.flametext
{
margin-left:100px;
}

div.jewellerytext
{
margin-left:80px;
}

div.umbrella
{
background:url("images/Umbrella.gif") no-repeat; 
background-position: left;
height: 80px;
}

div.umbrellatext
{
margin-left:100px;
}

.prop {
    height:200px;
  }


-->
</style>