/* CSS RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: inherit ; border-spacing: 0;}

a:active {outline:0;}
a img {border:none; background:none;}
img	{vertical-align:middle; -ms-interpolation-mode: bicubic;}
.displace {position: absolute; left:-9000px;}
.group:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.wrap {white-space:nowrap;}
a {color: #b3a000; text-decoration: none;}
a:hover {text-decoration: underline; color: #b3a000;}


/*GENERAL*/
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:20px; background-color:#fff; color:#000;}

#topline {padding-bottom: 6px; border-bottom: 2px solid #dfd200;}
#homeheading {width:100%; padding:27px 0 0 0; background:repeat-x url(../images/headingbackground.gif) center 106px; text-align: center;}
#homeheading a {display:block; width:768px; height:92px; margin:0 auto; background:no-repeat url(../images/homeheading1.png) center bottom; text-align: center;}

#container {clear:both; position:relative; width:732px; margin:30px auto 0 auto; background:url(../images/bodybackgroundrepeat.png) center repeat-y;}
#main {width:100%; background:url(../images/bodybackground.png) top no-repeat;	text-align:center;}
#bottom {height:58px; width:100%; background:url(../images/bodybackgroundbottom.png) bottom no-repeat;}

#copyright {clear:both; width:732px; text-align:center; margin:16px auto 0 auto;}
#copyright p {font-family:"Times New Roman", Times, serif; font-size:11px; color:#888; letter-spacing:1px; word-spacing:1px;}
#copyright img {margin:0 24px 0 0;}

#main blockquote p {letter-spacing: 1px; text-align: justify; text-indent: 0px; margin: 0 110px 14px 110px;}

.firstcapitals, .cap {font-size:20px; font-family:"Times New Roman", Times, serif; letter-spacing:1px;}

div.hr {margin:30px auto 30px auto; width:300px; height:1px; display:block; background:url(../lectures/images/divider.jpg) no-repeat center;}

#up {display: block; margin: 0 auto;}
#up  a {display: block; width: 186px; height: 24px; padding: 3px 0; margin: 34px auto 14px auto; background: url(../images/up_arrows/yellow.png) no-repeat 13px center;}
#up a:hover {background-position: -165px center;}


/* NAVBAR */
#navbar  {width: 744px; margin: 31px auto 0 auto;}
#navbar   li  {display: inline; float: left;}
#navbar	a {display: block; height: 26px; padding: 4px 0 3px 0; background-repeat: no-repeat; background-position: center 7px; text-decoration: none;}
#navbar  a:hover {background-repeat: no-repeat; background-position: center -17px;}
#navbar  a.about {width: 86px; background-image: url(../images/navbar/about.png);}
#navbar  a.contents {width: 113px; background-image: url(../images/navbar/contents.png);}
#navbar  a.foreword {width: 121px; background-image: url(../images/navbar/foreword.png);}
#navbar  a.grail {width: 108px; background-image: url(../images/navbar/grail.png);}
#navbar  a.author {width: 132px; background-image: url(../images/navbar/author.png);}
#navbar  a.contact {width: 101px; background-image: url(../images/navbar/contact.png);}
#navbar  a.order {width: 81px; background-image: url(../images/navbar/order.png);}


/* FOOTER */
html, body {height: 100%;}
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px;}
#footer, #push {height: 50px;}
#footer {text-align: center; background:url(../images/footer.gif) bottom repeat-x;}
#footer a {display: block;height: 50px; width: 181px; background:url(../images/sharetab.gif) right bottom no-repeat; margin: 0 auto;}
#footer a:hover {background-position: left bottom;}


/* HOME */
.home h2 {font-weight:normal; text-align:right; letter-spacing:1px; margin: 0 128px 12px 0;}
.home h3 {width:630px; margin:0 auto; padding:50px 0 10px 0; font-weight: normal; letter-spacing: 1px; background: url(../images/messagereflection.jpg) no-repeat top; text-align: center; display: block;}
.home #main p {padding: 16px 0 0 0;}
.home #main img {padding: 6px 4px 0 4px; margin: 28px 0 -2px 0;}
.home #main h2.links {font-weight: bold; color: #b3a000; text-align: center; letter-spacing: 1px; margin: 34px 0 6px 0; padding: 0;}
.home #main h2.links a.mid {margin: 0 44px;}

/* ABOUT */
.about #main h1 {width:565px; height:24px; margin:0 auto 44px auto; padding: 26px 0 0 0; background:url(../images/headingabout.png) no-repeat bottom;}
.about h2.author {font-weight:normal; letter-spacing:5px; word-spacing:5px; color:#888; padding:16px 0 20px 0;}
.about #main p {margin: 0 80px 18px 80px; text-align: justify; text-indent: 16px; letter-spacing: 1px;}
.about #up a {width:150px; margin:34px auto 0 auto; background-image: url(../images/up_arrows/green.png); background-position: 9px center;}
.about #up a:hover {background-position: -157px center;}
.about a {color:#369812;}
.about #navbar a.about {background:url(../images/navbar/about.png) center -17px;}

/* CONTENTS */
.contents #main h1 {width:350px; height:22px; margin:0 auto 44px auto; padding: 26px 0 0 0; background:url(../images/headingcontents.png) no-repeat bottom;}
.contents #main h2 {padding:18px 0 18px 0; font-size:15px; font-weight:normal; letter-spacing:4px; text-align:center; word-spacing:3px;}
.contents h3 {margin:0 80px 10px 80px; font-size:12px; font-weight:normal; line-height:18px; text-align:center; letter-spacing:1px; color:#888;}
.contents h4 {padding:6px 80px 16px 80px; font-weight:normal; letter-spacing:1px; line-height:18px; text-align:justify; text-indent:16px;}
.contents #main p {padding:0 80px 10px 80px; letter-spacing:1px; text-align:justify; text-indent:16px;}
.contents #navbar  a.contents {background-image: url(../images/navbar/contents.png); background-position: center -17px;}

/* FOREWORD */
.foreword #main h1 {padding:91px 0 0 0; margin:0 80px 26px 80px; font-size:18px; font-weight: normal; letter-spacing: 5px; word-spacing: 3px; color: #666; font-family: "Times New Roman", Times, serif; background:url(../images/headingforeword.png) no-repeat center 26px;}
.foreword #main h2 {font-weight: normal; letter-spacing: 1px; padding: 8px 130px 20px 0; text-align: right;}
.foreword #up a {background-image: url(../images/up_arrows/orange.png); width: 241px; background-position: 8px center;}
.foreword #up a:hover {background-position: -245px center;}
.foreword #main  p {margin: 0 80px 16px 80px; text-align: justify; letter-spacing: 1px;}
.foreword a {color:#df9300;}
.foreword #navbar  a.foreword {background-image:url(../images/navbar/foreword.png); background-position:center -17px;}

/* GRAIL */
.grail #main h1 {height:21px; margin:0 auto 44px auto; padding: 26px 0 0 0; background:url(../images/headinggrail.png) no-repeat bottom;}
.grail #main p  {margin: 0 80px 18px 80px; letter-spacing: 1px; text-align: justify; text-indent: 20px;}
.grail #up a {background-image: url(../images/up_arrows/red.png);}
.grail #main blockquote p {margin: 0 110px 16px 110px; font-size: 12px; line-height: 18px; text-align: justify; letter-spacing: 1px; text-indent: 0;}
.grail a {color: #ce0000;}
.grail #navbar a.grail {background-image: url(../images/navbar/grail.png); background-position: center -17px;}

/* AUTHOR */
.author #main h1 {height:21px; margin:0 auto 40px auto; padding: 26px 0 0 0; background:url(../images/headingauthor.png) no-repeat center bottom;}
.author #main h2 {margin:6px 110px 26px 110px; font-size:12px; line-height:18px; text-align: center; letter-spacing: 1px; font-weight: normal; text-indent: 0px;}
.author h3 {margin: 0 110px 18px 110px; font-size: 12px; line-height: 18px; text-align: justify; letter-spacing: 1px; font-weight: normal; text-indent: 20px;}
.author .authorimage {margin: 0 auto; padding-left:1px;}
.author #main p {margin:0 80px 0 80px; padding:0 0 18px 0; letter-spacing:1px; text-align:justify; text-indent:20px;}
.author #main p.first {padding:40px 0 18px 0; background: url(../images/authorreflection.png) no-repeat 222px top;}
.author div.hr {margin: 10px auto 30px auto; width: 300px; height: 1px; display: block; background-image: url(../lectures/images/divider.jpg);}
.author a {color: #7100ac;}
.author #up a {background-image:url(../images/up_arrows/purple.png);}
.author #navbar a.author {background-image: url(../images/navbar/author.png); background-position: center -17px;}

/* COMMANDMENTS */
.commandments #main h1 a {display:block; height:21px; margin:0 auto 18px auto; padding:26px 0 0 0; background:url(../images/headingauthor.png) no-repeat center bottom;}
.commandments #main h2 {font-size: 15px; font-weight: normal; letter-spacing: 2px; text-align: center; word-spacing: 3px; padding: 14px 0 6px 0; color: #777; margin: 0 96px 0 96px; font-family: "Times New Roman", Times, serif; background: url(../lectures/images/horizontal_line.jpg) no-repeat center bottom;}
.commandments h3 {padding-bottom:18px; font-size:14px; letter-spacing:1px; text-align:center;}
.commandments .bookimage {margin:34px 0 0 0;}
.commandments #main p.first_para {font-weight: normal; letter-spacing: 1px; margin: -32px 80px 18px 80px; text-align: justify; text-indent: 20px; padding: 0;}
.commandments #main p {letter-spacing: 1px; margin: 0 80px 0 80px; text-align: justify; text-indent: 20px; padding: 0 0 18px 0;}
.commandments #main p.isbn {margin: 0 80px 0 80px; text-indent: 0px; font-weight: bold; color: #888; text-align: center; padding: 0 0 10px 0; font-size: 14px;}
.commandments #main p.translated {font-size: 12px; line-height: 18px; margin: 16px 110px 0px 110px; text-align: justify; letter-spacing: 1px; font-weight: normal; text-indent: 20px;}
.commandments div.hr {margin: 10px auto 30px auto; width: 300px; height: 1px; background-image: url(../lectures/images/divider.jpg);}
.commandments a {color:#7100ac;}
.commandments #up a {width: 100px; margin-top:4px; background-image: url(../images/up_arrows/back_purple.png); background-position: 8px center;}
.commandments #up a:hover {background-position: -109px center;}
.commandments #navbar a.author {background-image: url(../images/navbar/author.png); background-position: center -17px;}

/* CONTACT */
.contact #main h1 {height:21px; margin:0 auto 40px auto; padding:26px 0 0 0; background:url(../images/headingcontact.png) no-repeat center bottom;}
.contact #main p {margin:0 60px 0 60px; letter-spacing:1px; text-align:center;}
.contact #main h2 {font-size:16px; padding:36px 80px 20px 80px; text-align:center; letter-spacing:3px; font-weight:normal; word-spacing:2px;}
.contact h3 {font-size:13px; font-weight:normal; text-align:left; color:#777; letter-spacing:1px; padding:0 60px 8px 120px; line-height:18px;}
.contact .white {color:#fff; font-weight:bold;}
.contact .hr {width:300px; margin:36px auto 10px auto; height:1px; display:block; background-image:url(../lectures/images/divider.jpg);}
.contact #up a {background-image:url(../images/up_arrows/blue.png);}
.contact #main ul li {font-size:13px; font-weight:normal; letter-spacing:2px; margin:0 80px 6px 80px; line-height:20px; text-align:center;}
.contact a {color:#0032ee;}
.contact #navbar a.contact {background-image:url(../images/navbar/contact.png); background-position:center -17px;}

/* PURCHASE */



/* DOWNLOAD */
a#box {display:block; position:absolute; top:320px; right:-138px; height:56px; width:198px; margin:0; padding:0; text-align:center; font-family:"Times New Roman", serif; font-size: 1.3em; letter-spacing:3px; background-color:white; background-color:rgba(255,255,255,.85); border:1px solid #d6d6d6; box-shadow:0 6px 6px #bbb;-moz-box-shadow:0 6px 6px #bbb;-webkit-box-shadow:0 6px 6px #bbb; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; -webkit-transition: background-color, border-color, -webkit-box-shadow .2s linear;}
a#box:hover {text-decoration: none; background-color:rgba(255,255,255,1); border-color:#bbb; box-shadow:0 6px 6px #bbb;-moz-box-shadow:0 6px 6px #bbb;-webkit-box-shadow:0 6px 6px #bbb;}

a#box span {display:block; width:194px; height:56px; opacity:.85; background:url(../images/up_arrows/download2.png) center no-repeat; -webkit-transition: opacity .2s linear;}
a#box:hover span {opacity:1;}



/* EBOOKS */
#wrap {width:580px}

#ebooks2 {width:502px; padding:30px 36px}
#ebooks2 a {white-space:nowrap}
#ebooks2 p {font-size:1.05em;}
#ebooks2 p.first {margin-bottom:30px; font-size:1.1em}

#ebooks2 h2 {display:block; width:100%; height:40px; margin:-8px 0 20px 0; padding-bottom:12px; background:no-repeat url(ecommerce/headingebooks.png) center; border-bottom:0px dotted #999;}

#ebooks2 div {position:relative; clear:both; min-height:70px; margin:0 20px 0 146px; padding:0 0 30px 0}
#ebooks2 div span.icon {position:absolute; top:4px; left:-130px; display:block; width:100px; height:100px; border:1px solid #bbb; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}

#ebooks2 h3 {font-size:1.3em; font-weight:bold; color:#444; margin:0 0 12px 0; padding:0; text-indent:0; letter-spacing:1px}
#ebooks2 div p {display:block; clear:both; margin:12px 0; padding-left:0; line-height:1.2; color:#555;}

#ebooks2 p a {margin:0; padding:5px 12px; color:#555; font-family:Verdanda, sans-serif; font-size:.85em; background-color:#fffeee; border:1px solid #999; border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;}
#ebooks2 p a:hover {background-color:#40cf20; text-decoration:none; color:#fff; border-color:#3ab41e}
#ebooks2 p a:hover {background-color:#fffabd; text-decoration:none; color:#6d6100; border-color:#b3a000}

#ebooks2 #divider {display:block; margin:-6px 0 28px 0; width:100%; height:1px; background:no-repeat url(ecommerce/divider.png) center}

#ebooks2 p.go {margin:30px 40px 0 58px;}
#ebooks2 p.go img {float:left; margin:-6px 28px 0 0}
#ebooks2 p.go span {display:block; margin-top:10px;}




/*SHOPPING CART*/
div#EJEJC_overlay {background-image: none !important; background-color:#fff !important; opacity:0.7}
div#EJEJC_window {position:relative; height:auto !important; padding:14px; box-shadow: 0px 10px 10px #bbb; -webkit-box-shadow: 0px 10px 10px #bbb; -moz-box-shadow: 0px 10px 10px #bbb; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
div#EJEJC_iframeContent {height:auto !important; min-height:320px !important}
div#EJEJC_title {height:0 !important}

#EJEJC_closeWindow {margin-top:1px !important}
#EJEJC_closeWindowButton {position:absolute; top:-12px; right:-14px; width:20px; height:20px; margin-right:6px !important; padding:3px 2px 2px 2px; font-weight:bold; color:transparent !important; font-size:11px !important; background: no-repeat url(../images/controls.png) center; text-indent:-9999px !important;}

#ejejctable td {padding:3px !important;}
#ejejctable tr#td1 td {border-bottom:1px solid #ccc !important; border-top:1px solid #ccc !important}
#ejejctable tr#td2 td, #ejejctable tr#td3 td, #ejejctable tr#td4 td, #ejejctable tr#td5 td, #ejejctable tr#td6 td {border-bottom:1px solid #bbb !important;}
#ejejctable tr#td1, #ejejctable tr#td3, #ejejctable tr#td5 {background-color: #ffffee;}
#ejejctable tr#td2, #ejejctable tr#td4, #ejejctable tr#td6 {background-color: #fff;}

#tdHeader {border-bottom: 1px dotted #aaa !important; width:700px; padding:6px 0 20px 26px !important; background:#fff !important}

input#btnUpdtCart {display:block; height:auto !important; padding:4px 12px !important; margin-bottom:-6px !important; background-color: #eee !important; border:1px solid #666 !important; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
input#btnContShop {height:auto !important; padding:4px 12px !important; background-color: #eee !important; border:1px solid #666 !important; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
input#btnUpdtCart:hover, input#btnContShop:hover {cursor:pointer; background-color: #ffffee !important; border:1px solid #000 !important;}
#tdPmnt span {display:block; margin:0 8px 9px 0 !important; color:#777 !important; font-size:12px !important}
#tdPmnt span span {display:block; position:absolute; top:-30px; right:0; width:700px !important; color:#666 !important; font-size:14px !important; text-align:center !important; letter-spacing: 1px}
#tdPmnt span span b {padding:9px 18px; background-color:#fff; background-color:rgba(255,255,255,.7); border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px; box-shadow:0px 0 10px #fff;-webkit-box-shadow:0px 0 10px #fff;-moz-box-shadow:0px 0 10px #fff;}
#chktPP img {height:46; width:145px}



/* ERROR 404 */
.error #main h1 {font-size: 20px; font-weight: normal; letter-spacing: 1px; text-align: center; padding: 46px 96px 34px 96px;}
.error h2 {font-weight: normal; text-align: left; text-indent: 20px; letter-spacing: 1px; margin: 0 96px; line-height: 19px;}
.error #main p {padding: 16px 0 0 0;}
.error #main img {padding: 6px 4px 0 4px; margin: 28px 0 -2px 0;}
.error #main p.bottom_links {font-weight: bold; text-align: center; letter-spacing: 1px; margin: 120px 10px 46px 10px; padding: 0;}
.error #bottom {background-position: bottom;}