/* pinin */

.book{
	padding:10px;
	width:480px;
	float:left;
	background-color:#ffffff;
	background-image:url(../images/pageTitleBack2.gif);
	background-repeat:no-repeat;

}
.smenu{
/*	display:none; */
	width:99px;
	float:right;
	background-color:#99C1D5;
}

.smenuTitle{
	background-color:#FFFFDD;
	text-align:center;
	font-size:90%;
	border-top:1px solid #1B5187;
	border-bottom:1px solid #1B5187;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:10px;
}
h2{
	font-size:18px;
	font-weight:bold;
	/*
	background-image:url(../images/pageTitleBack.gif);
	background-repeat:no-repeat;
	background-color:#99CC66;
	*/
	height:25px;
	padding-left:50px;
	padding-bottom:10px;
	font-family:"Comic Sans MS";
}
h3{
	font-size:16px;
	color:#339933;
	padding:3px;
	background-image:url(../images/imgPencil.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:20px;
}

.pronounceImage{
	border:1px dotted #FF9900;
	width:250px;
	height:200px;
	margin-left:120px;
	text-align:center;
	padding-top:30px;
	background-color:#FFFFdd;
}



.pinin{
	font-size:14px;
	font-family:"Comic Sans MS",Arial, Helvetica, sans-serif;
}
.pinin a:link {
	color:#ffffff;
	text-decoration: none;
	padding-left:2px;
	padding-right:2px;
}
.pinin a:visited {
	color:#ffffff;
	text-decoration: none;
}
.pinin a:hover  {
	color:#ffffff;
	text-decoration: none;
}

.book p{
/*	font-size:85%; */
	margin-left:20px;
	margin-right:10px;

}


/* smenu */

.pinintbl{
	background-color:#3399CC;
	border-collapse:collapse;
	margin-top:10px;
	margin-left:12px;
}

.pininIndexBox{
	margin:10px;
	padding:10px;
	background-color:#EEFFFF;
	border:1px dotted #0099CC;
}
.pininIndex{
	font-weight:bold;
	font-size:22px;
	font-family:"Comic Sans MS",Arial, Helvetica, sans-serif;
	line-height:110%;
	text-align:left;
}

.pininIndex a:link {
	color:#006699;
	text-decoration: none;
	padding-left:2px;
	padding-right:2px;
}
.pininIndex a:visited {
	color:#006699;
	text-decoration: none;
}
.pininIndex a:hover  {
	color:#66ffff;
	text-decoration: none;
}