div#accessbar {position: absolute; top: 28px; right: 10px; font-family: Lucida Sans Unicode, sans-serif; font-size: 1.2em}
html:not([dummy]) div#accessbar {top: 25px}
div#accessbar ul {margin: 0; padding: 0 0 0}
div#accessbar li {list-style-type: none; margin: 0; padding: 0 0 0}
div#accessbar img {border: solid #333 2px}
/* #9ac url('../images/bgmain.gif') */ /*#6386AA */
body {margin: 0; padding: 0; font-size: 86%; background:#556F9E  ; color: #000; letter-spacing: 0.0625em}

h1,h2,h3,h4{font-family: georgia, serif; font-weight: normal; color: #335; margin: 0; padding: 0}
.h1,.h2,.h3,.h4 {font-family: georgia, serif; font-weight: normal; color: #335; margin: 0; padding: 0}
h1 {font-size: 1.6em; padding-top: 1.5em; margin-bottom: 0.2em; display:block}
.h1{font-size: 1.6em; padding-top: 1.5em; margin-bottom: 0.2em; display:block}
h2 {font-size: 1.4em}
h2 a {color: #335}
.maincontent h2 {margin-bottom: 0.2em; margin-top: 1.2em}
h3 {font-size: 1.3em}
h4 {font-size: 1em}
span.ScreenText {font-family: Lucida Sans Unicode, sans-serif;
			 color: #630; 
			 font-weight: bold;} 
.Heading4Run-In {display:inline;
                 font-size: 1em;
				 font-weight: bold; }
             /* for the in-line headings in chapter 13*/
.p-run-in {display:inline;}
p {margin-top: 0; margin-bottom: 0.62em}
p, li, td {font-family: tahoma, sans-serif; line-height: 155%}

p.small {font-size: 0.75em; margin: 0 1em}

div#inpagelink {width: 100%;}

blockquote {background: #eef; margin: 0 1.5em 1em 1em; padding: 0.5em 0.5em 0.0625em}
.blockquote {background: #eef; margin: 0 1.5em 1em 1em; padding: 0.5em 0.5em 0.0625em}
.blockquote p {font-style: italic; font-family: georgia, serif}

code {font-size: 1em; font-family: courier new, courier, monospace; line-height: 1.5em;}
pre  {font-size: 1em; font-family: courier new, courier, monospace; line-height: 1.5em;}
span.onscreen1 {	font: arial narrow; color: #800; font-size: 1em; font-weight: bold}

kbd {font-size: 1.1em}
.sidebyside {background:  #ffc; }  /*yellowish */
.greycol {background:  #eff}  /*e7fffe*/
.textcol {background:  #eef}
.widecol {background:  #fff}
.grayrow {Background: #e4e4e4}
.oddrow  {background:  #eef}
.evenrow {background:  #eff}
td, th {vertical-align: top;}
 img.ss {border:thin solid indigo;} /*screen shot borders*/
.hidden {position:absolute; left:-500px; top:auto; overflow:hidden; }
.high {color: #FF0000; 	font-weight: bold;}

.cc-block { width: 90%; margin: 8px auto; padding: 4px; text-align: center; border: 1px solid #cccccc; color: #000000; background-color: #eef6e6; }S
span.onscreen {   /* for screen text */
	font: arial narrow;
	color: #994c00;
} 

a {color: #06c}
a:visited {color: #359}
a:hover {color: #f90}
a:active, a:focus {background: #039 !important; color: #fff}

.fig a img {border: solid #06c 1px}
.fig img {border: solid #ccc 1px}

.menusub {padding: 0; margin: 0 0 3em 0}
.menusub li {list-style-type: none; padding: 0; margin: 0 0 0.2em 0}
.menusub a {background: url('../images/visited.gif') 100% 100px no-repeat; padding-right: 18px; padding-left: 5px}
.menusub a:visited {background-position: 100% 3px}
.menusub a.here {background-position: 100% -198px !important}

.note {font-size: 0.9em}
.fig {font-size: 0.8em; font-weight: bold; margin: 2em 1em}
.caption {font-size: 0.8em; font-weight: bold; margin: 2em 1em}
.right {float: right}

#wrapper {padding: 20px; margin: 0; text-align: center}
#inner {text-align: left; border: solid #333 2px; background: #fff; padding: 0; margin: 0}

#logo {text-align: left; padding-bottom: 1em; padding-left: 1em; padding-top: 1em; background: url('../images/bgland5.jpg') no-repeat top left #fff; border-bottom: #444 solid 2px}
#logo #jtcom {margin: 1em 0}

div.flow {height: 20px; float: left; clear: left; margin-right: 1.5em; margin-left: -1em /*; border-right: solid green 1px*/}
div#firstflow {margin-top: 2.5em}
.nav {margin: 0; padding: 0 0 0 0.8em}
.nav ul {margin: 0;; padding: 0; display: inline}
.nav li {margin: 0; padding: 0; list-style-type: none; display: inline}
.nav a {color: #fff; text-decoration: none; padding: 0 1em; margin: 0; border: solid #036 2px; border-left: 0; background: #359}
.nav a#firstnav {border-left: solid #036 2px}

.nav a:visited {color: #fff !important}
.nav a.here {background-color: #fff; color: #000 !important}
.nav a:visited.here {background: #fff; color: #000 !important}
.nav a#firstnav:visited {color: #000}
.nav a:hover, .nav a:active, .nav a:focus {color: #fff; background: #f90 !important}

form {margin: 0; padding: 0.2em; text-align: left}
.textfield {border: solid #335 2px; font-family: trebuchet ms, sans-serif; font-size: 0.9em; padding-left: 0.3em; }
.textfield:hover, .textfield:focus {border: solid #33f 2px} 
.checkbox {border: solid #335 2px; font-family: trebuchet ms, sans-serif; font-size: 0.9em; padding-left: 0}
.checkbox:hover, .checkbox:focus {border: solid #33f 2px} 
#q {width: 13em}
.submitbutton {border: solid #335 2px; background: #cce; font-family: trebuchet ms, sans-serif}
#sa {margin-left: 0.125em; height: 2em; font-size: 0.9em}
html:not([dummy]) #sa {width: 3em; position: relative; top: 1px}
.submitbutton {border: solid #335 2px; background: #cce; font-family: trebuchet ms, sans-serif}
#sa:hover, #sa:focus, .submitbutton:hover, .submitbutton:focus {border: solid #33f 2px} 

/*fieldset {padding: 10px; margin: 0; border: none; background: #eef}*/

.maincontent { padding: 0 2em; 
/* mrgin-right: 16em */
} 
.imageleft {float:left;
		    margin-right:15px;
			margin-top:5px;
			margin-bottom:5px;
			position:relative;}

/* #bg {background: url('../images/bc.gif') no-repeat -20px 1.8em} */
#rightbarspacer44 {width: 18em; float: right; height: 44em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer46 {width: 18em; float: right; height: 46em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer48 {width: 18em; float: right; height: 48em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer {width: 18em; float: right; height: 50em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer52 {width: 18em; float: right; height: 52em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer54 {width: 18em; float: right; height: 54em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer62 {width: 18em; float: right; height: 48em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer66 {width: 18em; float: right; height: 66em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer70 {width: 18em; float: right; height: 74em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspacer72 {width: 18em; float: right; height: 74em} /*provides a space in which the sidebars sit. Adjust the height as required.*/
#rightbarspa
#rightbarspacerlong {width: 18em; float: right; height: 74em} /* provides a space in which the sidebars sit. Adjust the height as required. */
#rightbarspacermed {width: 18em; float: right; height: 58em} /* provides a space in which the sidebars sit. Adjust the height as required. */
#rightbarspacer60 {width: 18em; float: right; height: 60em} /* provides a space in which the sidebars sit. Adjust the height as required. */
#rightbarspacerhome {width: 19em; float: right; height: 58em} /* provides a space in which the sidebars sit. Adjust the height as required. */
#rightbarspacernew {width: 19em; float: right; height: 55em} /* provides a space in which the sidebars sit. Adjust the height as required. */
.rightbar {margin: 2.5em 0 10px 0; width: 16em; display: inline; padding-left: 1em; padding-right: 1em; position: absolute; right: 20px; top: 9em}
.leftspecial {border: 4px solid black; margin: 2.5em 1.5em 10px 0;  display: inline; padding-left: 1em; padding-right: 1em; float:left; position:relative; text-align:center; }

html:not([dummy]) .rightbar {margin: 2.5em 15px 10px 20px; width: 16em; float: right; padding-right: 0}
.rightheading {width: /**/16em; margin-top: 1em}
.rightheading h2 {color: #fff; font-size: 1em; padding: 0.25em 0.2em 0.25em 0.5em; border-left: solid #359 2px; border-bottom: 0; font-family: lucida sans unicode, sans-serif; background: #359 url('../images/right-curve2.gif') top right no-repeat}
.rightheading h2.sub {color: #222; font-size: 1em; padding: 0.25em 0.2em 0.25em 0; border-left: none; border-bottom: 0; font-family: lucida sans unicode, sans-serif; background: none}
.rightcontent {background: #fafaff; padding: 0; border: solid #369 2px; font-size: 0.9em; color: #222}
.rightcontent ul {margin: 0; padding: 0}
.rightcontent li, .rightcontent p {list-style-type: none; padding: 0.3em 0.8em; background: #fafaff; margin: 0}
.rightcontent li.alternate, .rightcontent p.alternate {background: #eef}
.rightcontent .top p, .rightcontent form.top {background: #ddf}

p.alternate {background: #eef}
ol.alternate {background: #eef}
ul.linkslist {margin-left: 0; padding-left: 0}
ul.linkslist li {list-style-type: none; display: inline; padding-right: 1em}


#footer {padding: 0.2em 0; background:#1177cc; border: solid #333 2px; border-top: 0; text-align: left; font-size: 0.8em; font-weight: bold; height: 1.5em}
#footer {color: #000; margin-bottom: 0; padding: 0.2em 1.2em; text-align: right}
#footer p {margin: 0; padding: 0 0 0 1em; display: inline}
#footer a {color: #fff; text-decoration: none}
#footer a:hover {color: #cdf; padding: 0 0; text-decoration: underline}
#footer ul {margin: 0; padding: 0; display: inline}
#footer li {list-style-type: none; display: inline; padding-left: 1em}

.leftimg {height: 16px; font-size: 10px; float: left; clear: left; margin: 0 20px 0 0; position: relative; z-index: 0; padding-right: 1em}

.skiplist {margin: 0; padding: 0} 
		.skip {display: none; font-family: verdana, sans-serif; text-align: left; margin: 0; padding: 0; position: absolute} /*All incl Opera*/
        /* * html */ .skip {display: block} /*Seen by IE*/
        :root .skip {display: block} /*Seen by Moz, FF and Safari*/
        .skip a {padding: 0 0.5em; display: inline; z-index: 2; text-decoration:none; position: absolute; width: 14em; left: -200em;}
        .skip a:focus, .skip a:active {position: absolute; left: 0.5em; border: solid #333 2px; color: #fff; background: #555;}
        .skip a:hover {cursor: default}
		
* html #inner {height: 1%} /* cures IE rubbish rendering */

:root #timg {display: none}

table {
	padding: 4px 6px;
	border-spacing: 0;
}
td, th {
	padding: 4px 6px;
	border: 1px solid black
}