* { margin:0; padding:0; }
body { margin:10px; background:#171717 url(images/bg.gif); font:76%/1.6em verdana, tahoma, arial, sans-serif; color:#fff; text-align:center; }

a { text-decoration:none; }
a:link, a:visited { color:#c49400; text-decoration:none; }
a:hover, a:active { color:#fff; text-decoration:underline; }
a img { border:0; }

h1 { font-family:Georgia, Verdana, Arial, Serif; }
p { margin-bottom:10px; line-height:1.7em; text-align:justify; }
blockquote { margin:1em; padding:0 0 10px 50px; color:#666; background:url(images/blockquote.gif) no-repeat left top; }

#header { margin:0 auto; padding:10px 0; width:988px; text-align:left; color:#fff; clear:both; }
#header h1 { margin:10px 0; font-size:3.2em; color:#fff; }
#header h3 { margin:10px 0 0 5px; font-size:1.4em; font-family:Tahoma, Verdana, Arial; color:#c09000; }

html #navigation { height:1%; }
#navigation { margin:0 auto; width:988px; background-image:url(images/orange-li.gif); background-repeat:repeat-x; background-position:center; font-family:Trebuchet MS,Tahoma, Verdana, Arial; border:1px solid #484848; overflow:hidden; }
#navigation ul li { list-style-type:none; float:left; }
#navigation ul li a { padding:9px 20px; border-bottom:none; font-size:12px; font-weight:bold; text-decoration:none; color:#fff; background:#eee; background-image:url(images/orange-li.gif); background-repeat:repeat-x; background-position:center; border-right:1px solid #1e1e1e; display:block; }
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a { color:#fff; background-image:url(images/orange-li-hover.gif); background-repeat:repeat-x; border-right:1px solid #1e1e1e; border-bottom:none; text-decoration:none; }

#main-image { margin:5px auto 7px auto; width:988px; height:397px; border:1px solid #383838; }
#header, #content, #sidebar, #footer, .widget { overflow:hidden; }

#container { margin:0 auto; width:988px; text-align:left; background:#313131; border:1px solid #333; }

#content { margin:0 auto; padding-bottom:10px; width:980px; }
#content-main { padding-left:10px; width:750px; float:left; }
html #section-index #content-main { margin-right:0; }
#content h1 { margin:15px 0 3px 0; font-size:1.9em; color:#fff; }
#content h2 { margin:15px 0 3px 0; font-size:1.5em; color:#fff; }
#content h3 { margin:10px 0 3px 0; font-size:1.4em; color:#c49400; }

#nav { margin:15px 5px 10px 2px; width:200px; background-color:#292929; border-right:1px solid #000; border-left:1px solid #333; overflow:hidden; float:left;}
#nav ul { width:200px; font-family:Verdana, Arial, Helvetica; display:block; }
#nav li a { padding:3px 10px 3px 5px; width:200px; text-decoration:none; background-color:#292929; border-bottom:1px solid #000; display:block; }
#nav li a:hover { text-decoration:none; background-color:#2e2e2e; background-image:url(images/li-hover.gif); background-repeat:repeat-x; border-bottom:1px solid #000; display:block; }
#nav p { margin:10px; font-weight:normal; }

.cat { padding:4px; width:200px; font-weight:bold; color:#fff; background-image:url(images/cat-box-rep.png); background-repeat:repeat-x; border-bottom:1px solid #000; }
.verse { margin:10px; line-height:1.7em; text-align:justify; list-style:none; }

#chapter li { margin:0 40px; }
#chapter ul { margin:10px 0; }

.imgLeft { margin:5px 10px 3px 0; padding:4px; border:1px solid #fff; float:left; }
.imgRight { margin:5px 0 3px 10px; padding:4px; border:1px solid #fff; float:right; }
.imgRightli { margin:5px 0 3px 10px; padding:4px; border:1px solid #fff; float:right; }
.center { margin-top:0; margin-bottom:0; padding:0; text-align:center; }
.clearer { height:1px; clear:both; }
.yellow { background:green; }
.teal { color:#70afaf; }
.green { color:#009040; font-weight:bold; }
.blue { color:#0033ff; font-weight:bold; }
.cyan { color:#00cccc; font-weight:bold; }
.magenta { color:magenta; font-weight:bold; }
.red { color:#ff0000; font-weight:bold; }
.grey { color:#888; }
.wd { width:auto; }

.popup { position:relative; }
.popup a img { position:absolute; visibility:hidden; }
.popup a:hover img { padding:10px; top:-300px; left:-40px; width:auto; height:auto; background:#fff; border:1px solid #000; visibility:visible; }

.tdmedium { margin:3px; font-size:12px; background-color:#444444; line-height:1.3em; vertical-align:top; }
.tdlarge { margin:3px; font-size:15px; background-color:#888888; font-weight:bold; text-align:center; line-height:1.3em; }
.charttable { line-height:1.1em; text-align:center; }
.tablepadding td { padding:2px; }
.mark { margin:0 7px 0 0; float:left; }

table { margin-left:auto; margin-right:auto; margin-top:15px; }
.linkstable { margin-top:15px; text-align:center; border:1px solid #444; }
.linksimages { width:180px; line-height:10px; border:1px solid #777; }
.comp td { padding-left:5px; background-color:#444; }
.comp td strong { color:#94B0C8; line-height:130%; font-size:110%; }
.lls { letter-spacing:-.05em; }
.lws { word-spacing:-.2em; }

#linkphp { margin-left:30px; width:90%; }

#linkphp ul { margin:0; padding:0; list-style:none; }
#linkphp li { margin-top:0; margin-bottom:0; }
#linkphp ul a { margin:0; padding:0 0 0 7px; height:21px; line-height:21px; font-size:11px; font-weight:normal; color:#fff; background:#555555; border:none; border-top:solid 1px #707070; text-decoration:none; display:block; }
#linkphp a:hover { color:#fff; background:#000; border-bottom:none; text-decoration:none; }
.linkcat { margin-left:5px; padding:4px 5px 8px 5px; width:45.5%; border:solid 1px #777777; background:#535353; float:left; }

#mailform table { border:2px solid #777; background-color:#ddd; color:#000; border-collapse:collapse; }
#mailform td { padding:4px 4px 4px 5px; border:1px solid #888; }

#dhtmltooltip { padding:5px; left:-300px; width:300px; position:absolute; font-family:Verdana; font-size:11px; text-align:justify; color:#000; line-height:1.3em; border:1px solid black; background-color:lightyellow; visibility:hidden; z-index:100; box-shadow:3px 3px 6px gray; }
#dhtmlpointer1, #dhtmlpointer2 { position:absolute; left:-300px; width:15px; height:15px; z-index:101; visibility:hidden; }
#dhtmlpointer1 { background:url("images/arrowupdown.png") -0 -0; }
#dhtmlpointer2 { background:url("images/arrowupdown.png") -0 -15px; }
#dhtmltooltip strong { color:#000; }

#footer { padding:7px; font-size:11px; background-image:url(images/cat-box-rep.png); background-repeat:repeat-x; text-align:center; }
#footer a, #footer a:hover { color:#fff; text-decoration:none; }