/* @group Elements */

a[href] {
	text-decoration: none ;
	color: #0000ff
}
a:hover {
	text-decoration: underline ;
}
body {
	padding-left: 200px ;
	margin: 0px ;
	font-family: 'Arial', Verdana, Helvetica ;
}
body, td {
	font-size: 12px ;
}
h1 {
	font-size: 20px ;
	color: #0000ff ;
	padding: 8px ;
	padding-left: 38px ;
	margin-top: 0px ;
	margin-bottom: 12px ;
	background-image: url(images/BookMacster32.png);
	background-repeat: no-repeat ;
	background-position-y: center ;
	line-height: normal ;
}
h2 {
	font-size: 16px ;
	color: #666 ;
	margin-top: 30px ;
	padding-bottom: 3px ;
	border-bottom: 1px solid #bbb ;
	line-height: normal ;
}
h3 {
	font-size: 13px ;
	margin-bottom: 8px ;
	margin-top: 1.8em ;
	color: #333; }
h4 {
	font-size: 12px ;
	margin-bottom: 3px ;
	color: #333 ;
}
h5 {
	font-size: 11px ;
	margin-bottom: 3px ;
}
i, em {
	font-family: Helvetica ;
	margin-right:
	0.3em ;
}
img {
	border: none ;
}
p {
	margin-bottom: 0px ;
	margin-top: 10px ;
}

table {
    font-size: 100%
}
code, filepath {
	font-family: Monaco, Courier ;
	font-size: 90%;
}
ul {
	list-style-image: url(images/bullet-square.gif);
	padding-left: 20px ;
}

#normalBody {
	color: #111 ;
	padding: 15px 22px ;
	line-height: 120%;
}

#navLinks {
	background: #eee ;
	width: 100%;
	color: #555 ;
}

#navLinks td {
	font-size: 11px ;
	text-align: center ;
}

.figure {
	text-align: center ;
	margin: 10px ;
}

.figure.left {
	text-align: left ;
	margin-left: 0px ;
}

.figure P {
	margin-top: 0px ;
}


.homepage {
	margin-top: 12px ;
	margin-left: 15px ;
	padding-left: 0px ;
}

.homePage h1 {
	background-image: none ;
	padding-left: 0px ;
	margin: 0px ;
	font-size: 26px ;
	text-shadow: #ddd 3px 3px 3px ;
}
.homePage h2 {
	font-size: 14px ;
	margin-top: 8px ;
	border-bottom-style: none ;
}
.homePage h2 a {
	color: #777 ;
}

.divLeft {
	position: fixed;
	height: 100%;
	width: 200px;
	top: 0;
	left: 0;
	background: #eef url(images/BookMacster.blurred.png) no-repeat fixed ;
	border: 0px solid gray;
	padding-left: 0px ;
	overflow: auto;
}

.divLeft .chapterHeading {
	font-size: 13px ;
	font-weight: bold ;
	margin-top: 14px ;
	margin-left: 4px ;
}

.divLeft .chapterHeading A {
	color: #111 ;
}

.divLeft .item {
	font-size: 11px ;
	margin-top: 2px ;
	margin-left: 18px ;
}

.divLeft .item a {
	color: #333 ;
}

.chapterHeading {
	font-size: 13px ;
	font-weight: bold ;
	margin-top: 14px ;
	margin-left: 4px ;
}

.chapterHeading a {
	color: #111 ;
}

item {
	font-size: 11px ;
	margin-top: 2px ;
	margin-left: 18px ;
}

.item a {
	color: #333 ;
}

.divRight {
	height: 100%;
	top: 0;
	left: 200;
	height: 100%;
	border: 0px solid gray;
	padding-left: 0px ;
	border: 0px solid gray;
	margin-top 10 px;
	padding-left: 200px ;  /* for left sidebar */
	font-size: 11px ;
}

.divRight  .mainIcon {
	top: 10;
	padding-left: 10px;
	padding-right: 10px ;
	padding-bottom: 20 px;
}

.divRight  .mainTitle {
	min-width: 250;
	position: absolute;
	left: 350;
	top: 0;
	padding: 10px;
}

.divRight  h2 {
	border-bottom-style: none ;
	margin: 0px 0px 0px 0px ;
	color: black ;
	font-size: 18px ;
}

.divRight  h2 .subtitle {
	color: #777 ;
	font-size: 12px ;
	padding-left: 1em ;
}

.divRight  li {	
	list-style-image: none ;
	list-style-type: disc ;
	font-size: 11px ;
}

.divRight a {
	color: #222 ;
}

.divRight ul {
	margin: 8px 0px ;
	padding-left: 16px ;
}

.divRight TD {
	vertical-align: top ;
	padding-right: 12px ;
}

.divRight .toc UL {
	margin: 0px ;
	padding-left: 28px ;
}

.divRight .detail {
	margin-left: 18px ;
	margin-right: 24px ;
}

.screenshot {
	text-align: center ;
	margin: 10px ;
}

.screenshot.left {
	text-align: left ;
	margin-left: 0px ;
}

.screenshot p {
	margin-top: 0px ;
}

.pageContents {
	background-color: #eee ;
	border: 1px solid #ccc ;
	border-left-width: 8px ;
	padding-top: 5px ;
	margin-top: 10px ;
	margin-bottom: 10px ;
}
.pageContents ul {
	margin: 0px; padding: 8px 24px ;
	padding-left: 22px ;
	list-style-image: url(images/bullet.gif);
}

.pageContents l1 {
	font-size: 12px ;
	line-height: 120% ;
}


