/* CSS Document */
/* BetterThanaBook July 2007 */
* {
	font-family:  "Times New Roman", Times, serif; /* set the font of all elements to this */
	font-size: 100%; /* reset all fonts to a common size */
/*	word-wrap: break-word; /* Stop IE from expanding parent container when word is too long (proprietary IE, new in CSS3) */
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {
	font-family: "Times New Roman", Times, serif;
}
/*Monospace fonts only */
/*pre, pre * {
	   font-family: "Lucida Console", Consolas, Monaco, "Courier New", Courier, monospace;  
       margin: 25px 75px 0 75px;
	   text-align: center;}
*/
#clearone {
	clear: both;
	height: 1px;
}

html {
/*	background: #585858 url(main_bg.png) repeat-x left top; */
	background-color: #e1e1e1;
}
body {
	margin: 0;
	padding: 0;
/*	font-size: 75%; /* sets a base font size of 12px/9pt */
}
hr {
    color:#dddddd; 
	background:#ffffff;
	margin: 10px 0;
	padding: 0;
}
#wrapper {
  text-align: left;
  min-width: 900px;
/*  max-width: 1200px;
    width: 900px;
*/  margin-left: auto;
  margin-right: auto;
  background-color: #e1e1e1;
  color: black;
  margin: 0 30px;
  padding: 0px;
}

#respell { padding: 20px; color: white; font-weight: bold; text-align:center; }

#header {
   background-color: #e1e1e1;
   padding-top: 10px;
   text-align: center;
 }
#header_logo { margin-left:-100px;}
 
#nav {
	background-color: #e1e1e1;
	color: #000000;
    width: 100%;
	line-height: 1.33;
	clear: both;
}
#nav #menu {
    margin: 0 0 5px 10px;
	display: inline; /* for IE double margin float bug */
	float: left;
}

#nav #menu .group1 {
	float: left;
	width: 230px;
	margin-right: 15px;
}
#nav #menu .group {
	float: left;
	width: 100px;
	margin-right: 15px;
}
#nav #menu_btab {
	display: inline; /* for IE double margin float bug */
	float: right;
	text-align: left;
	width: 506px;
	margin: 0 10px 5px 0;
	font-size: 100%;
}
#nav #menu p, #nav #menu_btab p {
	margin: 0;
	padding: 3px 0 5px 0;
}

 
 
 
 
 
 
 
#content {
  clear: both;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  color: #000000;
  margin: 5px 0;
}
#author_image {
  float: right;
  margin: 0 0 20px 20px;
}
#author h1 {
  font-size: 200%;
  padding: 0.3em 0;
}
#author h2 {
  font-size: 200%;
  font-weight: normal;
  font-family:  "Times New Roman", Times, serif;
  color: #032469;
  border-bottom: 1px solid #c5d6e2;
  margin: 0.3em 0 15px 0;
}
#author h3, h3.titles {
  font-size: 110%;
  font-weight: bold;
  font-family:  "Times New Roman", Times, serif;
  line-height: 1.4;
  margin: 8px 0 0 0;
}
#author ul.titles {
  margin: 3px 0 3px 15px;
}
#author p.first {
  font-size: 110%;
  text-indent: 0;
  line-height: 1.4;
  margin: 8px 0 0 0;
  font-family:  "Times New Roman", Times, serif;
}
#author p {
  font-size: 110%;
  text-indent: 20px;
  line-height: 1.4;
  margin: 8px 0 0 0;
  font-family:  "Times New Roman", Times, serif;
}
#author ul {

}

#content .inner {
	margin: 10px 30px;
}

#content .dochead, .titlepage {
padding: 0;
}

#intro, #java_test, #technical, #test, .help, .help_info {
   font-family: "Times New Roman", Times, serif;
   text-align: left;
   font-weight: normal;
}
.browser_note{
   margin: 0px 20px;
   padding: 0px 10px 5px 10px;
   border: 3px solid #FF0000;
}

#test {
   margin: 0;
   padding: 0;
   background-color:#FFFFFF;
}
.test_inner, .test_inner1, .test_inner2 {
   margin: 0px 10px 0px 20px;
   padding: 0px 10px;
}
.test_inner, .test_inner2 {
   background-color:#ebebeb;}
#intro h2, #technical h2, .help h1, .help h2, 
.help_info h1, .help_info h2{
  font-size: 180%;
  font-weight: bold;
/*  border-bottom: 1px solid #c5d6e2;
*/  margin: 15px 0 8px 0;
}
.help h1, .help_info h1 { 
    text-align:center;
    margin: 20px 0 15px 0;
}
.help h3, .help h4, .help_info h2, 
.help_info h3, .help_info h4 {
    font-size:125%;
}
.help h4, .help_info h4 { margin: 25px 0 2px 0;}
.help_info p.first {
  font-size: 110%;
  text-indent: 0;
  line-height: 1.4;
  margin: 0;
}
#technical h3 {
  font-size: 125%;
  font-weight: bold;
}
#intro p.first, #intro ul, #java_test p, 
.help p.first, .help ul  {
  font-size: 110%;
  text-indent: 0;
  line-height: 1.4;
  margin: 8px 0 0 0;
}
#intro p, .help p, .help_info p, .help_info ul {
  font-size: 110%;
  text-indent: 20px;
  line-height: 1.4;
  margin: 10px 0 0 0;
}
#intro ul, .help ul {
  margin: 8px 0 0 35px;
}
.help_info ol  {
  margin: 8px 0 0 0;
  font-size: 100%;
  line-height: 1.4;
}
#intro ul.to_menu { 
  list-style:none;
}
  
#technical p.first {
  font-size: 110%;
  text-indent: 0;
  line-height: 1.4;
  margin: 8px 0 0 0;
}
#technical ul, #technical ol {
  font-size: 110%;
  line-height: 1.4;
/*  margin: 8px 0 0 0;
*/}
.test_inner ul{
  list-style:none;
}
#technical p {
  font-size: 110%;
  text-indent: 20px;
  line-height: 1.4;
  margin: 10px 0 0 0;
}
#technical img {
   float: right;
   padding: 10px 10px 0 10px;
   border: none;
}

#java_test {
   margin: 0px 60px;
   padding: 0 0 8px 0;
   text-align: center;
   background-color: #E9F0FA;
   border: #ff0000 solid thin;
}
#puc, #puc_ret {
   width: 400px;
   margin-left: auto;
   margin-right: auto;
   margin: 0 0 0 350px;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 100%;
   text-align: center;
   border: #990000 solid thin;
   background-color: #e1e1e1;
}
#puc p.na {
   background-color: #990000;
   font-family: Arial, Helvetica, sans-serif;
   color: #ffffff;
   margin: 0;
   padding: 10px 0;
   font-size: 120%;
}
#puc p.na2 {
   background-color: #ffffff;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   margin: 0;
   padding: 10px 0;
   font-size: 120%;
}
.puc_ret_menu {
   background-color: #ffffff;
   font-family: "Times New Roman", Times, serif;
   margin: 0;
   padding: 10px 0;
   font-size: 170%;
}

.toc {
   width:880px;
   margin-left:auto; margin-right:auto;
}
.titlepage h1, .toc h1 {
  text-align: center;
  font-size: 200%;
  font-weight: normal;
  font-family: "Times New Roman", Times, serif;
}

.titlepage h2, .toc h2 {
  font-size: 180%;
  font-weight: normal;
  text-align: center;
}
.titlepage h3 {
  font-size: 125%;
  font-weight: normal;
  text-align: center;
}
.titlepage h4, .toc h4, 
.titlepage h5, .toc h5 {
  font-size: 110%;
  text-align: center;
}

.toc h3 {
  font-size: 140%;
  text-align: center;
}
.toc ol {
  font-size: 110%;
  line-height: 1.4;
  list-style:decimal;
  margin: 0 auto 10px auto;
   text-align: left;
}
.toc ul {
  font-size: 110%;
  line-height: 1.4;
  margin: 0 auto 10px auto;
   list-style: none;
   text-align: left;
}
.toc ul ul {
   list-style: none;
   text-align: left;
   margin-left: 20px;
}

.toc_author ul {
  font-size: 110%;
  line-height: 1.4;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}


.dochead h2, .chapter h2, .preface h2  {
  font-size: 180%;
  font-weight: bold;
  font-family:  "Times New Roman", Times, serif;
  text-align: center;
/*  margin: 0 0 5px 0;
*/}
.chapter  h3, .chapter h4, .preface h3, .preface h4 {
  font-size: 150%;
  font-weight: bold;
  font-family:  "Times New Roman", Times, serif;
  text-align: center;
/*  margin: 0 0;
*/}	
.chapter p.first, .preface p.first {
  font-size: 110%;
  text-indent: 0;
  line-height: 1.4;
  margin: 8px 0 0 0;
  font-family:  "Times New Roman", Times, serif;
}
.chapter p, .preface p {
  font-size: 110%;
  text-indent: 20px;
  line-height: 1.4;
  margin: 8px 0 0 0;
  font-family:  "Times New Roman", Times, serif;
}
.poem {
  font-family: "Times New Roman", Times, serif;
  font-size: 110%;
  font-style: normal;
  line-height: 1.4;
  margin: 15px 90px;
}
p.verse, p.stanza, p.chorus {
  text-align: left;
  text-indent: 0;
  margin: 10px 0;}
  
div.quote p, p.quote, blockquote {
  font-family: "Times New Roman", Times, serif;
  font-size: 110%;
  font-style: normal;
  line-height: 1.4;
  margin-left:1em; margin-right:1em; }
	
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.copy_s {
    font-size:80%;
	color:#000000;
}

table.features {
	clear:right;
	width:100%;
	line-height: 1.4;
	border-collapse:collapse;
	border: 4px solid #C0C0C0;
	background:#FFFFFF;
	}
table.features thead tr th {
    padding: 0.4em 0.6em;
	border: 4px solid #C0C0C0;
	text-align:center;
	}
table.features thead tr th.first{
    padding: 0.4em 0.6em;
	border: 4px solid #C0C0C0;
	text-align:left;
	}
table.features tbody tr {
	border: 4px solid #C0C0C0;
	}
table.features tbody td {
    padding: 0.6em;
	border: 4px solid #C0C0C0;
	text-align:left;
	}
table.features tbody td.f2 {
    padding: 0.6em;
	border: 4px solid #C0C0C0;
	text-align:center;
	}


#btab_tute {
	background-color: #ffffff;
	color: #000000;
    width: 100%;
	line-height: 1.33;
	clear: both;
}
#btab_tute h2 {
	font-size: 150%;
	margin: 10px 0 2px 0;
}
#btab_tute p {
	margin: 0;
	padding: 0;
}
#btab_tute .btab_features {
    margin: 0 0 10px 15px;
	display: inline; /* for IE double margin float bug */
	float: left;
}
#btab_tute .btab_features h2 {
	font-size: 130%;
	margin: 10px 0 2px 0;
/*	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
*/}

#btab_tute .btab_features h3  {
	margin: 0;
}
#btab_tute p.first, #btab_tute .btab_features p.first {
	margin: 0;
	padding: 0;
	font-size: 110%;
}
#btab_tute .btab_features p {
	margin: 0;
	padding: 0;
	font-size:105%;
/*	font-size: 92%;  */
}
#btab_tute ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:110%;
/*	font-size: 92%;  */
}
#btab_tute ul ul {
	list-style: none;
	margin: 0 0 2px 20px;
	font-size: 92%; 
}
#btab_tute ul.list {
    list-style:disc;
	margin: 0 0 0 15px;
	padding: 0;
	font-size:110%;
/*	font-size: 92%; */
}

#btab_tute .btab_features li {
	margin: 3px 0;
}

#btab_tute .btab_features .group {
	float: left;
	width: 100px;
	margin-right: 15px;
}

#btab_tute .btab_features .group1 {
	float: left;
	width: 640px;
}
#btab_tute .btab_features .group2 {
	float: left;
	width: 490px;
	margin-right: 15px;
}
#btab_tute .btab_features .group3a {
	float: left;
	width: 40px;
	margin-right: 15px;
}
#btab_tute .btab_features .group3b {
	float: left;
	width: 160px;
	margin-right: 15px;
}
#btab_tute .btab_features .group3a .small, #btab_tute .btab_features .group3b .small {
    line-height:0.3
}

#btab_tute .btab_features .group_bf2 {
	float: left;
	width: 300px;
	margin-right: 15px;
}


/**/
#btab_help {
	background-color: #ffffff;
	color: #000000;
    width: 100%;
	line-height: 1.33;
	clear: both;
}


#btab_help h2 {
  text-align:center;
  font-size: 180%;
  font-weight: bold;
  margin: 15px 0 8px 0;
}
#btab_help p {
	margin: 0;
	padding: 0;
}
#btab_help .part {
    margin: 0 0 10px 15px;
	display: inline; /* for IE double margin float bug */
	float: left;
}
#btab_help .part h2 {
	font-size: 130%;
	margin: 10px 0 2px 0;
/*	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
*/}

#btab_help .part h3  {
	margin: 15px 0;
	font-size: 110%;
}
#btab_help .part p {
	margin: 15px 0;
	padding: 0;
	font-size: 110%;
}
#btab_help ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#btab_help ul ul {
	list-style: none;
	margin: 0 0 2px 20px;
	font-size: 100%;
}
#btab_help ul.list {
    list-style:disc;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 100%;
}

#btab_help .part li {
	margin: 3px 0;
}

#btab_help .part .group {
	float: left;
	width: 100px;
	margin-right: 15px;
}

#btab_help .part .group_next {
	float: left;
	width: 100px;
	margin-left: 60px;
	margin-right: 15px;
}

#btab_help .part .group1 {
	float: left;
	width: 650px;
}
#btab_help .part .group1a {
	float: left; 
	width: 40px; 
	margin-right: 15px;
}
#btab_help .part .group1b {
	float: left;
	width: 100px;
	margin-right: 15px;
}
#btab_help .part .group1c {
	float: left;
	width: 650px;
}
#btab_help .part .group1c img {
  float: right;
  margin: -20px 0 0 0;
}



	
#footer {
/*	background: black url(footer_bg.png) repeat-x left top;
*/	background-color: #e1e1e1;
/*	color: #CCC;
*/	color: #000000;
    width: 100%;
	padding: 10px 0;
/*	overflow: hidden;
*/	line-height: 1.33;
	clear: both;
}

#footer #sitemap {
	margin-left: 10px;
	display: inline; /* for IE double margin float bug */
	float: left;
}

#footer #sitemap h2 {
	font-size: 130%;
	margin: 0 0 2px 0;
/*	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
*/}

#footer #sitemap h3 {
	margin: 2px 0 2px 0;
}

#footer #sitemap .group {
	float: left;
	width: 150px;
	margin-right: 15px;
}

#footer #contact {
	display: inline; /* for IE double margin float bug */
	float: right;
	text-align: left;
	width: 300px;
	margin: 0 10px 0 0;
	font-size: 100%;
/*	border-top: 1px solid #555555;
	border: 1px solid red;
*/}
#footer #contact h2 {
	font-size: 130%;
	margin: 0 0 2px 0;
/*	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
*/}
#footer #contact h3 {
	margin: 2px 0 2px 0;
}
#footer #contact p {
	margin: 0;
	padding: 0;
	font-size: 92%;
}

#footer #contact .copy {
    margin: 40px 0;}

#footer #contact a {
	margin-left: 5px;
	white-space: nowrap;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 92%;
}

#footer ul ul {
	list-style: none;
	margin: 0 0 2px 20px;
	font-size: 92%;
}

.book_navigation{
text-align: center;
}  

#content .a-z {
margin: 0;
padding: 0 0 0 30px;
}
#content .a-z h1 {
font-size: 190%;
}
#content .a-z h2 {
font-size: 150%;
}
#content .a-z h2.main {
font-size: 155%;
margin: 20px 0 2px 0;
}
#content .a-z .first{
   font-size: 60%;
}
#content .a-z ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 110%;
}
/* Need to define specially to avoid conflict with coloured text
 a:link, a:visited { text-decoration:none; color:#003366; } */
a.secnav:hover, a.secnav:active { color:#999900; }

/*.secnav, tr.secnav, td.secnav, span.secnav,*/
a.secnav, a.secnav:link, a.secnav:visited {
    font-weight:bold;
    text-decoration:none;
    color:#036;
}
a.secnav:hover, a.secnav:active  { color:#999900; }

/*.secnav2, tr.secnav2, td.secnav2, span.secnav2,
*/a.secnav2, a.secnav2:link, a.secnav2:visited {
    font-weight:normal;
    font-size:.9em;
    text-decoration:none;
    color:#003366;
}
a.secnav2:hover, a.secnav2:active { color:#999900; }


.columns {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

/* 2 column layout with liquid width and 30px gutter */

.column2a, .column2b {
	width: 49.95%;
	float: left;
	overflow: hidden;
}

.column2a {
	clear: both;
}

.column2a .section {
	margin: 0 15px 1em 0;
}

.column2b .section {
	margin: 0 0 1em 15px;
}

.column2a .section .section,
.column2b .section .section {
	margin: 0;
}


#storiescatalog {
	clear: both;
	overflow: hidden;
	width: 100%;
/*	font-size: 97%;
	zoom: 1;
*/}

#storiescatalog h2, 
#storiescatalog h2 * {
	font-size: 115%;
}
#storiescatalog .column2a .section ul h3,
#storiescatalog .column2b .section ul h3 {
    margin-top: 1em;
    margin-bottom: 0.2em;
    }


#storiescatalog .title {
	padding: 0 30px;
}

#storiescatalog .column2a .section,
#storiescatalog .column2b .section {
	margin-top: 1em;
	margin-bottom: 1em;
}

#rs_menu {
margin: 0;
padding: 0 0 0 30px;
}
#rs_menu h1 {
font-size: 180%;
margin: 20px 0 10px 0;
}
#rs_menu h2 {
font-size: 150%;
margin: 20px 0 10px 0;
}
#rs_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#rs_menu ul li {
	margin: 0;
	padding: 0 30px;
	font-size: 110%;
}



a:link, a:visited, a:hover, a:active   {text-decoration:none; color:blue;}
a:visited                              {text-decoration:none; color:purple;}

  
#footer a, #intro a, .a-z a, .toc a, #storiescatalog a, ul.titles a, .book_navigation a, .puc_ret a {
color: blue;
text-decoration: none;
}
#footer a:hover, #intro a:hover, .a-z a:hover, .toc a:hover, #storiescatalog a:hover, ul.titles a:hover, .book_navigation a:hover, .puc_ret a:hover {
	text-decoration: underline;
}
a.na:link, a.na:visited, a.na:hover, a.na:active, #footer a.na:link, #footer a.na:visited, #footer a.na:hover, #footer a.na:active {
   color:#999999;
   text-decoration: none;
}
#rs_menu ul li a:link, #rs_menu ul li a:visited, #rs_menu ul li a:hover,  #rs_menu ul li a:active, 
#java_test a:link, #java_test a:visited, #java_test a:hover, #java_test a:active   {text-decoration:none; color:blue;}
#java_tests a:visited                             {text-decoration:none; color:purple;}
#rs_menu ul li a:hover {text-decoration:underline;}
#rs_menu ul li a:visited {color: purple;}
.toc a:link, .toc a:visited, .toc a:hover, .toc a:active   {text-decoration:none; color:blue;}
.toc a:hover {text-decoration:underline;}
.toc a:visited                             {text-decoration:none; color:purple;}
.toc_author a:link, .toc_author a:visited, .toc_author a:hover, .toc_author a:active   {text-decoration:none; color:blue;}
.toc_author a:hover {text-decoration:underline;}
.toc_author a:visited                             {text-decoration:none; color:purple;}