/* 
By Jesse Marquez site creation date: 5-3-2010 (Updated: 2-25-2010)

color#
font families:
Georgia, Georgia, serif
Tahoma, Geneva, sans-serif
Verdana, Verdana, Geneva, sans-serif
Trebuchet MS, Helvetica, sans-serif
Times New Roman, Georgia, Serif

 

TEXT SHADOW
X-coordinate of the text-shadow (20px), relative to the text
Y-coordinate of the text-shadow (-12px), relative to the text
The blur radius of the text-shadow (2px), which means the amount of space the shadowtext is 'stretched'

*/



/* ------Erik Meyer Reset - - http://meyerweb.com/eric/tools/css/reset/ -------*/
/* v1.0 | 20080212 */

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;

	
}
body {line-height: 1.3em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* 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: collapse;	border-spacing: 0;}

 /* always show Firefox scrollbar */
html{overflow:-moz-scrollbars-vertical;}

* {margin: 0;} 



/* --------------------------------------------- End Reset ------------------------------------------------ */



/* -------------------------------------- Start Web Site Default Styles ---------------------------------- */
body {text-align:center; font-family:Times New Roman, Georgia, Serif; color:#000; font-size:14px; background: #c51d3a url(../images/siteback.jpg) repeat-x}

table {margin-left: auto; margin-right: auto; }
tr td {vertical-align:top;}

hr {padding-bottom: 3px; margin-bottom: 15px; width:100%; background-color:#000; }

h1 {font-size:24px; line-height: 26px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 2px 2px 2px;}
h2 {font-size:18px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 2px 2px 2px;}
h3 {font-size:15px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 2px 2px 2px;}
h4 {font-size:14px; color:#000; font-weight:bold; padding:0 0 15px 0; text-shadow: #ccc 2px 2px 2px;}

p {padding-bottom: 15px; font-size: 15px;}
a img{ border: 0 none; }
.cb {clear:both; padding:0; margin:0}

a {text-decoration: underline; color: #CE2435; font-weight:bold}
a:link {text-decoration: underline; color: #CE2435; font-weight:bold}
a:visited {text-decoration: underline; color: #CE2435; font-weight:bold}
a:hover {text-decoration: underline; color: #000000; font-weight:bold}
a:active {text-decoration: underline; color: #CE2435; font-weight:bold}

a name{ color: #000}
a name{ color: #000}

strong.red {color: #CE2435; font-weight:bold;}

ul {list-style-type:disc; list-style-position:outside; padding:0 0 15px 35px;}
ul li {line-height:1.5em; padding-bottom:4px;}
ul li li {line-height:1.5em; padding-bottom:4px; list-style-type:circle;}
ul ul {padding-top:5px}

ol {list-style-type:decimal; list-style-position:outside; padding:0 0 15px 35px;}
ol li {line-height:1.5em; padding-bottom:4px;}
ol li li {line-height:1.5em; padding-bottom:4px; list-style-type:circle;}

.supscript{font-size:xx-small; vertical-align:super;} 
.subscript{font-size:xx-small; vertical-align:sub;} 


/* General Link Styles */

div#id a { color:#fff; text-decoration:none; font-weight:normal; font-size:11px }
div#id a:link { color:#fff; text-decoration:none; font-weight:normal ; font-size:11px}
div#id a:visited { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}
div#id a:hover { color:#fff; text-decoration:underline;font-weight:normal; font-size:11px}
div#id a:active { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}

div#id li a {text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:link {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:visited {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:hover {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}
div#id li a:active {text-decoration: none; font-size: 12px; color: #701512; font-weight:bold}

.classname {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#181B1F; text-decoration:none; font-weight:normal }
a.classname:link { color:#181B1F; text-decoration:none; }
a.classname:visited { color:#181B1F; text-decoration:none;}
a.classname:hover { color:#181B1F; text-decoration:underline;}
a.classname:active { color:#181B1F; text-decoration:none;}

ul#id {text-align: center; list-style: none; margin: 0 auto; padding-right:10px; border:#000 0px solid; }
#id li { float:left; width:210; padding: 0 10px 0 10px; }





/* eFusion margin for autoresponder pages */
.system-message, .system-error-message {margin: 0 18px 18px 18px;}






/* Concrete 5 Login/Registration/Forgot Password Form Styles */	
.ccm-error {color: #f00; font-weight: bold}
ul.ccm-error {font-size: 12px; list-style-type: none; padding: 0px; margin: 0px 0px 30px 0px}
ul.ccm-error li {margin-bottom: 8px}
 
div.ccm-form {width: 300px; margin: 0px auto 0px auto; min-height: 350px}
 
div.ccm-form label {font-size: 14px; color: #333}
div.ccm-form-sub {color: #888; font-size: 12px}
div.ccm-form input.ccm-input-text, div.ccm-form input.uak-text, div.ccm-form input.ccm-input-password {width: 300px; font-size: 18px; color: #444; padding: 1px; margin: 3px 0 3px 0}
div.ccm-form input.ccm-input-openid {background: #fff url(../images/icons/openid.gif) no-repeat scroll 2px 6px; width: 284px; font-size: 18px; color: #444; padding: 4px 4px 4px 20px}
  
input.ccm-input-submit {font-size: 18px;}
div.ccm-button {margin-top: 12px; text-align: right}
 
div.ccm-form hr {margin-top: 5px}
div.ccm-form textarea:focus, div.ccm-form input:focus {border: 2px solid #9FD069;}






/* -------------------------------------- End Web Site Default Styles ---------------------------------- */



/* -------------------------------------- Start Web Site Main Styles ---------------------------------- */
div#wrapper { margin: 0 auto; width:1003px;padding:0px}


/* Header */
div#facebook {text-align:right; background:url(../images/contentback.png) repeat-y; position: absolute; left: 770px;top: 21px}

div#header {text-align:left; background:url(../images/contentback.png) repeat-y; padding:0 43px 0 43px; overflow:hidden; position:relative}
div#logo { float:left; width:345px }
div#ordernow { float:right; width:200px; text-align:right; padding-top:60px; font-size:23px; line-height:23px }
div#ordernowbooks { float:right; width:100px; text-align:right; padding-top:20px;}





/* Nav */
 
div#nav {text-align:left; height:35px; line-height:35px; background:url(../images/nav-back.png) repeat-x; padding:0 43px 0 43px}


ul#nav li a {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}
ul#nav li a:link {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}
ul#nav li a:visited {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}
ul#nav li a:hover {text-decoration: none; font-size: 15px; color: #fff; font-weight:bold}
ul#nav li a:active {text-decoration: none; font-size: 15px; color: #aaa; font-weight:bold}



/* rotatorarea */
div#rotatorarea { background:url(../images/contentback.png) repeat-y;  padding:0 43px 20px 43px; overflow:hidden}
div#rotator { float:left; width:616px; height:294px; overflow:hidden; padding:10px 0 10px 10px; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-bottom: 1px solid #ababab}
div#books { float:right; width:279px; height:294px; overflow: hidden; background:url(../images/rotator-booksback2.jpg)left center no-repeat; padding:10px 10px 10px 0px; border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab}


div#connecting { font-size:25px; line-height:25px; padding-top:15px}
div#connectingSP { font-size:16px; line-height:22px; padding-top:7px; font-weight: bold}


ul#ulbooks { list-style:none; overflow:hidden; margin:0; padding:0}
ul#ulbooks li{ float: left; width:120px; margin-left:17px; margin-top:10px}


div#rotatorarea a { color:#000; text-decoration:none; font-weight:normal; font-size:13px }
div#rotatorarea a:link { color:#000; text-decoration:none; font-weight:normal ; font-size:13px}
div#rotatorarea a:visited { color:#000; text-decoration:none;font-weight:normal; font-size:13px}
div#rotatorarea a:hover { color:#fff; text-decoration:none;font-weight:normal; font-size:13px}
div#rotatorarea a:active { color:#000; text-decoration:none;font-weight:normal; font-size:13px}





/* Content Area */
div#contentarea {text-align:left;background:url(../images/contentback.png) repeat-y;  padding:0 43px 20px 43px; overflow:hidden}

div#contentarea-sub {text-align:left;background:url(../images/contentback.png) repeat-y;  padding:15px 43px 20px 43px; overflow:hidden}

div#mainpane { float: left; width: 600px; background-color: }
div#rightpane { float: right; width: 270px; min-height:500px; background: #d3d3d3 url(../images/rightpane-back.jpg) top repeat-x; text-align:right; padding: 10px }
div#rightpane h3{ font-size:22px; padding-bottom: 25px}
div#rightpane p {padding-bottom: 20px}





/* Footer */
div#footer {text-align:right; background: url(../images/footer-back.png) no-repeat; color:#dacebf; height:100px;  padding:48px 43px 20px 43px}


div#footer a { color:#dacebf; text-decoration:none; font-weight:normal; font-size:13px }
div#footer a:link { color:#dacebf; text-decoration:none; font-weight:normal ; font-size:13px}
div#footer a:visited { color:#dacebf; text-decoration:none;font-weight:normal; font-size:13px}
div#footer a:hover { color:#fff; text-decoration:underline;font-weight:normal; font-size:13px}
div#footer a:active { color:#dacebf; text-decoration:none;font-weight:normal; font-size:13px}

/* -------------------------------------- End Web Site Main Styles ---------------------------------- */




/* individual bible study table */

.tableindbiblestudybooks { width: 400px; margin-bottom: 40px}
.tableindbiblestudybooks td { width: 50%; text-align: center}

table.tableindbiblestudy {width: 700px; text-align: center; margin-bottom: 20px; border: #ccc 1px solid}
table.tableindbiblestudy td { vertical-align: middle; padding: 4px; border: #ccc 1px solid}



/* Old testament page table */

table.bpolt {width: 880px; text-align: left; margin-bottom: 20px; border: #dedede 1px solid}
table.bpolt td { vertical-align: top;width: 33%; padding: 10px; border: #dedede 1px solid}
table.bpolt ul {padding-bottom: 0}


/* New testament page table */

table.bpnt {width: 880px; text-align: left; margin-bottom: 20px; border: #dedede 1px solid}
table.bpnt td { vertical-align: top;width: 33%; padding: 10px; border: #dedede 1px solid}
table.bpnt ul {padding-bottom: 0}


/* Christian Education table */
table.christianedutable {border: #cecece 1px solid; margin-bottom: 25px}
table.christianedutable td {padding: 4px}




/* Contact Form */
#contacttablecont {padding: 15px; background: #f7f7f7;-moz-border-radius: 7px;-webkit-border-radius: 7px; float: right; width: 300px; margin: 0 0 15px 15px}
table.contacttable { margin-bottom: 25px; }
table.contacttable td {margin: 4px; padding: 4px}

table.contacttable input { width: 250px}
table.contacttable textarea { width: 250px}

table.contacttable .cat_dropdown {width: 250px}
table.contacttable .contactsubscribe {width: 30px}
table.contacttable .contactsubmit {width: 90px}


/* Scripture */

p.scripture { text-align: left; padding:15px 0 4px 0; font-style: italic}
p.scriptureref {text-align: right}





/* Testimonials - remove link formatting on name anchors */


.testnameachor {font-size:15px; color:#181B1F; text-decoration:none; font-weight:bold }
a.testnameachor:link { color:#181B1F; text-decoration:none; }
a.testnameachor:visited { color:#181B1F; text-decoration:none;}
a.testnameachor:hover { color:#181B1F; text-decoration:none;}
a.testnameachor:active { color:#181B1F; text-decoration:none;}

.vidlh2 { text-align:center; clear:both}
.vidintro {text-align: center;padding:10px; margin: 0 auto; margin-bottom: 40px; width: 420px; border: 1px solid #D6D6D6;}

ul.vidlul {padding:0; margin: 0; height:400px}
ul.vidlul li {list-style:none; float:left; text-align:center; width:420px; height:350; margin: 5px; padding: 10px; border: 1px solid #D6D6D6; font-weight:bold }