/* CSS Document */

/* Main */
body{
    margin: 0px;
	padding:0px;
	background-color: #000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	background-position: top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	line-height:17px;
}

a{color:#bbbbbb; text-decoration: none; font-weight:normal;}

a:hover{color:#bbbbbb; text-decoration: underline; font-weight:normal;}

p{margin:0px; margin-bottom: 12px; text-align:left; font-size:15px; line-height:18px; color:#bbbbbb}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: normal;
font-weight: bold;
color: #bbbbbb;
margin: 0px;
padding-bottom: 5px;
text-align: left;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: normal;
color: #bbbbbb;
margin: 0px;
padding: 5px;
text-align: center;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: bold;
color: #bbbbbb;
margin: 0px;
padding: 0px;
text-align: center;
text-transform: capitalize;
}

/* Head */
#head{
width: 100%;
height: 354px;
background-image: url(images/bgTop.jpg);
background-repeat: repeat-x;
background-position: top center;
}

#headMain{
width: 900px;
height: 354px;
background-image: url(images/bgTopContent.jpg);
background-repeat: repeat;
background-position: top center;
padding-left: 10px;
padding-right: 10px;
}

#topBanner{
width: 900px;
height: 300px;
float: left;
}

#menu{
width: 900px;
height: 54px;
float: left;
}


/* Navigation */

#homeBut	{
float:left;
position:relative;
background-image:url(images/navButtons/roll_home.jpg);
background-repeat: no-repeat;
display: block;
width:87px;
height:34px;
margin:0; 
margin-bottom:0px;
padding:0; 
}


#homeBut a {
display:block;
width:87px;
height:34px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}

#homeBut img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

#homeBut a:hover img{visibility:hidden;

}

#aboutBooksBut	{
float:left;
position:relative;
background-image:url(images/navButtons/roll_aboutBooks.jpg);
background-repeat: no-repeat;
display: block;
width:131px;
height:34px;
margin:0; 
margin-bottom:0px;
padding:0; 
}

#aboutBooksBut a {
display:block;
width:131px;
height:34px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}

#aboutBooksBut img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

#aboutBooksBut a:hover img{visibility:hidden;

}

#aboutAuthorBut	{
float:left;
position:relative;
background-image:url(images/navButtons/roll_aboutAuthor.jpg);
background-repeat: no-repeat;
display: block;
width:156px;
height:34px;
margin:0; 
margin-bottom:0px;
padding:0; 
}


#aboutAuthorBut a {
display:block;
width:156px;
height:34px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}

#aboutAuthorBut img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

#aboutAuthorBut a:hover img{visibility:hidden;

}

#newsBut	{
float:left;
position:relative;
background-image:url(images/navButtons/roll_news.jpg);
background-repeat: no-repeat;
display: block;
width:81px;
height:34px;
margin:0; 
margin-bottom:0px;
padding:0; 
}

#newsBut a {
display:block;
width:81px;
height:34px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}

#newsBut img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

#newsBut a:hover img{visibility:hidden;

}

#praiseBut	{
float:left;
position:relative;
background-image:url(images/navButtons/roll_praise.jpg);
background-repeat: no-repeat;
display: block;
width:88px;
height:34px;
margin:0; 
margin-bottom:0px;
padding:0; 
}

#praiseBut a {
display:block;
width:88px;
height:34px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}

#praiseBut img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

#praiseBut a:hover img{visibility:hidden;

}

#BBworldBut	{
float:left;
position:relative;
background-image:url(images/navButtons/roll_BBworld.jpg);
background-repeat: no-repeat;
display: block;
width:279px;
height:34px;
margin:0; 
margin-bottom:0px;
padding:0; 
}

#BBworldBut a {
display:block;
width:279px;
height:34px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}

#BBworldBut img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

#BBworldBut a:hover img{visibility:hidden;

}

#linksBut	{
float:left;
position:relative;
background-image:url(images/navButtons/roll_links.jpg);
background-repeat: no-repeat;
display: block;
width:78px;
height:34px;
margin:0; 
margin-bottom:0px;
padding:0; 
}

#linksBut a {
display:block;
width:78px;
height:34px;
float: left;
margin: 0;
padding: 0;
text-decoration: none; 
}

#linksBut img {width: 100%; height: 100%; border: 0; }

* html a:hover {visibility:visible}

#linksBut a:hover img{visibility:hidden;

}


/* Sub Menu */

.subMenu{
width: 900px;
height: auto;
float: left;
padding-bottom: 20px;
line-height:25px;
}

ul.submenu {
	margin: 0;
	padding: 0;
	bottom: 0;
	}

ul.submenu li {
	display: inline;
	margin: 10px 0 10px 0;
	padding: 15px 0 15px 0;
	bottom: 0;
	}

ul.submenu,

ul.submenu li a, ul.submenu li a:visited, ul.submenu li a:active  { 
	padding: 16px 6px 16px 6px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #bbbbbb;
	text-decoration: none;
	text-transform: capitalize;
	}

ul.submenu li a:hover {
	background-color:#bbbbbb;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-transform: capitalize;
	padding: 6px 6px 6px 6px;
} 


/* Content */
#main{
width: 900px;
height: auto;
background-image: url(images/bgContent.jpg);
background-repeat: repeat;
background-position: top center;
padding-left: 10px;
padding-right: 10px;
}

#content{
width: 900px;
height: auto;
}

.contentMainTitle{
width: 900px;
height: auto;
float: left;
}

.leftContent{
width: 540px;
height: auto;
float: left;
padding-right: 20px;
}

.leftContentTitle{
width: 540px;
height: 53px;
float: left;
}

.leftContentInfo{
width: 540px;
height: auto;
float: left;
text-align: left;
}

.rightContent{
width: 340px;
height: auto;
float: left;
}

.rightContentTitle{
width: 340px;
height: 53px;
float: left;
}

.rightContentInfo{
width: 330px;
height: auto;
float: left;
text-align: left;
padding-left: 5px;
padding-right: 5px;
}

.rightContentNews{
width: 330px;
height: auto;
float: left;
text-align: left;
overflow: hidden;
}
.newsListing{
width: 340px;
height: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#bbbbbb;
line-height:13px;
}

.video{
width: 540px;
height: 384px;
float: left;
text-align: center;
background-image: url(images/videoBG.jpg);
background-repeat: no-repeat;
background-position: top center;
padding-top: 36px;
}


/* Audio Player */

.audioPlayer{
width: 330px;
height: 104px;
float: left;
padding-bottom: 15px;
}

.audioPlayerTitle{
width: 330px;
height: 49px;
float: left;
}

.audioPlayerSWF{
width: 330px;
height: 55px;
float: left;
}


/* Index Lemur NY Times Area */

.nyTimesSection{
width: 673px;
height: auto;
float: left;
padding-top: 40px;
padding-left: 227px;
text-align: center;
}

.nyTimes{
width: 446px;
height: 200px;
float: left;
}

.nyTimesLeft{
width: 266px;
height: 200px;
float: left;
text-align: center;
}

.nyTimesLeft p {
text-align: center;
padding-top: 3px;
}

.nyTimesRight{
width: 180px;
height: 200px;
float: left;
}

.pdfButton{
width: 540px;
height: 60px;
float: left;
padding-bottom: 7px;
}

.authorImage{
width: 260px;
height: 390px;
float: left;
padding-right: 14px;
padding-bottom: 30px;
padding-top: 1px;
}

.bookDetailsleft{
width: 130px;
padding-right: 25px;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#bbbbbb;
line-height:14px;
padding-bottom: 20px;
}

.bookDetailsright{
width: 160px;
padding-right: 5px;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#bbbbbb;
line-height:14px;
padding-bottom: 20px;
}

.praiseRow{
width: 900px;
height: auto;
float: left;
}

.praise{
width: 450px;
height: auto;
float: left;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#bbbbbb;
line-height:16px;
}

.praiseWide{
width: 550px;
height: auto;
float: left;
padding-left: 165px;
padding-bottom: 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#bbbbbb;
line-height:16px;
}

.praiseHeader{
width: 900px;
height: auto;
float: left;
padding-top: 15px;
padding-bottom: 30px;
}

.praiseHeader p{
text-align: center;
font-size: 10px;
padding-top: 3px;
}

.link{
width: 900px;
height: auto;
float: left;
text-align: center;
padding-bottom: 7px;
}

.link a{ font-size: 14px; color:#bbbbbb; text-decoration: none; font-weight:bold; }

.link a:hover{  font-size: 14px; color:#bbbbbb; text-decoration: underline; font-weight:bold; }


/* Small Book Links For other books */

.otherBooksArea{
width: 870px;
height: auto;
float: left;
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
}

.otherBooksRow{
width: 870px;
height: auto;
float: left;
}

.otherBook{
width: 135px;
height: auto;
float: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
}

.otherBookCover{
width: 135px;
height: auto;
float: left;
}

.otherBookCover a img{padding: 4px;}

.otherBookCover a:hover img{padding: 4px; background-color: #fff;}

.otherBookTitle{
width: 135px;
height: auto;
float: left;
}


/* Footer */

#footer{
width: 900px;
height: auto;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #bbbbbb;
clear: both;
padding-top: 30px;
}

#footerContentTop{
width: 900px;
height: 13px;
float: left;
}

#footerContentMiddle{
width: 900px;
height: auto;
float: left;
background-image: url(images/footer/footerBGrepeat.jpg);
background-repeat: repeat;
background-position: top center;
}

#footerContentBottom{
width: 900px;
height: 13px;
float: left;
padding-bottom: 20px;
}

.footerContent{
width: 860px;
height: auto;
float: left;
padding-left: 20px;
padding-right: 20px;
}

#footerContentLeft{
width: 600px;
height: auto;
float: left;
}

#footerContentRight{
width: 260px;
height: auto;
float: left;
text-align: right;
}

#footerMenu{
width: 600px;
height: 24px;
float: left;
padding-top: 3px;
}

.footerMenuBut{
width: auto;
height: 24px;
float: left;
}

.iconBut{
width: 30px;
height: 30px;
float: right;
padding-left: 5px;
padding-top: 3px;
padding-right: 2px;
}

.publisherLogos{
width: 166px;
float: left;
text-align: left;
padding-top: 5px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 3px;
}

.copyright{
width: 424px;
float: left;
text-align: left;
padding-top: 11px;
padding-left: 2px;
padding-bottom: 3px;
}

.ddLink{
width: 258px;
float: left;
text-align: right;
padding-top: 11px;
padding-right: 2px;
padding-bottom: 3px;
}