/**************************** Hymns STYLESHEET ****************************/

.clearfloats {clear: both;}




/**************************** WEEKLY STYLE CHANGES ****************************/


body {	
	background-image: url(images/hymns-main.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

* html #header-navbar-container {margin-top: 0px;}

#column-main h1, #column-main h3, #footer2, .issue2 {color: #dd7a1c;}

a:link {color: #dd7a1c; text-decoration: underline;}
a:visited {color: #dd7a1c; text-decoration: underline;}
a:hover {color: #dd9955; text-decoration: underline;}

#column-main h2, .issue1, #column-b h2 {color: #818185;}

/*
#hymns-subscribe a:link {color: #818185; text-decoration: none;}
#hymns-subscribe a:visited {color: #818185; text-decoration: none;}
#hymns-subscribe a:hover {color: #9c9da1; text-decoration: underline;}
*/


#footer1 {background: #dd7a1c;}

h2 {font-size: 15px;}
h3 {font-size: 13px;}

#article-callout, #article-ref-intro {
	color: #dd7a1c; 
	border-top: dashed 1px #dd7a1c; 
	border-bottom: dashed 1px #dd7a1c;
}

#columnholder {width: 970px; _width: 975px;}

#column-a {width: 180px;}
.pad-a1 {padding: 20px 15px 15px 15px; background: none; _padding-right:10px}
.pad-a2 {padding: 0px 0px 0px 0px; background: none;}

#column-main {width: 560px;}
.pad-main {padding: 20px 20px 20px 20px;}
 
#column-main a:link {text-decoration: underline;}
#column-main a:visited {text-decoration: underline;}

#column-b {width: 228px;}
.pad-b1 {padding: 15px 0px 0px 15px; background: none; _padding-left:10px}
.pad-b2 {padding: 5px 0px 5px 0px;}

#header-navbar {width: 970px;}

#navbar {margin-left:150px;}

#feature-box {width: 520px; _width: 518px;}



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

#top-right {position:relative; top:10px;}
#search {clear:none; margin-right:20px;}

#header2-container {
	clear: both;
	width: 100%;
	height: 205px;
}

#header2 { 
	width: 970px;
	height: 105px;
	margin: 0px;
	text-align: left;
}

#header2-pad {padding: 13px 0 0 0;}
#header2-pad.qotw {padding-left: 160px;}

#tagline1 {display: none;}

.padding-tagline1 {padding: 0px 0px 0px 20px;}

#promo {width: 650px; padding-top: 0px;}

#promo img {display: inline}

#tagline2 { 
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}

.padding-tagline2 {padding: 18px 0px 0px 95px;}

.tag-mbe {margin: 0px 30px 0px 0px;}

.pad-main {padding-left: 20px; padding-right: 20px;}





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

#column-main h1 {font-size: 18px; margin: 0px 0px 13px 0px;}

#column-main h1.nobreak {margin-bottom:0px}

#column-main h2 {margin: 0px;}

.toc {font-size: 11px;}

#column-main h3 { margin: 0px;}




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

#column-a {
	font-size: 12px;
	color: #444;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}

#column-a a:link {color: #555;}
#column-a a:visited {color: #555;}
#column-a a:hover {color: #888;}

.pad-a2 {background: #A5E3E3;}

#hymns-nav {}

#hymns-nav a:link {color: #dd7a1c;}
#hymns-nav a:visited {color: #dd7a1c;}
#hymns-nav a:hover {color: #dd7a1c;}

	#hymns-nav h3 { 
		text-align: left;
		font-size: 12px;
		margin: 0;
		border-bottom: 1px solid #666666;
		}

	#hymns-nav h3 a { 
		display: block; 
		text-decoration: none;
		background-image: url(images/hymns-nav-1.jpg);
		background-repeat: repeat-x;
		background-position: top center;	
		padding: 10px 10px 5px 10px;
		}

	#hymns-nav h3 a:hover {
		background-image: url(images/hymns-nav-2.jpg);
		background-repeat: repeat-x;
		background-position: top center; 
		text-decoration: underline;
		}

	#hymns-nav h4 { 
		text-align: left;
		font-size: 12px;
		font-weight: normal;
		color: #fff;
		margin: 0;
		border-bottom: 1px solid #ddd;
		}

	#hymns-nav h4 a { 
		display: block; 
		color: #fff; 
		text-decoration: none;
		background-color: #3daaa9;	
		padding: 10px 10px 5px 35px;
		}

	#hymns-nav h4 a:hover {
		color: #fff; 
		background-color: #c3cd2c; 
		text-decoration: underline;
		}





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

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

#column-b h2 {
	margin: 0px 0px 14px 0px;
	text-align: left;
}

img.cart {margin-top: -8px; margin-right: 13px; text-align: right; border: none;}
img.search {margin-top: 0px; margin-right: 10px; text-align: right; border: none;}

#hymns-subscribe {
	margin: 0px;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: 1px dashed #999;
}

#hymns-features {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	text-align: left;
}

.note {font-size: 11px;}





/**************************** START FOOTER ****************************/


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

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

#footer2 a:link {text-decoration: none;}
#footer2 a:visited {text-decoration: none;}
#footer2 a:hover {text-decoration: underline;}


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

#header-navbar-container {
	border-top: solid 0px #666699;
	border-bottom: solid 1px #aaa;
}

#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 */ {background-color: #none;}
#menuh a:hover /* menu at mouse-over */ {background-color: #bbbbbb;}

div#menuh li li {background-color: #dd7a1c;}

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


/* End CSS Drop Down Menu */





/***************************** MOBILE STYLES *******************************/

@media handheld,
only screen and (max-device-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) {

body {background-image: none;}

#header1 {width: 295px; margin-bottom:10px; background-image: url(/images/header-logo-mobile.jpg);}
#top-left {float:none; width: 295px;}
#top-left img {width: 295px; height: 40px;}
#top-right {display:none}

#header2 {display:none}
#sentinel-header-home {padding-left:10px; text-align:left}
#header-navbar-container {display:none}

#columnholder {clear:both; width: 100%;}
#column-a {display:none}

.divider-home-main {width:100%;}

#column-main {clear:both; width: 100%;}
.pad-main {padding: 0px 10px 0px 10px}
#column-main h1 {clear:both; display:block; margin-bottom:0px}
#article-callout {margin: 20px 20px 20px 20px;}
#feature-box {width:100%}
#feedback {display:none}
#main-shareprint-container {display:none}

#home-adspace {display:none}

#search-icon {display:none}
#tte-search-title {width: 84%}
#search-pubdate {width: 14%}
#search-bottom {width: 100%; margin-bottom:10px}
#search-tips {display:none}

#bl-image {float:left; max-width:19%; margin-right:0px;}
#bl-image img, #bl-image div {max-width:100%;}
#bl-product {float:right; width:78%;}

#column-b {clear:both; width: 100%;}
.pad-b1 {padding: 10px 10px 0px 10px}
#article-shareprint-container {display:none}
#font-size {display:none}
#column-b-quick-search {display:none}
#classifieds {display:none}

#footer1 {display:none}
#footer2 {width:100%}

}