/* CSS Document */

body {

	padding:0;

	margin:0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	background-image:url(images/bible_bg.gif);

}



a {
	color: #549ED6;
	text-decoration: none;
}

a:hover { text-decoration: underline;
}

p {

	margin-top: 0;

	margin-bottom: 0;

}

#container {

	margin:0 auto 0 auto;
/*  width needs to be 990px to do ads, 858 without ads
*/
	width:858px;
}


#container-left {

	width:858px;

	/* float:left; */  /* <-- This will have to be put back in to do side ads,
								but it makes the Cafepress logo apear to the right side. */

	background-image:url(images/main_container.gif);

	background-repeat:repeat-y;

	padding:0 0px 0 0px;

	overflow:hidden;

}


#header {

	width:858px;

	height:171px;

	background-image:url(images/menu_top.jpg);

	background-repeat:no-repeat;

}

#buttonbar {

	width:858px;

	height:42px;

	background-image:url(images/button_bar.gif);

	background-repeat:no-repeat;
	
	/* top, right, bottom, left */
	padding:0 0 0 21px;
	
	overflow:hidden;

}

#menubottom {

	width:858px;

	height:12px;

	background-image:url(images/menu_bottom.jpg);

	background-repeat:no-repeat;

}




#content-left {

	width:858px;

	float:left;

	margin:0 10px 0 0;
	
	line-height: 150%


}


#pageselect {
	
	/* top, right, bottom, left */
	padding:0px 0px 0px 20px;
	
}


#largetop {

	padding-top:14px;
	
	background:url(images/top_long.gif) top no-repeat;
}

#blackbox {

	color:#606062;

	background-image:url(images/middle_large.gif);

	background-repeat:repeat-y;

	/* top, right, bottom, left */
	padding:0 0 0 21px;

}




#boxheadertop {
	
	/* top, right, bottom, left */
	padding:6px 0 0 0px;
	
	background:url(images/boxheadertop2.gif) left no-repeat;
	
}
	
	

#boxheader {

	background-color:#202020;
	
	margin-bottom:0px;

	width:800px;

	/* top, right, bottom, left */
	padding:0px 8px 0px 8px;

}


h2.title {
	margin: 0px;
	padding: 10px 15px 0px 15px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1em;
	font-size: 1.6em;
}

h2.title a {
	/* color: #333333; */
	text-decoration: none;
}

h2.title a:hover { text-decoration: underline;
}

small.title {
	margin: -10px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	font-size: 0.9em;
/*
	color: #777777;
*/
}



#whitebox {

	background-color:#FFFFFF;

	width:800px;

	/* top, right, bottom, left */
	padding:8px 8px 8px 8px;

}


/* not used anymore */
#whiteboxvertical {

	background-color:#FFFFFF;

	width:816px;

	/* top, right, bottom, left */
	padding:0px 0px 0px 0px;

}



div.figure {
	float:left;

  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.figure p {
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}


#whitebottom {
	
	/* top, right, bottom, left */
	padding:6px 0 0 0px;
	
	background:url(images/whitebottom.gif) left no-repeat;
	
}


#spacebetweenwhiteboxes {
	
	width:800px;
	
	/* padding: 0 0 10px 0; */
	
	height:10px;

}


#largebottom {

	width:858px;

	height:23px;

	background-image:url(images/bottom_long.gif);

	background-repeat:no-repeat;
}


#container-right {

	width:121px;

	float:left;

	padding:0 0 0 10px;

	overflow:hidden;

}