/* general definations*/
html {
width: 100%;
height: 100%;
margin:0px;
padding:0px;
}

body{
background-image:url(../images/bg1.jpg);
background-repeat:repeat-x;
width:100%;
height:100%;
margin:0px;
padding:0px;
}



/* Layout Contents*/
#container{
width:1024px;
height:500px;
_height:500px;
min-height:500px;
margin:0px auto 0px;

}

#maindiv{
width:837px;
margin:0px auto 0px;
overflow:hidden;
}


/* top header*/
#top-header{
width:838px;
height:126px;
float:left;
}

#top-header .right{
width:190px;
height:126px;
float:right
}

.logo{
float:left;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
width:414px;
height:96px;
margin-top:25px;
margin-left:10px;
}

.top-links{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#8c7f20;
width: 190px;
height: 20px;
margin:75px 0px 0px 0px;
float:left;
}

.top-links a{
width: 95px;
height: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#8c7f20;
float:left;
text-decoration:none;
text-align:center;
}

.top-links a:hover{
width: 95px;
height: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ef9d15;
float:left;
text-decoration:none;
text-align:center;
}

.fontbg{
background-image:url(../images/font-size_bg.gif);
background-repeat:no-repeat;
float:right;
width:70px;
height:18px;
margin:3px 0px 0px 0px;
padding:3px 0px 3px 90px;
}

.increase-font{
float:left;
background-repeat:no-repeat;
background-image:url(../images/+but.gif);
width:17px;
height:15px;
}

.deccrease-font{
float:left;
background-repeat:no-repeat;
background-image:url(../images/_but.gif);
width:17px;
height:15px;
margin-left:5px;
}


/*Banner*/
#header{
float:left;
clear:both;
background-image:url(../images/main_header.jpg);
background-repeat:no-repeat;
width:837px;
height:227px;
}


/* Menu */
#menudiv{
width:812px;
height:37px;
float:left;
clear:both;
padding:0px 12px 0px 13px;
margin:0px 0px 0px 0px;
overflow:hidden;

}

#menu{
background-image:url(../images/menu.jpg);
background-repeat:no-repeat;
float:left;
clear:both;
width:812px;
height:37px;
overflow:hidden;
}

#menu ul{
float:left;
width:800px;
height:37px;
margin:0px;
padding:0px;
list-style:none;
}

#menu  ul li{
padding-left:40px;
float:left;
list-style:none;
}

#menu  li a{
padding-left:30px;
font-weight:bold;
background-image:url(../images/icon.jpg);
background-repeat:no-repeat;
background-position:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
color:#4d4846;
font-size:12px;
text-decoration:none;
line-height:37px;
text-align:center;
list-style:none;
}

#menu li a:hover{
padding-left:30px;
font-weight:bold;
background-image:url(../images/arrow_over.jpg);
background-repeat:no-repeat;
background-position:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
color:#d35815;
font-size:12px;
text-decoration:none;
text-align:center;
line-height:37px;
list-style:none;
}

/* Welcome text */
.welocomebox{
width:795px;
height:212px;
float:left;
margin:31px 0px 0px 25px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#343130;
margin:0px;
padding:0px;
font-weight:normal;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#343130;
margin:0px;
padding:0px;
font-weight:normal;
}

.weltext p{
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:12px;
color:#262626;
margin:0px;
padding:0px;
font-weight:normal;
text-align:justify;
line-height:20px;
}

.fontorg{
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-weight:normal;
font-size:22px;
color:#f2b53f;
margin:0px;
padding:0px;
}

.weltext{
width:793px;
height:102px;
float:left;
line-height:29px;
margin:5px 0px 0px 0px;
}

.headingdiv{
width:793px;
height:102px;
float:left;
}

.headingdiv .lefttitle{
width:518px;
height:53px;
float:left;
margin:30px 0px 0px 0px;
}

.readmore-bt{
width:123px;
height:32px;
float:right;
background-image:url(../images/readbut.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:15px;
text-align:center;
color:#000;
line-height:32px;
cursor:pointer;
margin:40px 0px 0px 0px;
}

.readmore-bt a{
width:123px;
height:32px;
float:right;
background-image:url(../images/readbut.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:15px;
text-align:center;
color:#000;
line-height:32px;
cursor:pointer;
text-decoration:none;
}

.readmore-bt a:hover{
width:123px;
height:32px;
float:right;
background-image:url(../images/read_over.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:15px;
text-align:center;
color:#000;
line-height:32px;
text-decoration:none;
}



/* Bottom Box */
.bottom-box{
width:813px;
height:349px;
float:left;
clear:both;
margin:50px 0px 0px 10px;
border:1px solid #ecde6e;
}

.bottom-box .left-column{
width:160px;
height:349px;
float:left;
border-right:1px solid #ecde6e;
background-color:#fcf5be;
padding:0px 20px 0px 20px;
}

.bottom-box .right-column{
width:188px;
height:349px;
float:left;
background-color:#fcf5be;
padding:0px 0px 0px 22px;
}

.bottom-box .mid-column{
width:400px;
height:349px;;
float:left;
border-right:1px solid #ecde6e;
background-color:#fcf5be;
overflow:hidden;
}


/* Author Box */
.authorbox{
width:156px;
height:317px;;
float:left;
margin:14px 0px 0px 0px;
}

h3{
margin:0px;
padding:0px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#1d1b1b;
}

h5{
float:left;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#146095;
font-weight:bold;
text-align:center;
margin:0px;
padding:0px;
}


.img-auhthor{
float:left;
clear:both;
margin:18px 0px 0px 3px;
background-image:url(../images/image2.jpg);
background-repeat:no-repeat;
width:147px;
height:204px;
}

.authortxt{
width:156px;
height:40px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:11px;
color:#000;
text-align:justify;
text-decoration:none;
margin:10px 0px 0px 0px;
}

.readmore-link{
width:156px;
height:20px;
float:left;
}

.readmore-link a{
padding:0px 10px 0px 70px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:11px;
font-weight:bold;
color:#000;
text-decoration:none;
text-align:left;
background-image:url(../images/read-more-arrow.jpg);
background-repeat:no-repeat;
background-position:center right;
}

.readmore-link a:hover{
padding:0px 10px 0px 70px;
padding-left:70px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:11px;
font-weight:bold;
color:#d35815;
text-decoration:none;
text-align:left;
background-image:url(../images/read-more-arrow.jpg);
background-repeat:no-repeat;
background-position:center right;
}

.clear{
clear:both;
}


/* Video Box */
.videobox{
width:292px;
height:317px;
float:left;
margin:14px 0px 0px 0px;
padding:0px 0px 0px 35px;

}

.video{
float:left;
clear:both;
background-image:url(../images/movie.jpg);
width:326px;
height:255px;
margin-top:0px;
}


/* Book Box */
.bookbox{
width:165px;
height:317px;;
float:left;
margin:14px 0px 0px 0px;
}

.bookimg{
float:left;
clear:both;
margin:20px 0px 18px 6px;
background-image:url(../images/book2.jpg);
background-repeat:no-repeat;
width:147px;
height:237px;
}



/* Footer */
#footer{
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
width:833px;
height:36px;
float:left;
clear:both;
color:#fff;
text-align:center;
line-height:36px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:10px 0px 0px 0px;
}

.footerlinks{
width:833px;
height:36px;
float:left;
}


.footerlinks a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-top:8px;
text-align:center;
text-decoration:none;
font-weight:normal;
}

.footerlinks a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
font-weight:normal;
}


.copyright{
width:833px;
height:36px;
float:left;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:11px;
color:#000;
text-decoration:none;
text-align:center;
line-height:36px;
}





/* Contents Layout for Inner Pages*/

#contents{
width:795px;
float:left;
clear:both;
padding:10px 20px 0px 20px;
}

#subheader{
width:837px;
height:200px;
float:left;
clear:left;
}

.title{
width:500px;
height:40px;
float:left;
clear:both;
}

h4{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#000;
text-decoration:underline;
}

p{
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:12px;
color:#262626;
margin:0px;
padding:0px;
font-weight:normal;
text-align:justify;
line-height:25px;
}

/* Reader Reviews */

.comment-box{
width:800px;
float:left;
clear:both;
background-color:#FFFFFF;
margin:10px 0px 0px 0px;
padding:7px 7px 7px 0px;
}

.divider{
width:800px;
float:left;
clear:both;
border-bottom:2px solid #e8e2b3;
margin:5px 0px 5px 0px;
}

.reader-detail{
width:600px;
float:right;
clear:both;
margin:10px 0px 0px 0px;
text-align:right;
}

.fontcomments{
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-weight:normal;
font-size:14px;
color:#000;
font-weight:bold;
}

/* Meet Suzzane Roberts */

h6{
margin:0px;
padding:0px;
float:left;
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#e1641d;
}



.contentsdiv{
width:800px;
float:left;
clear:both;
background-color:#FFFFFF;
margin:5px 0px 0px 0px;
padding:7px 7px 7px 0px;
}

.picbox{
width:147px;
float:left;
}

.suzannepic{
width:147px;
height:204px;
float:left;
margin:7px 0px 0px 0px;
}

.namediv{
width:147px;
height:20;
clear:both;
float:left;
margin:2px 0px 0px 0px;
}

.namediv a{
width:147px;
height:20;
clear:both;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:underline;
text-align:center;
font-weight:bold;
}

.namediv a:hover{
width:147px;
height:20;
clear:both;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e1641d;
text-decoration:none;
text-align:center;
font-weight:bold;
}



.contentsdiv .picleft{
width:605px;
float:left;
clear:both;
margin:0px 20px 0px 0px;
}


/* Coping Skills */

.headings{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#ec8000;
margin:0px;
padding:0px;
font-weight:bold;
}

.sub-headings{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#343130;
margin:0px;
padding:0px;
}

.main-heading{
width:800px;
text-align:left;
color:000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
margin:10px 0px 20px 0px;
padding:0px;
font-weight:bold;
}


/*Book Store */

.fontorgbold{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#ec8000;
margin:0px;
padding:0px;
font-weight:bold;
}

.fontblackbold{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
margin:0px;
padding:0px;
font-weight:bold;
}



.contentsdiv ul{
list-style:none;

}

.contentsdiv li{
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
list-style:none;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
padding-left:20px;
line-height:17px;
}

.contentsdiv .picright{
width:610px;
float:left;
margin:10px 0px 0px 20px;
}

a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#e98711;
text-align:left;
text-decoration:underline
}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
text-decoration:none;
}


.orderdiv{
width:330px;
height:100px;
float:left;
clear:both;
margin:2px 0px 0px 100px;
padding-left:150px;
}

.amazane{
background-image:url(../images/img_amazane.gif);
background-repeat:no-repeat;
width:130px;
height:60px;
margin:0px 0px 0px 15px;
}


.bt-order {
background-image:url(../images/order_bt.gif);
background-repeat:no-repeat;
width:161px;
height:25px;
text-align:center;
line-height:20px;
margin:20px 0px 0px 0px;
}

.bt-order a{
width:161px;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:12px;
color:#fff;
text-align:center;
line-height:20px;
text-decoration:none;
font-weight:bold;
}

.bt-order a:hover{
width:161px;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif, "Arial Black";
font-size:12px;
color:#000;
text-align:center;
line-height:20px;
text-decoration:none;
font-weight:bold;
}


.orderform{
width:600px;

margin:0px auto 0px;
}

.fontwhite{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#fff;
margin:0px;
padding:0px;
font-weight:bold;
text-align:center;
}


/*Articles */
.article{
width:800px;
height:40px;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
text-align:center;
}

.sub-article{
width:300px;
height:15px;
float:left;
clear:both;
margin:0px 0px 0px 20px;
text-align:center;
}

.articlelinks{
width:600px;
float:left;
clear:both;
}

.sitelink{
width:600px;
height:30px;
margin:0px auto 0px;
text-align:center;
margin-top:10px;
font-weight:bold;
}