/* CSS Document */

/*Layout Properties*/

* {
margin:0;
padding:0;
}

html {
height:100%;
}

body {
height:100%;
margin:0;
padding:0;
background-image:url(/images/bg_lines.gif);
background-position:top;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;/*sets base font size to use for em based sizing throughout the rest of the page*/
}

body h1{
margin:0 0 .4em 0;
color: #999966;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
}

body h2{
color: #70704b;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
}

body h3, body h4, body p {
font-family:Arial, Helvetica, sans-serif;
}

body h2 a{
color: #70704b;
}

body h2.space{
color: #70704b; /* For Email on contact.asp page */
}

body p{
margin:0 0 7px 0;
padding:0;
}

body p a{
font-weight:bold;
color:#000;
}

body ul li a{
font-weight:bold;
color:#000;
}

#priceChart ul li a {
font-weight:bold;
color:#000;
}

body a{
color:#000;
}

#last{
margin-bottom:-10px;/*helps reduce extra space above footer*/
}

div#container{
background-image:url(/images/bg_content.jpg);
background-position:top center;
background-repeat:repeat-y;
margin:0 auto;
padding:0px;
position:relative;
top:0px;
width:790px;
min-height:100%;
font-size:1.2em;
}

* html #container{
height: 100%;
}

div#branding {
margin:0 auto;
padding:0px;
position:relative;
top:0px;
width:748px;
height:149px;
background:url(/images/brandingBG.png) 0 0 no-repeat;
} 


div#menu {
position:absolute;
top:92px;
left:9px;
margin:0;
height:22px;
width:730px;
}

div#menu div a {
font-size:11px;
color:#FFFFFF;
line-height:21px;
}

.noscriptHTML {
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	height:0;
}


div#content{
position:relative;
width:730px;
margin:0 auto;
padding:0 9px 45px 9px;/*Bottom padding value to keep header from overlapping content*/
overflow:hidden;/*resolves issue of content div not stretching full length on pages w/stacked tables*/
}

div#content p a{
font-weight:bold;
color:#000;
}

div#content p.two_wide{
width:222px; /*Created to help last paragraph on intro.asp page flow correctly*/
}

div#content ul{
margin-bottom:8px;
}

div#content ul li{
margin-left:15px;
list-style:outside;
}

div#content ul li a{
color:#000;
}

div#content .space{
padding-bottom:8px; /*created to put space between divs on intro.asp page*/
}

#home_left{
float:left;
left:0;
width:528px;
}

#home_left div{
padding-bottom:8px;
}

#home_right{
float:right;
right:0;
width:193px;
}

div.generic{
width:100%;
height:auto;
overflow:hidden;/*This will allow the display of the div height to match the height of the longest table inside that div (it also allows the bottom spacer of .8em to show up)*/
}

div.testimonial{
width:730px;
height:auto;
background-image:url(/who/lettersBGart.png);
background-position:center top;
background-repeat:no-repeat;
margin:0 0 9px 0;
padding:0
overflow:hidden;
}

div.testimonial .left{
position:relative;
left:9px;
float:left;
width:342px;
margin:9px 0 0 0;
padding:0;
text-align:left;
}

div.testimonial .right{
position:relative;
right:9px;
float:right;
width:342px;
margin:9px 0 0 0;
padding:0;
text-align:left;
}

div.testimonial .right img, div.testimonial .left img{
position:relative;
margin:0 0 9px 34px;
}

div.testimonial .clear{
clear:both;
height:9px;
margin-top:-9px;
background-image:url(/who/lettersBGart.png);
background-position:center bottom;
background-repeat:no-repeat;
}


<!-- ---------------------------------- TABLE OF COVERS --------------------------------- -->
table.covers{
width:100%;
height:auto;
overflow:hidden;/*Allows div containing cover_row class to display full height*/
border-bottom:1px solid #333333;
margin:20px auto 24px auto;
}

td.cover_row{
text-align:center;
padding-bottom:18px;
}

td.cover_row h2{
margin-top:4px;
}

.cover_row h2 a{
text-decoration:none;
}

#cover_num{
text-align:center;
margin-bottom:1.5em;
}

#cover_image{
width:350px;
height:400px;
float:left;
margin:0 0 0 7em;
}

#cover_info{
width:218px;
float:left;
margin:9em 0 0 0;
text-align:left;
}

#cover_nav{
clear:both;
text-align:center;
margin:2em 0 0 0;
}

div#content h2.new{
font-size:12px;
color:#FFFFFF;
padding:5px;
background-image:url(/dsn/cover/fullColorStock/new.gif);
background-position:center;
background-repeat:no-repeat;
}

<!-- ---------------------------------- END TABLE OF COVERS --------------------------------- -->

.clear{
clear:both;
}


/*begin css to apply to pages that have 1 collumn text and two collumns images*/

.textLeft{
float:left;
left:0px;
width:194px;
height:auto;
}

.ColsRight{
width:527px;
float:right;
right:0px;
background-position:top center;
background-repeat:no-repeat;
margin-bottom:9px;
}

.ColsRightSingle{
width:527px;
float:right;
right:0px;
background-position:top center;
background-repeat:no-repeat;
margin-bottom:9px;
background-position:-269px top ;
}

.blue{
background-image:url(/images/twoColBlueBG.png);
}

.greygreen{
background-image:url(/images/twoColGreyGreenBG.png);
}

.tangreen{
background-image:url(/images/twoColTanGreenBG.png);
}

.green{
background-image:url(/images/twoColGreenBG.png);
}

.grey_blue{
background-image:url(/images/twoColGrey_BlueBG.png);
}

.wide_tan{
background-image:url(/images/wideTanBG.png);
}

.wide_blue{
background-image:url(/images/wideBlueBG.png);
}

.wide_greygreen{
background-image:url(/images/wideGreyGreenBG.png);
}

.ColsRight p{
margin-top:8px;
margin-bottom:0;
}

.threeColLeft{
position:relative;
margin:9px 0 0 0;
width:241px;
float:left;
left:9px;
}

.threeColRight{
position:relative;
margin:9px 0 0 0;
width:241px;
float:right;
right:9px;
}

.threeColWide{
margin:9px 0 0 9px;
width:509px;
}

.ColsRight .clear{
clear:both;
height:9px;
background-position:bottom center;
background-repeat:no-repeat;
}

.ColsRightSingle .clear {
clear:both;
height:9px;
background-position: -269px bottom;
background-repeat:no-repeat;
}

.blue div.clear{
background-image:url(/images/twoColBlueBG.png);
}

.greygreen div.clear{
background-image:url(/images/twoColGreyGreenBG.png);
}

.tangreen div.clear{
background-image:url(/images/twoColTanGreenBG.png);
}

.green div.clear{
background-image:url(/images/twoColGreenBG.png);
}

.grey_blue div.clear{
background-image:url(/images/twoColGrey_BlueBG.png);
}

.wide_tan div.clear{
background-image:url(/images/wideTanBG.png);
}

.wide_blue div.clear{
background-image:url(/images/wideBlueBG.png);
}

.wide_greygreen div.clear{
background-image:url(/images/wideGreyGreenBG.png);
}

/*end css to apply to pages that have 1 collumn text and two collumns images*/

/*begin css to apply to seven reasons page*/
div#seven h2{
position:relative;
float:left;
width:150px;
height:120px;
text-indent:-9999px;
overflow:hidden;
}

div#seven h2#time{
background-image:url(/why/reason_1.jpg);
}

div#seven h2#profit{
background-image:url(/why/reason_2.jpg);
}

div#seven h2#possess{
background-image:url(/why/reason_3.jpg);
}

div#seven h2#niche{
background-image:url(/why/reason_4.jpg);
}

div#seven h2#locality{
background-image:url(/why/reason_5.jpg);
}

div#seven h2#control{
background-image:url(/why/reason_6.jpg);
}

div#seven h2#legacy{
background-image:url(/why/reason_7.jpg);
}

div#seven p{
position:relative;
float:left;
width:450px;
top:.8em;
left:9px;
}
/*end css to apply to seven reasons page*/

/*begin css to apply to price page 2 cols 1 text 1 image*/

.textLeftWide{
float:left;
left:0px;
width:462px;
height:auto;
}

.ColsRightOne{
width:259px;
float:right;
right:0px;
}

table.twoColRight{
width:259px;
right:0px;
float:right;
border:none;
}

div#nextLink {
text-align:right;
}

div#prevLink {
text-align:left;
}

div#priceBack {
text-align:center;
}

table#priceChart{
width:100%;
border-collapse:collapse;
border-width:4px;
border-style:solid;
border-color:#999966;
}

table#priceChart td{
padding:.3em;
border-width:2px;
border-style:solid;
border-color:#999966;
text-align:center;
}

table#priceChart td img{
margin:0 0 -.3em -.3em;
}

table#priceChart td a {
color:#000000;
}


/*end css to apply to price page 2 cols 1 text 1 image*/

/*begin css for order form page*/

div.orderform{
position:relative;
margin:0 auto;
width:500px;
height:auto;
}

div.orderform p{
margin:1em 0 0 0;
}

div.orderform p.option{
font-size:.8em;
margin:-.4em 325px -.8em 0;
}

div.orderform input, select{
margin-right:65px;
}

div.orderform input.button{
margin-right:0px;
width:auto;
}

div.orderform input.formInputText, select.states{
width:250px;
}

div.orderform input.zip{
margin-right:185px;
width:130px;
}

div.orderform span#country{
position:absolute;
right:0;
margin-right:65px;
width:100px;
text-align:center;
background:#9CA285;
padding:.3em;
}

div.orderform p.accepted{
background:#9CA285;
padding:.3em;
width:366px;
margin:1em auto 0em auto;
}

div.orderform input.radio{
position:absolute;
left:0;
margin:.2em 0 0 60px;
}

div.orderform input.books{
width:50px;
}

div.orderform p.bookoption{
font-size:.8em;
margin:-.4em 125px -.8em 0;
}

div.orderform span.label{
position:relative;
margin-right:330px;
}

div.orderform span.how{
position:relative;
float:left;
left:60px;
}

div.orderform span.explain{
position:relative;
margin-right:265px;
}

div.orderform textarea.comments{
background:#EAEAEA;
width:368px;
margin-top:.5em;
}

div.line{
border-bottom:#000000 1px solid;
}

div.right{
text-align:right;
}

div.center{
text-align:center;
}

div.left{
text-align:left;
}

/*end css to apply to order form page*/

/*begin css to apply to contact page and contact form*/
div.contactLeft{
width:260px;
float:left;
}

div.contactRight{
width:461px;
float:right;
}

div.contactRight p{
margin:1em 0 0 0;
}

div.contactRight input, textarea{
width:460px;
}

div.contactRight textarea{
height:10em;
background:#EAEAEA;
}

div.contactRight input.submit{
width:auto;
text-align:center;
}

/*begin css to apply to contact page and contact form*/

/*begin css to apply to sitemap*/

div#sitemap h1{
padding-bottom:.35em;
border-bottom:#000000 1px solid;
}

div#sitemap h2{
margin-top:1em;
}

div#sitemap ul{
margin-left:0;
}

div#sitemap ul ul{
margin-left:1em;
}

div#sitemap li{
margin:.5em 0;
}

div#sitemap li a{
color:#000000;
font-size:1em;
font-weight:bold;
}

/*begin css to apply to sitemap*/


/*begin css to apply to download center*/

.download h2{
margin-bottom:.5em;
}

.download p a img{
vertical-align:middle;
}
/*end css to apply to download center*/

/*begin css to apply to spiritual growth journal page*/
div#spiritual h1{
width:450px;
height:57px;
background-image:url(/journal/sgj_header_01.gif);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

/*begin css to apply to spiritual growth journal page*/


div#content .fourtwotwo_wide{
width:422px;
}

div#footer {
clear:both;
position:relative;
margin:-3.9em auto 0 auto;/*Based on heights of text padding and border plus a bit to avoid auto scroolbar in browser*/
padding:0px;
width:748px;
text-align:center;
border-bottom:#000000 solid .8em;
}

div#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
margin:0px;
padding:1em;
}

div#footer p a{
color:#000000;
}

.bigGreen {
color: #70704b;
font-weight:bold;
font-size:1.1em;
}

.biggerGreen {
color: #999966;
font-weight:bold;
font-size:1.5em;
}

.standard-blue {
color: #0000CC;
font-size: 1em; 
}

.standard-red {
color: #CC0000;
font-size: 1em; 
}

.standard-red-bold {
color: #CC0000;
font-size:1em;
font-weight:bold;
}

.standard-green {
color: #70704b;
font-size: 1em; 
}

.standard-green-bold {
color: #70704b;
font-size: 1em; 
font-weight: bold;
}

.standard-white-bold {
color: #FFFFFF;
font-size: 1em; 
font-weight: bold;
}

.subs {
font-size:.8em;
}

.captcha_alert {
text-align:center;
background-color:#FF9999;
color:#FF0000;
padding:6px;
margin-bottom:10px;
border: #CC0000 1px solid;
}

.captcha_alert h1 {
color:#CC0000;
padding:0;
margin:0;
}

p.fullName {
visibility:hidden;
display:none;
}

.standard-red-bold {
color: #CC0000;
font-size:1em;
font-weight:bold;
}