/* ________________ general style for IE ________________ */

body
	{
	margin: 0;
	padding:0;
	background:white;
	font-family: arial, times, serif;
	font-size: 0.9em;
	color: #535353;
	text-align: left;

	}
a:link
	{
	color: Blue;
	text-decoration: none;

	}
	
a:visited
	{
	color: #8B008B;
	text-decoration: none;
	}
	
a:hover
	{
	border-bottom: dashed 1px  #868783;
	}
a:active{
	color: Blue;
	text-decoration: none;
	
}	

h1
	{
	display: none;
	}
	
h2
	{
	font-size: 2em;
	font-weight: normal;
	color: #922;
	margin: 0 0 0.7em 0;
	padding: 0;
	}
	
h3
	{
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 0.6em 0;
	}
/*make heading text hidden*/	
h3 span
	{
	display: none;
	visibility: hidden;
	}
	
p
	{
	font-size: 0.9em;
	margin:1px;
	}
	
li {
display: list-item;
list-style: none;
margin-left:-40px;
padding-left: 1px;
}

li.pdf {
list-style-image: url(images/pdf.gif);
margin-left: 1px;
margin-top: 10px;
line-height: 2em;


}

.text{
	font-size: 0.8em;
	margin-left: 5px;
}


img {
	border: none;
}
.bold{
	font-weight: bold;
}

.space{
white-space: pre;
}

/* hack is to correct paragraph text size in IE */

/* \*/ * html body p { font-size: 80%; } /* */


/* ________________ containers ________________ */


#container
	{
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 796px;
	height:100%;
	background: white;
	}
	
#book
{
	width: 796px;
	height: 599px;
	background: White url(images/dictionary.png);
	text-align: left;

}

#content {
float: left;
margin-top: 60px;
width: 332px;
margin-bottom: 5px;
margin-left: 25px;
}

#contentW {
float: left;
margin-top: 75px;
width: 332px;
margin-bottom: 5px;
height: 400px;
overflow: auto;
}

#contentTeacher {
float: left;
margin-top: 60px;
width: 332px;
margin-bottom: 5px;
margin-left: 25px;
height: 400px;
overflow: auto;
}


#contentRight{
	position: absolute;
	top: 130px;
	left: 395px;
	width: 150px;
	margin-left: 10px;
	height: 190px;
	font-style: italic;
	color: #D48B00;
	text-align: justify;
}

#contentTeacherRight{
	position: absolute;
	top: 90px;
	left: 395px;
	width: 195px;
	height: 350px;
}

#buttonHolder{
float: left;
width: 570px;
height: 350px;
margin-left: 4px;
}

#Holder{
float: left;
width: 220px;
height: 300px;
margin-left: 20px;
background: White;
}

#nav {
	position: absolute;
	top: 90px;
	left: 575px;
	width: 160px;
	clear: left;	
}

#footer
	{
	float:left;
	width: 650px;
	background: White url(images/footer.png) no-repeat;
	height: 32px;
	padding: 1px;
	padding-left: 45px;
	margin-left: 20px;	
	padding-top:5px;
	}

	#int{
	float: left;
		
	}	
	
	
/* _____________________________________ games button ________________ */

#dicGame{
	position: absolute;
	left: 50px;
	width: 110px;
}

#dicGame img { 
display: block; 
width: 110px; 
height: 103px; 
}


#gameBig{
	position: absolute;
	left: 175px;
	top: 190px;
	width: 110px;
}

#gameBig img { 
display: block; 
width: 110px; 
height: 103px; 
} 




#gameComputa{
	position: absolute;
	left: 275px;
	top:330px;
	width: 110px;
}

#gameComputa img { 
display: block; 
width: 110px; 
height: 103px; 
}

#gameMeaning {
	position: absolute;
	top: 360px;
	left: 420px;
	width: 110px;
}

#gameMeaning img { 
display: block; 
width: 110px; 
height: 103px; 
}


#gameMean{
	position: absolute;
	left: 310px;
	top: 190px;
	width: 110px;
}

#gameMean img { 
display: block; 
width: 110px; 
height: 103px; 
}


#gameWord{
	position: absolute;
	left: 450px;
	width: 110px;
}

#gameWord img { 
display: block; 
width: 110px; 
height: 103px; 
}

#gameSoundfx{
	position: absolute;
	left: 65px;
	top: 320px;
	width: 110px;
}

#gameSoundfx img { 
display: block; 
width: 110px; 
height: 103px; 
}


/* _____________________________________ End games button ________________ */


/* _____________________________________ Dictionary button ________________ */


#dic1div{
	position: absolute;
	left: 50px;
	width: 110px;
}

#dic1div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic2div{
	position: absolute;
	left: 175px;
	top: 130px;
	width: 110px;
}

#dic2div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic3div{
	position: absolute;
	left: 310px;
	top: 130px;
	width: 110px;
}

#dic3div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic4div{
	position: absolute;
	left: 450px;
	width: 110px;
	left: 450px;
}

#dic4div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic5div{
	position: absolute;
	top: 260px;
	left: 50px;
	width: 110px;
}

#dic5div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic6div {
	position: absolute;
	left: 185px;
	top: 300px;
	width: 110px;
}

#dic6div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic7div{
	position: absolute;
	left: 310px;
	top: 280px;
	width: 110px;
}

#dic7div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic8div{
	position: absolute;
	top: 250px;
	left: 440px;
	width: 110px;
}

#dic8div img { 
display: block; 
width: 110px; 
height: 103px; 
}

#dic9div{
	position: absolute;
	top: 380px;
	left: 440px;
	width: 110px;
}

#dic9div img { 
display: block; 
width: 110px; 
height: 103px; 
}


/* _____________________________________ End dictionary button ________________ */



/* _____________________________________ dictionary images ________________ */

.imageD1{
	background: url(images/dicThumbs/c4551-01sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}

.imageD2{
	background: url(images/dicThumbs/c4552-01sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}

.imageD3{
	background: url(images/dicThumbs/c4552-06sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}

.imageD4{
	background: url(images/dicThumbs/c5162-02sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}
.imageD5{
	background: url(images/dicThumbs/c5162-06sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}
.imageD6{
	background: url(images/dicThumbs/c5163-08sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}
.imageD7{
	background: url(images/dicThumbs/c5164-05sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}
.imageD8{
	background: url(images/dicThumbs/c5165-01sreen.jpg) no-repeat;
	width: 250px;
	height: 290px;
	margin-top: 70px;
	
}
/* _____________________________________ Enddictionary images ________________ */












/* ___________________________________________ Additional elements________________ */
.buttonText{
padding-left:1px;
margin-top: 1px;
font-size: 0.6em;  
line-height: 0.4em;
text-align: left;
text-decoration: none;


}	

.buttonText2{
padding-left:1px;
margin-top: 1px;
font-size: 0.6em;  
line-height: 1.2em;
text-align: left;


}	

img:hover{
text-decoration: none;
border: none;
}
		


	
/*________________________________Nav rollover___________________________________________________*/

.navText{
	padding-left: 7px;
	line-height: 1.2em;
}
.play a { 
display: block; 
width: 144px; 
height: 37px; 
background: transparent url(images/play.png) no-repeat;
text-decoration: none;
}

.play a:hover { 
display: block; 
width: 144px; 
height: 37px; 
background:transparent url(images/playC.png)no-repeat;
text-decoration: none;
}

.bl a { 
display: block; 
width: 144px; 
height: 37px; 
background: transparent url(images/bl.png) no-repeat;
text-decoration: none;

}

.bl a:hover { 
display: block; 
width: 144px; 
height: 37px; 
background:transparent url(images/blC.png)no-repeat;
text-decoration: none;
}

.londongt a { 
display: block; 
width: 144px; 
height: 37px; 
background: transparent url(images/londongt.png) no-repeat;
text-decoration: none;
}

.londongt a:hover { 
display: block; 
width: 144px; 
height: 37px; 
background:transparent url(images/londongtC.png)no-repeat;
text-decoration: none;
}

.explore a { 
display: block; 
width: 144px; 
height: 37px; 
background: transparent url(images/explore.png) no-repeat;
text-decoration: none;
}

.explore a:hover { 
display: block; 
width: 144px; 
height: 37px; 
background:transparent url(images/exploreC.png)no-repeat;
text-decoration: none;
}

.video a { 
display: block; 
width: 144px; 
height: 37px; 
background: transparent url(images/video.png) no-repeat;
text-decoration: none;
}

.video a:hover { 
display: block; 
width: 144px; 
height: 37px; 
background:transparent url(images/videoC.png)no-repeat;
text-decoration: none;
}
/*________________________________End Nav rollover___________________________________________________*/


image{
	border: none;
	text-decoration: none;
}

#nav a{
	border: none;
	text-decoration: none;
	
}

#claw{
	position: absolute;
	background: url(images/claw.gif);
	width: 183px;
	height: 163px;
	top: 450px;
	left: 590px;
}

#flash{
width: 790px;
height: 545px;
border: none;
text-align: center;
}

#transcript{
float: left;
width: 525px;
height:80px;
margin-left: 20px;
background: White;
overflow: auto;
/*overflow - x: hidden;*/
} 

#tv{
float: left;
width: 299px;
background: url(images/frame.gif) no-repeat;
margin-left: 20px;
height:272px;
}

.wmv{
margin-top: 36px;
margin-left: 31px;
width: 240px;;
height: 200px;
}

#dictionary{
float: left;
}

#clearBoth{
	clear: both;
}

.indent{
margin-left: 20px;
font-style: normal;
font-weight: bold;
padding-left:20px; 
}

.centre {
text-align: center;

}

.tB{
font-style: normal;
font-weight: bold;
}

.tO{
font-weight: bold;
font-style: oblique;
}



#transButton{
	position: absolute;
	top: 170px;
	left: 490px;
	background: url(images/transButton.png) no-repeat;
	width: 70px;
	height: 50px;
	font-size: 0.7em;
}

@media screen{
div.screen {
	display: block;		
}

img.screen{
display: inline;}

.print{
	display: none;
}
}

@media print{
body {
	text-align: left;
	margin: 0;
	padding: 0;
}

.screen {
	display: none;		
}

img.print{
	display: inline;
	margin-left: 0;
	padding-left: 0;
	border: none;
	width: 19cm;
	height: 26cm;
}
}

@page {
	size: portrait; /*print layout*/
	margin: 1cm;
	padding: 0.5cm ;

}

#imageFrame{
float: left;
width: 600px;
height: 600px;
clear: left;
text-align: left;
background: url(images/imageFrame2.png) no-repeat;
border: thick 2px red;
}

/*this back button is used to back from full dictionary or transcript view*/
#back{
	/*width: 68px;*/
	/*height: 56px;*/
	float: right;
	padding-left: 400px;
	width: 790px;
	/*margin-bottom: 10px;*/

	}
.back {
	width: 68px;
	height: 56px;
	float: left;
	background: url(images/back.png) no-repeat;
}

/*this back is used as page navigation*/

.backNav {
position: absolute;
top: 477px;
left: 45px;
	width: 68px;
	height: 56px;
	background: url(images/back.png) no-repeat;
}


#imageHolder{
float: left;
width: 500px;
height: 500px;
margin-left:63px;
margin-top: 80px; 
clear: left;

}

.break{
margin-top: 2em;
}

.heading{
	padding-left: 10px;
	margin-top: 60px;
}

.small{
	font-size: 0.7em;
}

#right{
	position: absolute;
	left: 400px;
	top: 55px;
	background: white;
	margin-top: 40px;
}

li.listIndex {
list-style: square;
font-size: 0.8em;
margin-left: -20px;
}