body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:75%;  background-color: #EEEEEE }

ul li {
	list-style:none;
	}
li {
	margin-left:-10px;
	}
	
div#container{
	background-color:#FFFFFF; 
	width:900px; 
	margin-left:auto; 
	margin-right:auto; 
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	}
	
div#main1 {
 	float:left;
    width:100%;
}
	
div#book1 {
 	float:left;
    width:100%;
	background-color:#F5F5F5;
}
	
div#topic1 {
 	float:left;
    width:100%;
	background-color:#F5F5F5;
}

div#main {
	float:left;
	width:68%;
	background-color:#FFFFFF;
	}
div#main h1 {
	font-size:150%; 
	font-weight:bold; 
	color:#000000;
	padding-top:5px;
	}
div#main img {
	float:left;
	padding:1px;
	}

div#bookbar {
	float:left;
	width:15%;
	background-color:#F5F5F5;
	text-align:center;
	padding-top:35px;
	margin-top:-27px;
	padding-left:2px;
	}	

div#topicbar {
	float:left;
	width:15%;
	background-color:#F5F5F5;
	text-align:left;
	padding-top:35px;
	margin-top:-27px;
	padding-left:2px;

}
div#topicbar h4 {
	font-size:12px;
	color: #333333;
	
	}
div#topicbar ul {
	margin-top:-15px;
	}
		
div#topicbar ul li {
	list-style:none;
}

div#bookbar img {
	width:100px;
	}

div#search {
	float:right;
	}
	
a {color: #000099 ; text-decoration:none; font-weight:normal;}
a:hover {color: #FF6633; font-weight:normal; text-decoration:underline;}
img {border:none;}
p {color: #333333;}
h1 {font-size:150%; font-weight:bold; color:#000099}
h2 {font-size:110%;  color:#000099}
h3 {font-size:105%;}
h5 {font-size:90%; font-style:italic; font-weight:normal}

div#logo { 
	padding:2%;
	}


div#topnav { 
	clear:both; 
	height:25px; 
	padding-left:115px; 
	padding-top:2px; 
	background-color:#F5F5F5; 
	}
div#topnav ul {list-style:none; margin-top:5px; margin-bottom:2px; color: #CCCCCC ; text-decoration:none; }
div#topnav li {float:left; padding-right:3%;  }
div#topnav a {color: #000099 ; text-decoration:none; font-weight:normal; }
div#topnav a:hover {color: #FF6633; text-decoration:underline; font-weight:normal;}
div#topnav .separator {color:#FFFFFF}

div.junk img {
	float:none;
	}
	
div.description { 
	text-align:left; 
	padding-bottom:2%; 
	padding-left:1%; 
	color: #333333;
	clear:both;
	}

		
div.description h1{font-family:Arial, Helvetica, sans-serif; font-size:130%; }

div.description ul {
	margin-top: -20px;
	}
	
div.description li { 
	list-style: none;  
	padding-top:1%; 
	padding-right:3%;
	margin-right:2%;
	}
	
div.description img, iframe{
	float:left; 
	padding-left:1%;
	padding-right:1%;
	padding-bottom:2%;
	}
	
div.description a { color:#336699;  font-weight:normal; text-decoration:underline}
div.description a:hover {color: #FF6633; font-weight:normal; text-decoration:underline;}


.active {color:#999999;}
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
.example ol li{float:none; margin-left:3px; padding-left:0px; width:600px;}

div#footer {
	clear:both; 
	color:#000099; 
	text-align:center; 
	padding:1%; 
	}