/* CSS Document */

/***************** Site-Wide Style definitions *****************************/
html {
	}
	
body {
	margin: 0px;
	padding-top: 0 0 25px;
	/* background: url(/siteimages/bkgd.jpg) top left repeat-x; */
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	}

.indent {
	margin-left: 2em;
}

img {
	border: none;
}
	
/***************** Page Layout Structure *****************************/


#wrapper {
	margin: 20px auto 0px;
	padding: 0;
	border: 1px solid #aaa;
	width: 900px;
	background-color: #faf7ff;
}

#contact #wrapper {
}

#contact #wrapper #top {
	margin: 45px;
}

#contact #wrapper #top p {
	margin: 20px 0 0 0;
}

#contact div#contactaddresses {
	width: 480px;
	margin: 40px 0 30px 20px;
	border-top: 2px solid #ccc;
}


#topnavbar {
	text-align: center;
	padding: 0;
	margin: 0;
}

#columnbkgd {
	margin: 0;
	padding: 15px 0 0 0;
	clear: both;
	background: transparent;
}

#maincontent {
	/*background: url(../images/tffg20.gif) top center repeat-y;*/
	width: 675px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}

#rightbox {
	width: 185px;
	margin: 0 0 20px 705px;
	padding: 0;
	/*height: 100%;*/
	}

#footer {
	border: none;
	border-top: 1px solid #ccc;
	color: #666;
	background: #ddf;
	padding: 5px 7px 7px 10px;
	clear: both;
	}

/****************** General Typography ******************/

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.title {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6	{
	font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #06d;
	}
	
h1	{
	font-size: xx-large;
	text-align: center;
	font-weight: bold;
	}

h2	{
	font-size: x-large;
	text-align: center;
	font-weight: bold;
	}
	
h2.title	{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: x-large;
	text-align: center;
	font-weight: bold;
	}
	
h3	{
	font-size: x-large;
	font-weight: bold;
	}
	
h4	{
	font-size: 130%;
	margin-top: 1em;
	margin-bottom: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	padding: 5px 0 5px 15px;
	/* background-color: rgb(140,108,208);
	color: yellow; */
	}
	
h5 {
	font-size: large;
	text-align: center;
	font-weight: bold;
	}

h6 { /*use for subheads */
	font-size: medium;
	font-weight: bold;
	margin: 0;
	}
	
	
p, li	{
	line-height: 130%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
a {
	color: #03c;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	font-weight: bold;
	text-decoration: underline;
	}
	
#maincontent p {
	/* clear: both; */
	padding-left: 1em;
	}
	
/***************** Header/Top Nav Styles *****************************/

#header {
	text-align: center;
	background-color: #0134cd;
}

#topnavbar ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#topnavbar ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
	
#topnavbar ul li a {
	color: #002;
	width: 188px;
	border-top: 1px solid #003;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-right: none;
	padding: 3px 0 3px 0;
	margin: 0;
	text-decoration: none;
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: small;   
	}
	
#topnavbar ul li#one a {
	border-left: none;
	}
	
#topnavbar ul li#three a	{
	width: 143px;
	}
	
#topnavbar ul li a:hover {
	color: #fff;
	background: #006;
	}

#topnavbar a:active	{
	background: #006;
	color: #fff;
	}

body#home #topnavbar li#one a, 
body#article #topnavbar li#two a,
body#read #topnavbar li#two a,
body#books #topnavbar li#two a,
body#listen #topnavbar li#three a,
body#about #topnavbar li#four a,
body#contact #topnavbar li#five a {
	background: #ddf;
	border: 1px solid #aaa;
	border-right: none;
	color: #002;
	font-weight: bold;
	}

/* *************** Right-Nav Styles ******************* */

div#rightbox {
	/*font-size: 90%*/
}

div#rightbox p {
	line-height: 1.4em;
	margin-bottom: 1em;
	}
	
div#rightbox a {
	text-decoration: none;
	}
	
div#rightbox a:hover {
	text-decoration: underline;
	}
	
div#rightbox ul {
	list-style: square outside;
	padding: 0;
	margin: 0 0 0 1.5em;
	}
	
div#rightbox ul ul {
	padding: 0;
	list-style: square outside;
	margin: 0 0 0 1em;
	}
	
div#rightbox li {
	list-style: square outside;
	margin: 0 0 .5em;
	}
	
.pullquote {
	margin-bottom: 2em;
	background: #ddf;
	color: #000;
	line-height: 200%;
	padding: .5em;
	border-bottom: 2px solid #006;
	font-weight: bold;
	}
		
#google span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	margin: 0;
	padding: 0;
	}
	
div#google {
	border-bottom: 1px solid #006;
	margin: 5px 0 15px;
	}

#google form {
  margin: 5px 0 5px;
}

#google label {
	font-size: 80%;
	display: block;
	font-weight: bold;
	text-align: left;
	margin: 3px 0 5px 0;
	}
	
#google form img {
	margin: 5px auto 10px;
	display: none;
	width: 125px;
	height: 30px;
	}

#google a {
	font-size: xx-small;
	margin: 0;
	padding: 0;
	}
	
#biblesearch	{
	background: #ddf;
	border-top: 3px solid #006;
	padding: 0 0 10px 0;
	margin-top: 30px;
	}

#biblesearch p {
	text-align: center;
	font: small bold Arial, Helvetica, sans-serif;
	}

#biblesearch p a{
	margin: 0;
	display: block;
	font-size: small;
	}
	
#biblesearch form {
	 text-align: center;
	 margin: 0 0 10px 0;
	}

#biblesearch span {
	margin: 0 20px;
	font-size: xx-small;
	text-align: center;
	}
	
#biblesearch .lang {
	margin: 0;
	font-size: xx-small;
	}

#biblesearch .radio {
	clear: left;
	}
	
#radioshow {
	padding: 5px;
	}

#radioshow span {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 5px 0 0 0;
	}
	
#radioshow img {
	float: left;
	border: 1px solid black;
	margin: 5px 5px 0 0;
	width: 60px;
	}

#cart	h6 {
	font-size: 100%;
	text-align: center;
	margin: 10px 0 5px 0;
}
	
#cart form {
	text-align: center;
}	

/***************** Footer Styles *****************************/

#footer {
	font-size: 80%;
	text-align: center;
}

#footer ul	{
	margin: 5px 0 0 0;
	padding: 0;
	}
	
#footer li	{
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
	text-align: left;
	border: 0;
	}	

.audiolink a{
	display: block;
	}
	
.audiolink h6 {
	font-size: medium;
	}

/****************** Home Page Styles******************/

#home li {
	margin-bottom: 0.5em;
}

#home h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#home h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 125%;
}

/****************** Articles Page Styles******************/

#article h1 {
	font: bold 160% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

#article h2 {
	font: bold 160% serif;
}

#article h3 {
	font: bold 160% serif;
	text-align: center;
}

#article h4.subtitle {
	font: bold 120% "MS Serif", "New York", serif;
}

#article h5 {
	font-size: 100%;
	text-align: center;
}

#article div#articlemenu {
  float: left;
	margin: 0 1em 1em 0;
	width: 12em;
}

#article #wrapper #maincontent p {
  clear: none !important;
}

/***************** Book Display Page Styles *****************************/


#bookimage {
	float: left;
	margin: 0 10px;
	}

#bookimage form {
	clear:left;
	margin: 0 0 0 30px;
	padding: inherit;
	}
	
#bookimage img {
	float: left;
	margin: 0 10px 10px 10px;
	padding: inherit;
	}
	
#books form.add {
	float:right;
	margin-left: 15px;
	}

#books h4 {
	font-size: 120%;
	letter-spacing: normal;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
	}
	
#books p {
	clear: none;
	}
	
/****************** Contact Page ******************/

dl#contactways	{
	margin: 0;
	}
	
dl#contactways dt	{
	font: small Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0;
	}

dl#contactways ul {
	list-style: none;
}

/****************** Misc ******************/

.emphasis {
	padding: 0;
	background: #ddf;
	border: 1px dotted #006;
	color: #003;
	width: 90%;
	margin: 20px auto 30px;
}

#maincontent .emphasis h3, #maincontent .emphasis p {text-align: center; clear: none;}
.emphasis h3 {margin: 0; padding: 0; font-size: 1.6em;}
.emphasis .underhead {margin-top: 0; font-size: 0.8em;}


#read div#maincontent p.booktitle, #read div#maincontent p.bookauthor {
  text-align: center;
	margin: 0;
	padding: 0;
}

#read div#maincontent p.bookauthor {
  font-weight: bold;
	font-size: 80%;
	margin: 5px 0;
}

#read div#maincontent div.bookdiv {
  width: 140px;
	height: 240px;
	float: left;
	clear:none;
	text-align:center;
	margin: 0 5px 10px 0;
}

#read div#maincontent div.bookdiv img {
  display: block;
	text-align: center;
	margin: 0 auto;
}

p.navbook {text-align: center;}
p.navbook a img {padding: 1em; border: 1px dotted #ddd;}