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

html {width: auto; font-size: 100%}

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

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

	background: #fff;

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

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

}

a:link {color: #660000; text-decoration: none;}
a:visited {color: #660000; text-decoration: none;}
a:hover {color: #cc9900;text-decoration: underline;}

.clearfloats {clear: both;}

p {line-height: 150%; margin: 0 0 15px 0;}

p.right {text-align: right;}

hr {margin:20px 0 20px 0; * margin:0px 0 15px 0; height: 0; border: 0; border-top: 1px solid #aaa;}

h1 {font-size: 140%; font-weight: normal; color: #660000; margin: 0px 0px 15px 0px;}

h2 {font-size: 110%; font-weight: bold; color: #660000; margin: 0px 0px 15px 0px;}

h3 {font-size:  100%; font-weight: bold; color: #660000; 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;}
#pad5 {padding:5px;}
.pad5 {padding:5px;}

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

#divider {clear:both; width:100%; height:1px;}
	

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

#header1 {
	width: 980px;
	height: 55px;
	background: #fff;
	margin: 0px;
	font-size:12px;
}

#header1-pad {padding:0px}

#top-links {float:left; margin:10px 0 0 15px;}

#header1-logo {float:left; height:55px; width:655px; _width:640px;}

#top-search {float:left; position:relative; top:16px; height:30px; width:190px;}
/* safari only hack */ @media screen and (-webkit-min-device-pixel-ratio:0) {#top-search { top:6px; }}
#top-search-pad {}

#search-field {float: left; margin-right:2px}
/* Firefox only hack */ @-moz-document url-prefix() {#search-field { margin-right:4px }}

#search-button {float: left; margin-top:1px;}

#site-search {color: #888888}

#header2 { 
	clear:both;
	width: 980px;
	height: 205px;
	margin: 0px; padding:0px;
}

#cross-crown {
	float:left;
	width:100px;
	height:205px;
	margin-left:15px;
	padding:0px;

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

#promo1 {float:left; margin:0px; margin-left:30px; padding-top:6px;}

#promo2 {float:left; margin:0px; margin-left:6px; padding-top:6px; width:300px}
#promo2-top {float:left; font-size:14px; padding: 16px 0 16px 0; width:250px;}
#promo2-bottom {clear:both; float:left; height:115px}

#header-print {display: none;}



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

#columnholder {
	clear: both;
	width: 980px;
	background: none;
}

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

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

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

.pad-main {padding: 20px 20px 15px 18px;}

#feature-box {
	float: left;
	width: 523px;
	border: 1px solid #999966;
	margin-bottom: 15px; * margin-bottom: 5px;

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

#listen {float:left; padding: 8px 3px 0 0}

#listen-button {float:left; padding:3px 0 15px 0;width:430px;}

#feature-bar {
	float: left;
	width: 523px;
	color:#fff;
	border: 1px solid #999966;
	margin-bottom: 15px; * margin-bottom: 5px;

	background-image: url(../images/bar.jpg);
	background-repeat: repeat-7;
	background-position: top left;
}

#feature-bar h1, #feature-bar h2, #feature-bar h3 {color:#fff}

#article-with-image {clear:both; * margin-bottom:20px}
#article-image {float:left; margin-right:10px; margin-bottom:20px; * margin-bottom:0px}
#article-image img {border:1px solid #333; width:120px}
#article-title {float:left; width:380px; margin-bottom:20px; * margin-bottom:0px}
#article-title p {margin-bottom: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: 150%;
}

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

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


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

#main-shareprint-container {
	font-size:12px;
	clear: both;
	width: 100%;
	padding-top: 10px;
	margin-top: 50px;
	border-top: 1px dashed #660000;
}

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

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

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

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

#sub-shareprint-container {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #660000;
	text-align: left;
}

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

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

#text-size1 {display:none;}
#text-size2 {display:none;}

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

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

#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;}

#cover-credit {font-size:75%; line-height:normal; text-align:center; margin-top:1px;}

.index {font-size:75%;}



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

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

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

#column-b p {line-height: normal;}

#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;
}

#sidebar-radio {
	float: left;
	width: 200px;
	height: 35px;
	margin-bottom: 5px; * margin-bottom:0px;
	background-image: url(../images/sidebar-radio.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#sidebar-bol {
	float: left;
	width: 200px;
	height: 35px;
	margin-bottom: 5px; * margin-bottom: -10px;
	background-image: url(../images/sidebar-bol.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#sidebar-email {
	float: left;
	width: 200px;
	height: 35px;
	margin-bottom: 5px; * margin-bottom: -10px;
	background-image: url(../images/sidebar-email.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#sidebar-church {
	float: left;
	width: 200px;
	height: 35px;
	margin-bottom: 5px; * margin-bottom: -10px;
	background-image: url(../images/sidebar-church.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#sidebar-youth {
	float: left;
	width: 200px;
	height: 35px;
	margin-bottom: 5px; * margin-bottom: -10px;
	background-image: url(../images/sidebar-youth.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#pad-sidebar1 {padding:10px 0 0 10px}
#pad-sidebar2 {padding:3px 0 0 10px}
#pad-sidebar2 h2 {font-size:100%}
#pad-sidebar1 h2, #pad-sidebar2 h2 {color: #fff; text-transform: uppercase;}
#pad-sidebar1 a:link, #pad-sidebar2 a:link {color: #fff}
#pad-sidebar1 a:visited, #pad-sidebar2 a:visited {color: #fff}
#pad-sidebar1 a:hover, #pad-sidebar2 a:hover {color: #fff}

img.audio {border:none; margin-top:-5px; margin-right:48px; * margin-right:45px;}

img.email {border:none; margin-top:-5px; margin-right:6px; * margin-right:3px;}

img.star {border:none; margin-top:-5px; margin-right:36px; * margin-right:33px;}

.church-news {margin:15px 0px 5px 0px; color:#cc9900;}



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

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

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

#footer1-container {
	clear: both;
	width: 810px;
	height:180px;
	overflow:auto;
	padding-top: 25px;
}

#footer-scrollarea {width:4650px; height:120px;}

#footer-product {float:left; width:150px; margin: 0 5px 0 5px; font-size:12px;}

#footer-product img {margin-bottom:5px; border:none;}
#footer-product a:link {color: #fff}
#footer-product a:visited {color: #fff}
#footer-product h3 {margin:0px}

#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;
	background: #fff;
	margin: 0px;
	padding: 15px 0px 15px 0px;
}



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

#header-navbar-container {
	clear: both;
	width: 100%;
	height: 19px; * height: 100%;
	background: none;
	border-top: solid 0px #660000;
	border-bottom: solid 1px #996633;
}

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


#navbar {margin-left:160px;}


/* 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 #996633;
	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 #996633;
	border-right: 1px solid #996633;
	border-top: 0px solid #996633;
	border-bottom: 1px solid #996633;
	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: #cc9933;}

#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: #660000;}

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

/* 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.item1 {width: 230px;}
#menuh ul ul.item2 {width: 150px;}
#menuh ul ul.item3 {width: 180px;}
#menuh ul ul.item4 {width: 200px;}
#menuh ul ul.item5 {width: 220px;}
#menuh ul ul.item6 {width: 200px;}
#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: 155px;}

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

/* End CSS Drop Down Menu */