@charset "utf-8";
/* CSS Document */

body{
	background-color:#FFFEE6;
	font-family: calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.voiceover-left{
	position:absolute;
	top:505px;
	left:308px;
	height:auto;
	width:auto;
	text-align:center;
}

.voiceover-right{
	position:absolute;
	top:505px;
	left:457px;
	height:auto;
	width:auto;
	text-align:center;
}

/********************background images*********************/

.frontpage-img{
	position:absolute;
	left:430px;
	height:486px;
	width:400px;
}

.mainpage-img{
	position:absolute;
	left:30px;
	background-image:url(../../images/reflection_mag_main.gif);
	height:486px;
	width:800px;
}

.contents-img{
	position:absolute;
	left:30px;
	background-image:url(../../../../refl_magazine/issue3/images/contents_page.png);
	height:486px;
	width:800px;
}

.back-img{
	position:absolute;
	left:30px;
	background-image:url(../../images/reflection_mag_back.gif);
	height:486px;
	width:400px;
}

/********************navigation*********************/

.right-pageno{
	position:absolute;
	top:476px;
	left:794px;
	height:15px;
	width:16px;
	text-align:right;
	font-size: 0.8em;

}

.left-pageno{
	position:absolute;
	top:476px;
	left:51px;
	height:15px;
	width:17px;
	text-align:left;
	font-size: 0.8em;

}
.right-pagetitle{
	position:absolute;
	top:476px;
	left:452px;
	height:15px;
	width:324px;
	text-align:left;
	font-size: 0.8em;
}
 
.left-pagetitle{
	position:absolute;
	top:475px;
	left:90px;
	height:15px;
	width:324px;
	text-align:right;
	font-size: 0.8em;
}

.next-arrow{
	position:absolute;
	top:490px;
	left:820px;
	height:48px;
	width:45px;
}

.next-text{
	position:absolute;
	top:505px;
	left:737px;
	height:20px;
	width:77px;
	text-align:center;
	font-size: 0.8em;
	text-align:right;
}

.back-arrow{
	position:absolute;
	top:490px;
	left:1px;
	height:48px;
	width:45px;

}

.back-text{
	position:absolute;
	top:505px;
	left:50px;
	height:20px;
	width:77px;
	text-align:center;
	font-size: 0.8em;
	text-align:left;
}

/***************************************/

.left-container{
	position:absolute;
	left:30px;
	height:466px;
	width:400px;
	padding: 10px 0px 10px 0px;
}


.right-container{
	position:absolute;
	left:430px;
	height:466px;
	width:400px;
	padding: 10px 0px 10px 0px;
}

.left-text{
}
.right-text{
	padding-right:2px;
}

.right-container .right-text p{
	padding-right:20px;
}

.embedimageright{
	padding-left: 10px;
	padding-right:1px;
	float:right;
}

.embedimageleft{
	padding-right:10px;
	padding-left:1px;
	padding-bottom: 5px;
	float:left;
}

.embedimagecenter{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;

}

.embedtextcenter{
	text-align:center;
padding-left: 1px;
	color:#35a3a5;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;	

	
}


.left-container .left-text p {
	padding-right: 10px;
}

.right-container .right-text p {
	padding-left: 20px;
}
.right-container .right-text h1 {
	padding-left: 20px;
}

.right-container .right-text h2 {
	padding-left: 20px;
}

.right-container .right-text h3 {
	padding-left: 20px;
}

.quote{
	color:#35a3a5;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;	
}

.quote1{
	color:#cd5b7c;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;	
}

.quote2{
	color:#7b809a;
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;	
}

.quote3{
	color:#35a3a5;
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

h2{
	color:#35a3a5;
}

.spacer{
	clear:both;
}

.embedletterleft{
	padding:0px;
	float:left;
	font-size:4.5em;
	font-weight:bold;
	color:#000;
 	line-height: 0.85em;
 	margin-right: 0.03em;
 	margin-bottom: -0.25em;
}

.center-text{
	text-align:center;
}

.right-container .right-text ul li{
	padding:5px;
	padding-right:15px;
}
.left-container .left-text ul li{
	padding:5px;
	padding-left:10px;
}


.right-contents{
	position:absolute;
	top:502px;
	left:176px;
	height:23px;
	width:84px;
	text-align:center;
	font-size: 0.8em;
}

.left-contents{
	position:absolute;
	top:503px;
	left:604px;
	height:23px;
	width:84px;
	text-align:center;
	font-size: 0.8em;
}

.left-container .left-text p{
	padding-left:20px;
}
.left-container .left-text h1{
	padding-left:20px;
}
.left-container .left-text h2{
	padding-left:20px;
}
.left-container .left-text h3{
	padding-left:20px;
}

.left-container .left-text ol li{
	padding-right: 10px;
}
.right-container .right-text ol li{
	padding-right: 10px;
}
.help{
	position:absolute;
	top:504px;
	left:341px;
	height:16px;
	width:84px;
	text-align:right;
	font-size: 0.8em;
}
/****************************spot the stages fonts*************************/
.spot1{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	color:#33C;
}
.spot2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color:#930;
}
.spot3{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.9em;
	color:#063;
}
.spot4{
	font-family:"Courier New", Courier, monospace;
	font-size: 0.9em;
	color:#C36;
}
.spot5{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	color:#636;
}
.right-container .right-text p .embedimageleft{
	padding-right: 10px;
}