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

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

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

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

	background: #fff;

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

	background-image: url(images/header-main-blue-2011.jpg);
	background-repeat: repeat-x;
	background-position: 50% top;
}

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 1 ****************************/

#header1 {
	width: 1000px;
	height: 40px;
	background-image: url(images/header-logo-2011.jpg);
	background-repeat: no-repeat;
}

#top-left {
	float: left;
	width: 500px;
}

#top-left img {width:500px; height:40px; _height:35px}

#top-right {
	float: right;
	height: 40px;
}

#top-links {float: right; text-align: right; font-size: 11px; color: #316594; margin:2px 0 2px 0;}

#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 {clear:both; float:right;}

#search-box {float: left; margin-right: 1px;}

#search-field {width: 150px;}

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

#header-print {display: none;}




/**************************** START HEADER 2 ****************************/

#header2 {width: 1000px; height: 200px;}

#header2-container {width:675px; width:740px;}

#promo1 {float:left; width:400px; padding-top:7px; margin-right:25px;}

#ifrm-promo1 {width:396px; height:186px;}

#header2-right {float:left;}

#header2-search {width:250px; height:78px;}
#header2-search-pad {padding:25px 0 0 25px}

#header2-search-top {float:left; width:175px; text-align:center; margin-bottom:3px; font-size:13px; font-weight:bold; color: #39498E;}

#header2-search-box {width:250px;}
#header2-search-field {float:left; display:block; width: 175px; margin-right:3px; font-size: 11px;}
#header2-search-go {float:left; display:block; line-height:18px; * line-height:20px; font-size:18px; color:#39498E;}
/* safari 3 or earlier only hack */ html[xmlns*=""] body:last-child #header2-search-go {line-height:24px;}

#header2-mobile-search {display:none}

#promo2 {clear: both;}

#ifrm-promo2 {width:250px; height:115px;}





/**************************** START MAIN COLUMN HOLDER ****************************/

#columnholder {clear:both; width:1000px; text-align:left;}

#columnholder-footer {clear:both; width:100%; height:1px; * height:15px;}

#home-title-precis {float:left; width:370px; margin-bottom:15px;}
#home-title, .journal-title, .sentinel-title {font-size:110%; font-weight:bold;}
#home-precis {clear:both; display:inline; line-height:20px;}

.read {display:inline; position:relative; left:-4px; * left:0; margin-left:4px;}
a.read:link, a.read:visited, a.read:hover {text-decoration:underline;}

#journal-header-home, #sentinel-header-home {width:350px}
#journal-header-home img, #sentinel-header-home img {display:block}
#journal-tagline-home, #sentinel-tagline-home {clear:both; float:right; margin-bottom:8px; text-align:right; font-size:10px;}
#journal-tagline-home {color:#336699;}
#sentinel-tagline-home {color:#993366;}

.divider-home-a, .divider-home-main {clear:both; float:left; border-top:1px solid #ccc; width:300px; margin:0 0 15px 25px; height:1px;}

#journal-featured-container, #sentinel-featured-container {clear:both;}
#journal-featured-container img, #sentinel-featured-container img {float:left; height:100px; margin: 0 8px 10px 0}
.journal-series, .sentinel-series {color:#997508}
.toc {font-size:85%}
.small-break {margin-bottom:10px}

#more-articles {clear:both; text-align:center; font-size: 12px; margin-bottom:15px;}




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

#column-a {float:left; width:390px;}

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

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

img.quick {margin-top: -6px; margin-left: 5px; text-align: right; border: none;}






/**************************** START MAIN COLUMN ****************************/

#column-main {float:left; width:390px;}

.pad-main {padding:10px;}

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

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

#article-container3 {
	float: left;
	width: 513px;
	border: 1px solid #cc9900;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 20px;

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

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

#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 SHARE AND PRINT ICONS ****************************/

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

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

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

#main-print {float: left; padding-left: 35px; 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: 10px;
	margin-bottom: 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 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:220px;}

.pad-b1 {padding: 10px 0px 0px 10px;}
.pad-b2 {padding: 5px 0px 5px 0px;}

.divider-home-b {clear:both; float:left; border-top:1px solid #ccc; width:200px; margin-bottom:15px; height:1px;}

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

img.sr-header-home {display:block; clear:both; float:left; margin-bottom:5px; border:0px}





/**************************** START MONITOR BOX ****************************/
#monitor-feed {clear:both; float:left; width:210px;}
#monitor-feed ul li {list-style: none; background-image: none; padding-left: 0px; margin: -5px 0px 0px -10px;}
#monitor-feed a {font-size:110%; font-weight:bold;}





/**************************** START EVENT BOX ****************************/

#event-info-container {clear:both}

img.event-face {display:block; float:left; width:78px; margin-right:8px; border: 1px solid #000;}

#event-host {float:left; width:275px; margin-bottom:10px;}
#event-host h2 {display:block; float:left;}
#event-host p {clear:both; margin-bottom:0px;}
img.chat-icon {float:left; border:none; position:relative; bottom:3px; left:5px;}
#event-archive {clear:both; text-align:center; font-size: 12px; margin-bottom:15px}

#join {clear:both; text-align:center; margin-bottom: 5px;}
.join-now {}






/**************************** START QOTW BOX ****************************/

h2.qotw img {border:none; display:inline; position:relative; top:10px; left:5px;}

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

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

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

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

#qotw-archive {clear:both; text-align:center; color: #222; font-size: 12px; margin-bottom:15px}
#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;}




/**************************** START EMAIL NEWSLETTER SIDEBAR ****************************/

#email-box {clear:both; text-align:left; color:#444; width:210px; margin-bottom:15px;}

#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 {float:right; border:none; margin-top:-5px; _margin-top:0px; margin-right:10px; height:30px; width:30px;}

#email-box h2 {font-size:15px; font-weight:bold; margin:0px 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; font-size:13px; color:#000; font-weight:bold;}
#email-box h3.update {margin: 10px 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;}






/**************************** START SPECIAL ANNOUNCEMENTS ****************************/

#special-box {clear:both; width:100%;}

#special-box img {display:block; float:left; border:none; position:relative; bottom:7px; left:5px;}

#special-box h2 {display:block; float:left; color:#cc9900; margin: 0 0 6px 0;}

#special-box ul {clear:both;}




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

#footer1 {
	clear: both;
	width: 100%;
	height: 450px;
	background: none;
	color:#fff;

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

#footer1 ul {padding: 0px 0px 0px 0px; margin: 0px 0px 15px 15px;}

#footer1 li {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}

#footer1 a:link {color: #fff; text-decoration: none;}
#footer1 a:visited {color: #fff; text-decoration: none;}
#footer1 a:hover {color: #fff;text-decoration: underline;}

#footer1 h2 {margin-bottom:2px}
#footer1 h2 a:link {color: #ffcc66;}
#footer1 h2 a:visited {color: #ffcc66;}
#footer1 h2 a:hover {color: #ffcc66;}

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

#footer-1a, #footer-1b, #footer-1c, #footer-1d {float:left; text-align:left; width:225px; margin:0 10px 0 10px; height:400px;}
#footer-1d {width:225px; margin:0 0px 0 10px;}

#footer-1d img { behavior: url(/fragments/iepngfix.htc); border:none; }

#herald-home {clear:both;}

#herald-home img {width:50px; float:left; margin-right:5px; margin-bottom:15px}

#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-pad {padding: 0 10px 0 10px;}

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

#continuous-audio #pad10 {width:300px;}

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:19px;
	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 */


/**************************** HIDE MOBILE ONLY STYLES ON WEB ****************************/

.mobile-only {display:none}
.footer-mobile {display:none}
#footer2 #header2-search {display:none}
#mobile-nav {display:none}





/**************************** START 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: 550px; 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 {width: 100%; height:190px}
#header2-container {width:100%;}
#promo1 {width:100%; padding:0px; margin:0 0 15px 0;}
#ifrm-promo1 {width:285px; height:134px;}
#header2-right {clear:both; float:none}
#header2-search {width:285px; height:25px; border: none; margin-bottom:10px;}
#header2-search-pad {padding: 0px}
#header2-search-top {display:none;}
#header2-search-box {width: 100%; padding-left:0px}
#header2-mobile-search {display:block; float:left; text-align:left; margin-right:3px; font-weight:bold; color: #39498E; padding-top:2px;}
#header2-search-field {width:175px; margin-right:5px;}
#promo2 {display:none}

#columnholder {clear:both; width: 100%;}
#home-title-precis {width: 100%;}
.divider-home-a, .divider-home-main {width:100%; margin:0 0 15px 0}

#column-a {width: 100%; margin-top:20px;}
.pad-a1 {padding: 10px 10px 0px 10px}
#journal-header-home {width:100%; text-align:center;}
#journal-header-home img {width:285px}
#journal-tagline-home {width:285px; float:left; font-size:9px; margin-bottom:12px}

#column-main {clear:both; width: 100%;}
.pad-main {padding: 0px 10px 0px 10px}
#sentinel-header-home {width: 100%;}
#sentinel-header-home img {width:285px}
#sentinel-tagline-home {float:left; font-size:9px; margin-bottom:12px}
img.event-face {display:none}
#event-host {width:100%}
#event-archive {padding-top:10px}
#qotw-archive {margin-bottom:0px}

#column-b {clear:both; width:100%;}
.pad-b1 {padding: 10px 10px 0px 10px}
.divider-home-b {width:100%;}
#main-shareprint2 {display:none}
#monitor-feed {width: 100%;}
#sentinel-title {width: 100%}
#email-box {display:none}

#continuous-audio {width: 100%; background-image: url(images/main-footer-box.jpg);}
#continuous-audio #pad10 {width:auto;}

.mobile-hide {display:none}
.mobile-only {display:inline}

#header-navbar-container {display:none}
#footer1 {display:none}
#footer2 {width:100%;}

}



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

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

#footer2 #header2-search {display:block; margin-top:5px;}
#mobile-nav {display:block; width:100%; text-align:center;}
#mobile-dropdown {width:285px; height:20px; font-weight:bold; font-size:13px; color: #39498E;}
#footer2 .links {font-size:12px; margin-top:5px; margin-bottom:5px;}
#footer2 .copyright {font-size:12px; margin-bottom:15px;}

.footer-mobile {
display:block;
clear: both;
with: 100%;
height: 22px;
text-align: left;
font-size: 12px;
padding: 0 15px 0 15px;
background-image: url(/images/bg-footer-mobile.jpg);
background-repeat: repeat-x;
}

.footer-mobile a:link {color:#fff; text-decoration:none;}
.footer-mobile a:visited {color:#fff; text-decoration:none;}
.footer-mobile a:hover {color:#fff; text-decoration:underline;}

.footer-mobile-link {float:left; padding-top:4px;}
.footer-mobile-arrow {float:right; padding-top:4px; font-size:14px; font-weight:bold}


}