/**************************** MAINE STYLESHEET ****************************/

html {width: auto;}

body {	
	width: auto;
	margin: 0px auto 0 auto;

	text-align: -moz-center;
	* text-align: center;

	background: #fff;

	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
	color: #333;

	background-image: url(images/header-main-desert.jpg);
	background-repeat: repeat-x;
	background-position: top center;

}

a:link {color: #39498E; text-decoration: none;}
a:visited {color: #39498E; text-decoration: none;}
a:hover {color: #839FF2;text-decoration: underline;}

.clearfloats {clear: both;}

p {line-height: 20px;}

p {margin: 0 0 15px 0;}

p.right {text-align: right;}

h1 {font-size: 18px; font-weight: normal; color: #39498E; margin: 0px 0px 15px 0px;}

h2 {font-size: 13px; font-weight: bold; color: #39498E; margin: 0px 0px 15px 0px;}

h3 {font-size: 12px; font-weight: bold; color: #39498E; margin: 0px 0px 15px 0px;}

p.nobreak, h1.nobreak, h2.nobreak, h3.nobreak {margin-bottom: 0px;}

img.periocover {border: 1px solid #000;}

#pad10 {padding:10px;}
.pad10 {padding:10px;}

p.firefox-break {margin-bottom: -15px; * display: none;}



/**************************** START HEADER ELEMENTS ****************************/

#header1 {
	width: 970px;
	height: 55px;
	background: #fff;
	margin: 0px;
	background-image: url(images/header-logo.jpg);
	background-repeat: no-repeat;
}

#top-left {
	float: left;
	height: 55px;
	width: 760px;
	margin: 0px;
	text-align: left;
}

#top-left img {margin: 0px; width: 740px; height: 50px;}

/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#top-left {width: 740px;}
}

#top-right {
	float: left;
	height: 55px;
	text-align: left;
	margin: 0px;
}

#top-links {
	height: 15px;
	font-size: 11px;
	color: #316594;
	margin: 10px 0 2px 0;
}


/* safari 3 or earlier only hack */
html[xmlns*=""] body:last-child #top-links {margin: 12px 0px -12px 0px;}


#top-links a:link {color: #316594; text-decoration: none;}
#top-links a:visited {color: #316594; text-decoration: none;}
#top-links a:hover {color: #316594; text-decoration: underline;}

#search { height: 20px; text-align: left; margin: 0px 0px 5px 0px; }

#search-box { float: left; height: 20px; margin: 0 1px 0 0; }

#search-go { float: left; height: 20px; width: 25px; margin: 1px 0 0 2px; }

#header-print {display: none;}

#header2 { width: 970px; height: 205px; margin: 0px;}

#tagline1 {
	float: left;
	text-align: left;
	width: 260px;
	height: 100%;
	margin: 0px;

	font-size: 13px;
	font-weight: bold;
	color: #39498E;
}

.padding-tagline1 {padding: 35px 5px 0 50px;}

.padding-tagline1 a:link { }

#promo {
	float: left;
	width: 400px;
	margin: 0px;
	padding-top: 12px;
	text-align: left;
}

#tagline2 {
	float: left;
	text-align: left;
	width: 310px;
	height: 100%;
	margin: 0px;

	font-size: 13px;
	font-weight: bold;
	color: #39498E;
}

.padding-tagline2 {padding: 110px 0px 0px 15px;}

.padding-tagline2 a:link { }

.tag-mbe {margin-top: 0px; font-size: 12px; font-weight: bold; text-align: right;}

/**************************** START BODY and MAIN COLUMN ****************************/

#columnholder {
	clear: both;
	width: 970px;
	_width: 975px;
	background: none;
}

#columnholder-footer {* display: none;}
#columnholder-footer {clear: both; width: 100%; height: 1px; background: #fff;}

#columnholder-footer, #columnholder {
	background-image: url(images/bg-article.jpg);
	background-repeat: repeat-y;
}

#column-main {
	float: left;
	width: 560px;
	height: 100%;
	background: none;
	margin: 0px;
	text-align: left;

	font-size: 13px;
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}

.pad-main {padding: 15px 15px 15px 13px;}

#feature-box {
	float: left;
	text-align: left;
	width: 520px;
	border: 1px solid #839FF2;
	margin-bottom: 20px;
	* margin-bottom: 5px;
	_width: 518px;

	background-image: url(images/main-footer-box.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}


#article-container1 {
	float: left;
	width: 513px;
	border: 1px solid #839FF2;
	padding: 10px;
	margin-bottom: 25px;

	background-image: url(images/main-footer-box.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#article-container1 #title-precis {width: 490px; margin: 0 0 0 0;}
#article-container1 #home-title {font-size: 18px; font-weight: normal;}
#article-container1 #home-precis {}
#article-container1 #icon-article {margin-top: 2px;}

#article-pad1 {}

#feat-head {font-weight: bold; font-size: 15px; color: #39498E; margin-bottom: 15px;} 
.star-divider {font-weight: normal; font-size: 12px; color: #aaa;}

#article-container2 {
	float: left;
	width: 100%;
	* margin-bottom: -10px;
}
#article-pad2 {padding: 0 10px 0 10px;}

#icon-article {
	float: left;
	width: 14px;
	height: 16px;
	margin-right: 5px;
	margin-top: 2px;
	background-image: url(images/icon-article-original.jpg);
	background-repeat: no-repeat;
}

#title-precis {
	float: left;
	width: 490px;
	height: 100%;
	margin-bottom: 20px;
}

#home-title  {
	clear: both;
	text-align:left;
	font-size: 18px;
	margin-bottom: 3px;
}

#home-precis  {
	clear: both;
	text-align: left;
	margin-top: -2px;
	line-height: 20px;
}

.read {margin-left: 4px;}
a.read:link{text-decoration: underline;}
a.read:visited{text-decoration: underline;}

#more-articles {clear: both; height: 25px; margin: 30px 0 15px 0px;}

#column-main ul {padding: 0px 0px 0px 0px; margin: 5px 0px 15px 10px;}

#column-main ol {padding: 0px 0px 0px 0px; margin: 5px 0px 15px 10px;}

#column-main ul li {
	padding: 0px 0px 0px 15px; 
	margin: 0px 0px 5px 0px; 
	list-style:none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	line-height: 20px;
}

#column-main ol li {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 5px 15px; 
	line-height: 20px;
}

#column-main ol li ul li {
	padding: 0px 0px 0px 15px; 
	margin: 0px 0px 5px 15px; 
}


/**************************** START EMAIL AND PRINT ICONS ****************************/

#main-shareprint-container {
	clear: both;
	width: 100%;
	padding-top: 10px;
	margin-top: 50px;
	border-top: 1px dashed #39498E;
}

#main-shareprint {width: 230px; height: 50px;}

#main-share {float: left; padding-right: 5px; padding-top: 10px; * padding-top: 15px;}

#main-print {float: left; padding-left: 10px; padding-top: 10px; * padding-bottom: 10px; border-left: 1px solid #39498E;}

#main-shareprint img {border: none; margin-top: -6px; margin-right: 5px}

#article-shareprint-container {
	clear: both;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dashed #39498E;
	text-align: left;
}

#article-shareprint-container img {border: none; margin-top: -6px; margin-right: 5px}

#article-share {clear: both; height: 30px; padding-top: 10px;}

#article-print {clear: both; height: 30px; padding-top: 5px;}




/**************************** START COLUMN A ****************************/

#column-a {
	float: left;
	width: 180px;
	height: 100%;
	background: none;
	margin: 0px;
	text-align: left;
	color: #39498E;
}

#column-a ul {padding: 0px 0px 0px 0px; margin: 5px 0px 15px 10px;}

#column-a li {
	padding: 0px 0px 0px 11px; 
	margin: 0px 0px 5px 0px; 
	list-style:none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.pad-a1 {padding: 20px 15px 15px 15px; background: none;}
.pad-a2 {padding: 0px 0px 0px 0px; background: none;}

img.quick {margin-top: -6px; margin-left: 5px; text-align: right; border: none;}
img.star {margin-top: -8px; margin-left: 2px; text-align: right; border: none;}
img.podcast {margin-top: -8px; margin-left: 5px; text-align: right; border: none;}
img.rss {margin-top: -8px; margin-left: 5px; text-align: right; border: none;}




/**************************** START BOXES WITH ROUNDED EDGES ****************************/

#box-church {	
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
	background-image: url(images/bg-church.jpg);
	background-repeat: no-repeat;
}

#box-content {padding: 0px 5px 5px 10px;}

.b1, .b2, .b3, .b4 {font-size: 1px; overflow: hidden; display: block; height: 1px; background: #fff;}
.b1 {background: none; border-left: 5px solid #fff; border-right: 5px solid #fff;}
.b2 {background: none; border-left: 3px solid #fff; border-right: 3px solid #fff;}
.b3 {background: none; border-left: 2px solid #fff; border-right: 2px solid #fff;}
.b4 {background: none; border-left: 1px solid #fff; border-right: 1px solid #fff;}




/**************************** START COLUMN B ****************************/

#column-b {
	float: left;
	width: 228px;
	* width: inherit;
	height: 100%;
	background: none;
	margin: 0px;
	text-align: left;
}

.pad-b1 {padding: 15px 0px 0px 15px; background: none;}
.pad-b2 {padding: 5px 0px 5px 0px;}

#column-b ul {padding: 0px 0px 0px 0px; margin: 5px 0px 15px 10px;}

#column-b li {
	padding: 0px 0px 0px 11px; 
	margin: 0px 0px 5px 0px; 
	list-style:none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#event-box {
	display: block;
	clear: both;
	margin: 0px 0px 10px 0px;
	text-align: left;
	background: none;
	font-size: 12px;
	color: #444;
}

#event-next {display: block; clear: both;}

#event-box h2 {font-size: 15px; font-weight: bold; margin: 0px;}
#event-box h3 { margin: 0px 0px 5px 0px; font-size: 13px; font-weight: bold;}

.join-now {}
#join {margin-bottom: 10px;}

#event-box a:link {color: #4E4EAF; text-decoration: none;}
#event-box a:visited {color: #4E4EAF; text-decoration: none;}
#event-box a:hover {color: #839FF2; text-decoration: underline;}


#event-box img.audio {border: none; margin-top: -3px; margin-right: 37px;}
#event-box img.face {float: left; width: 60px; border: none;}

#event-info-container {height: 80px;}

#event-host {
	display: block;
	float: left;
	margin: 0px 0px 0px 5px;
}

#event-archive {
	display: block;
	float: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

#event-archive a:link {text-decoration: underline;}
#event-archive a:visited {text-decoration: underline;}
#event-archive a:hover {text-decoration: underline;}

#qotw-box {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	text-align: left;
	background: #none;
	border-top: 1px solid #839FF2; 

	/*background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: top center;*/
}

#qotw-box a:link {color: #000; text-decoration: none;}
#qotw-box a:visited {color: #000; text-decoration: none;}
#qotw-box a:hover {color: #000; text-decoration: none;}

#qotw-box img.qotw {border: none; margin-top: -3px; margin-right: 3px;}

#qotw-box h2 {font-size: 15px; font-weight: bold; margin: 0 0 6px 0;}
#qotw-box h2 a:link {color: #F54D6D; text-decoration: none;}
#qotw-box h2 a:visited {color: #F54D6D; text-decoration: none;}
#qotw-box h2 a:hover {color: #F47C90; text-decoration: underline;}

.ofthe {color: #FF9966;}
.week {color: #FF6633}

#qotw-box h3 {
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	color: #CC3333;
	font-weight: bold;
}

#qotw-box h3 a:link {color: #B53C65; text-decoration: none;}
#qotw-box h3 a:visited {color: #B53C65; text-decoration: none;}
#qotw-box h3 a:hover {color: #F47C90; text-decoration: underline;}

#qotw-archive {
	clear: both;
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #222;
}

#qotw-archive a:link {color: #CC6633; text-decoration: underline;}
#qotw-archive a:visited {color: #CC6633; text-decoration: underline;}
#qotw-archive a:hover {color: #F47C90; text-decoration: underline;}

#email-box {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	text-align: left;
	background: none;
	color: #444;
	border-top: 1px solid #839FF2;
}

#email-box a:link {color: #339933; text-decoration: underline;}
#email-box a:visited {color: #339933; text-decoration: underline;}
#email-box a:hover {color: #66CC66; text-decoration: underline;}

#email-box img.email {border: none; margin-top: -5px; margin-right: 15px;}

#email-box h2 {font-size: 15px; font-weight: bold; margin: 0 0 6px 0;}
#email-box h2 a:link {color: #319A33; text-decoration: none;}
#email-box h2 a:visited {color: #319A33; text-decoration: none;}
#email-box h2 a:hover {color: #66CC66; text-decoration: underline;}

#email-box h3 {
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}

#email-box h3.update {margin: 6px 0px 0px 0px;}

#email-box h3 a:link {color: #FC8713; text-decoration: none;}
#email-box h3 a:visited {color: #FC8713; text-decoration: none;}
#email-box h3 a:hover {color: #FCA92B; text-decoration: underline;}

#newsletters h1 {color: #339933;}
#newsletters h2 {font-size: 15px; color: #FC8713; display: inline; margin: 0px;}

#newsletters a.visit:link {color: #339933; text-decoration: none;}
#newsletters a.visit:visited {color: #339933; text-decoration: none;}
#newsletters a.visit:hover {color: #66CC66; text-decoration: underline;}

#home-adspace {
	clear: both;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-align: left;
	background: none;
	border-top: 1px solid #839FF2;
}




/**************************** START COLUMN B ****************************/

#footer1 {
	clear: both;
	width: 100%;
	height: 220px;
	background: none;

	background-image: url(images/bg-footer.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#footer1-container {
	clear: both;
	width: 800px;
	padding-top: 25px;
}

#footer-promo-box {float: left;}

#footer-promo-box.middle {margin: 0px 20px 0px 20px;} 

#footer-promo-box img { behavior: url(/fragments/iepngfix.htc); height: 170px; width: 250px; border: none; padding: 0px; margin: 0px;}

#footer-promo-box h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
}

#footer2 {
	clear: both;
	width: 890px;
	height: 55px;
	background: #fff;
	margin: 0px;
	text-align: center;
}

#footer2 .links {clear: both; padding-top: 10px;}

#footer2 .copyright {clear: both; padding-top: 5px;}

.smalltext {font-size: 11px;}




/**************************** START SEARCH STYLES ****************************/

#search-range {float: left; font-weight: bold;}

#search-date {float: right; text-align: center; width: 50px; font-weight: bold;}

#search-divider {clear: both; width: 100%; height: 10px; * height: 0px; * display: none;}

#search-result1, #search-result2 {clear: both; border-top: 1px dashed #39498E; padding-top: 5px; * margin-top: 10px;}

#search-icon {
	float: left;
	width: 14px;
	height: 16px;
	margin-right: 5px;
	margin-top: 2px;
	background-image: url(images/icon-article-original.jpg);
	background-repeat: no-repeat;
}

#search-title {float: left; width: 450px; font-weight: bold;}

#search-pubdate {float: right; text-align: center; width: 50px;}

#search-footer {clear: both; border-top: 1px solid #39498E; margin-bottom: 0px; margin-top: 30px; * margin-top: 15px; padding-top: 5px;}

#search-next {float: right; font-weight: bold; height: 40px;}
#search-next img {border: none; margin-bottom: -5px;}

#search-previous {float: left; font-weight: bold; height: 40px;}
#search-previous img {border: none; margin-bottom: -5px;}

#search-bottom {
	clear: both;
	height: 34px; * height: 36px;
	width: 318px; * width: 330px; 
	border-top: 1px dashed #39498E;
	border-bottom: 1px dashed #39498E; 
	margin: 0 0 100px 0;
}

#search-pad {padding: 0 0 0 8px;}
#search-box2 {float: left; height: 20px; margin: 8px 1px 0 0;}
#search-go2 {float: left; height: 20px; width: 25px; margin: 8px 0 0 0;}
#search-tips {float: right; height: 20px; margin: 8px 0 0 0;}

/* safari 3 or earlier only hack */ html[xmlns*=""] body:last-child #search-bottom {width: 340px; height: 36px;}
/* safari 3 or earlier only hack */ html[xmlns*=""] body:last-child #search-box2 {margin-top: -6px;}
/* safari 3 or earlier only hack */ html[xmlns*=""] body:last-child #search-go2 {margin-top: -6px;}
/* safari 3 or earlier only hack */ html[xmlns*=""] body:last-child #search-tips {margin-top: -3px;}





/**************************** START SCIENCE AND HEALTH AUDIO STYLES ****************************/


#continuous-audio {
	float: left;
	width: 520px;
	border: 1px solid #839FF2;
	margin-bottom: 25px;

	background-image: url(science-and-health/images/science-and-health-audio.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

h3.windows-icon {
	background-image: url(science-and-health/images/windows-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	line-height: 20px;
	text-indent: 25px;
	margin-top: 18px;
	margin-bottom: 12px;
	margin-left: 0;

}

h3.real-icon {
	background-image: url(science-and-health/images/real-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	line-height: 20px;
	text-indent: 25px;
	margin-top: 18px;
	margin-bottom: 12px;
	margin-left: 0;
}




/**************************** START HERALD STYLES ****************************/

#herald-cover {float: left; margin-right: 5px; margin-bottom: 10px; width: 100px;}

#herald-cover.right {margin-right: 0px;}

img.herald {margin-bottom: 5px;}

.herald-break {margin-top: 100px;}

#herald-monthly {
	float: left;
	height: 210px;
	border: 1px solid #839FF2;
	margin-bottom: 25px;

	background-image: url(images/main-footer-box.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#herald-radio {
	float: left;
	width: 520px;
	border: 1px solid #839FF2;
	margin-bottom: 25px;

	background-image: url(images/main-footer-box.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#radio-holder {clear: both;}

#radio-image {width: 85px; float: left; margin-right: 10px; margin-bottom: 20px;}

#radio-program {float: left; width: 400px;}

#herald-bi-monthly {
	width: 140px;
	height: 210px;
	float: left;
	border: 1px solid #839FF2;
	margin-bottom: 25px;
	margin-left: 15px;

	background-image: url(images/main-footer-box.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#herald-quarterly1 {height: 175px;}

#herald-quarterly2 {height: 175px;}




/**************************** START SEARCH SH/BIBLE STYLES ****************************/

#search-books-header {margin-bottom: 15px; * margin-bottom: 0px;}





/**************************** START BIBLE LESSON STYLES ****************************/

#bl-holder {clear: both;}

#bl-image {width: 85px; float: left; margin-right: 15px; margin-bottom: 30px; * margin-bottom: 15px;}

#bl-product {float: left; width: 400px;}





/**************************** START NAVBAR ****************************/

#header-navbar-container {
	clear: both;
	width: 100%;
	height: 19px; * height: 100%;
	background: none;
	border-top: solid 1px #666699;
	border-bottom: solid 1px #aaa;
	/*border-bottom: solid 1px #9393DC;*/
}

#header-navbar {width: 970px; text-align: left;}


#navbar {margin-left:150px;}


/* Begin CSS Drop Down Menu */

#menuh-container {}

#menuh	{font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; width:100%; float:left;}

#menuh a {
	display:block;
	border-left: 1px solid #aaa;
	border-right: 0px solid #BCD2FB;
	border-top: 0px solid #BCD2FB;
	border-bottom: 0px solid #2C46B7;
	white-space: nowrap;
	margin:0;
	padding: 0.2em;
}

#menuh ul ul a {
	display:block;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 0px solid #aaa;
	border-bottom: 1px solid #aaa;
	white-space: nowrap;
	margin:0;
	padding: 0.2em;
}

#menuh a, #menuh a:visited /* menu at rest */ {color: #fff; background-color: #none; text-decoration:none;}
#menuh a:hover /* menu at mouse-over */ {color: #fff; background-color: #5269CC;}

#menuh a.top {text-align: center;}
#menuh a.top2 {text-align: center; border-left: none;}

#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */ {
	background-image: url(nav-arrow1.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */ {
	background-image: url(nav-arrow2.gif);
	background-position: right center;
	background-repeat: no-repeat;}

div#menuh li li {background-color: #39498E;}

div#menuh li li a.topline {border-top: 1px solid #aaa;}

/* safari only hack */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#menuh li li a.perio {padding-bottom: 0.8em;}
}

#menuh ul {list-style:none; margin: 0; padding:0; float:left; /* width of all menu boxes */}
#menuh li {position:relative; /* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */}
#menuh ul ul {position:absolute; z-index:500; top:auto; display:none; padding: 1em; margin: -13px 0 0 -1em; * margin: -12px 0 0 -1em; }
#menuh ul ul.quarterly {width: 260px;}
#menuh ul ul.journal {width: 275px;}
#menuh ul ul.sentinel {width: 255px;}
#menuh ul ul.radio {width: 240px;}
#menuh ul ul.herald {width: 275px;}
#menuh ul ul.sh {width: 110px;}
#menuh ul ul.tte {width: 130px;}
#menuh ul ul.listen {width: 185px;}
#menuh ul ul.shop {width: 165px;}
#menuh ul ul.languages {width: 150px;}
#menuh ul ul.more {width: 130px;}
#menuh ul ul ul { top:0; left:100%;}
div#menuh li:hover {cursor:pointer; z-index:100;}

/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menuh ul ul {margin: -11px 0 0 -1em;}
}

div#menuh li:hover ul ul, 
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul {display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul {display:block;}

.w1 {width: 70px;}
.w2 {width: 95px;}
.w3 {width: 104px;}
.w4 {width: 125px;}
.w5 {width: 145px;}

img.nav {margin-right: 5px; border: solid 1px #000; height:103px;}

/* End CSS Drop Down Menu */