body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	}

div.indexHeader {
	text-align: center;
	color: #333;
	}
	
div.apBookNavi {
	width: 700px;
	margin: 5px 0;
	padding: 4px;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}

div.apBookNavi a,
div.apBookNavi a:visited {
	padding: 4px 10px !important;
	background: #ccc;
	border: 1px solid #fff;
	font-weight: bold !important;
	color: #333 !important;
	}

div.apBookNavi a:hover {
	text-decoration: none !important;
	background: #bbb;
	}

div.apBookNavi a span,
div.apBookNavi a:visited span {
	font-weight: normal;
	}


/* ---  IFRAEM elements styling - START ------------- */
span, p, div, font {
	font-family: Arial, Verdana, sans-serif;
	}

span.chapterDescr {
	font-size: 12px !important;
	font-weight: bold !important;
	color: #666 !important;
	}
	
span.mainTitle {
	font-weight: normal;
	color: #444;
	}

div.Section1 a, 
div.Section1 a:visited {
	text-decoration: none !important;
	color: #315982 !important;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	}

div.Section1 a:hover {
	text-decoration: underline !important;
	}


a img, 
a:visited img {
	}

/* ---  IFRAME elements styling - END ------------- */

/* --- INDEX styling - START ---------------- */

div.indexWrapLeft,
div.indexWrapRight {
	width: 330px;
	margin: 0 2px 20px 0;
	float: left;
	background: #fafafa;
	font-size: 80%;
	}
	
ul.indexWrap {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
	}


ul.indexWrap li.letterIndex {
	background: #eee;
	}


ul.indexWrap li h1 {
	margin: 0;
	padding: 1px 5px;
	font-size: 150%;
	font-weight: normal;
	}

/* --- INDEX styling - END ---------------- */