@import "global-screen.css";
@import "header-screen.css";
@import "navigation.css";
@import "footer-screen.css";
@import "sidebox.css";

/* Layout for Main Content Areas */

#main {
	background: transparent url(img/main_top.gif) no-repeat top left;
}

#mainContent { 
/* 2 column has width 618 and 1 px border  */
/* 3 column has width 497 and 1 px top and bottom border */
	width: 497px;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
}	

#secondaryContent {
	width: 120px;
	float: right;
}

/* MAIN CONTENT */

/* articles */

#article h1 {
	font-family: "Times New Roman", Times, serif;
	color: #333333;
}

#article #seriesTitle, #article #deck {
	color: #333333;
}

h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {
	color: #6b130b;
}

h3 a, h4 a {
	text-decoration: none;
}

h3 a:hover, h4 a:hover {
	color: #807243;
	text-decoration: underline;
}                     


h4+h3 {
margin:0;
padding:0;
}

hr+h4 {
margin:0 0 5px 0;
padding:0;
}

#photoFeature {
	margin: 15px 0 0 0;
}

#photoFeature .photoby {
	font-size: 0.8em;
	text-align: right;
	color: #989b98;
	margin: 5px 5px 0 0;
}

#photoFeature img {
	border: 1px solid #4d4d4d;
}

#photoFeature .caption {
	margin: 5px 0 0 0;
	font-size: 1em;
	font-weight:500;
	color: #989b98;
}

#article {
	position: relative;
	width: 467px;
}

#article p, #article li {	
	font-size: 1.1em;
}

#article ul li {	
	margin: 0 20px 12px 0; font-size: 1.1em !important;
}

#article ul li ul li {	
	font-size: 1.1em !important; margin: 5px 20px 7px 0;
}

#article h4#seriesTitle {
	margin: 0 0 3px 0;
	font-size: 1em;
}

#article h1 {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
}

#deck {
	margin: 10px 0 5px 0;
	font-size: 1.4em;
	font-weight: 500;
	width: 465px;
}

#deck + div {
	margin-top: 10px;
}

#deck + p {
	margin: 20px 0 0 0;
}
	
#byline {
	margin: 15px 0;
	padding: 12px 0;
	font-size: 0.9em;
	color: #989b98;
	border-top: 1px solid #DBD8C8;
	border-bottom: 1px solid #DBD8C8;
}

#byline p {
	margin: 0;
	padding: 0;
}

#byline .author {
	float: left;
}

#byline .date {
	text-align: right;
}

#byline a, #byline a:visited {
	color: #807243;
	font-weight: bold;
}

/* Sidebar */

#sidebar {
	float: right;
	text-align: right;
	display: inline !important;
	min-height: 0;
	width: 210px;
	margin: 5px 0 10px 10px;
}

.articleImg {
	width: 198px;
	margin: 0 0 30px 0;
	padding: 5px;
	border: 1px solid #dbd8c8;
	font-size: 1em;
}

.articleImg img {
	margin: 0;
	padding: 0;
	border: none;
}

#article div.articleImg p.caption {	
	margin: 0;
	margin-top: -2px;
	padding: 5px;
	background: #dbd8c8;
	font-weight: bold;
	font-size: 0.9em;
	color: #2e446e;
	border: none;
	text-align: left;
}

/* Sideboxes */


#pageTopUtil {
	margin: 15px 0;
	padding: 12px 7px;
	font-size: 0.9em;
	color: #989b98;
	border-top: 1px solid #dbd8c8;
	border-bottom: 1px solid #dbd8c8;
}

#pageTopUtil p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#pageTopUtil #pageTopNav {
	float: left;
}
#pageTopUtil #pageTopNav span, #pageTopUtil #pageTopNav a {
	margin: 0 3px;
}

#pageUtil {
	margin: 45px 0 35px 0;
	padding: 12px 7px;
	font-size: 0.9em;
	color: #989b98;
	border-top: 1px solid #DBD8C8;
	border-bottom: 1px solid #DBD8C8;
}

#pageUtil p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#pageUtil #pageNav {
	float: left;
}

#pageUtil #pageAct {
	text-align: right;
}

#pageUtil #pageAct span {
	text-align: left;
	margin: 0 0 0 -20px;
	vertical-align: middle;
	padding: 0 0 0 5px;
	zoom: 1;
}

#pageUtil #pageNav span, #pageUtil #pageNav a {
	margin: 0 3px;
}

#pageUtil #pageAct a {
	margin-left: 20px;
	padding: 2px 0 3px 18px;
	text-decoration: none;
	zoom: 1;
	text-align: left;
}

#pageUtil #pagePrint {
	background: transparent url(img/print_icon.gif) no-repeat top left;
}

#pageUtil #pageSend {
	background: transparent url(img/send_icon.gif) no-repeat 0 1px;
	zoom: 1;
}

#nextSteps {
	margin: 0 0 40px 0;
	padding: 0;
}
	
#nextSteps ul {
	border-top: 5px solid #d4d5d6;
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}

#nextSteps ul li {
	margin: 0 5px 7px 10px;
	padding-left: 20px;
	background: transparent url(img/next_steps_bul.gif) no-repeat 0 3px;
}

#nextSteps ul li a {
	text-decoration: none;
}

/* Featured Stories */

#topStories {
	float: left;
	margin: 0 0 20px 0;
	width: 463px;
	padding: 1px; /* Padding changed from 5px to 1px on 6-19-2007 */
	border: 1px solid #4d4d4d;  /* Changed from #dbd8c8 on 6-19-2007 */
	overflow: hidden;
	width: 463px;
}

.storyBlock {
	width: 461px;
	height: 102px;
	display: block;
	clear: both;
	margin: 0 0 1px 0;
	padding: 1px 0 1px 0;
	background: url(img/dot_horiz.gif) repeat-x bottom;	
}

#featStory {
	float: left;
    display: block;
	clear: both;
	border-top: 5px solid #4d4d4d; /* changed from border-bottom */
	padding: 1px 0 1px 0;
	overflow: hidden;
	width: 463px;
}

#featImg {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

#featStory img {
	margin: 0;
	padding: 0;
}

#featImg a {
	margin: 0;
	padding: 0;
}

#featImg img {
	width: 150px;
	height: 100px;
	margin: 0;
	padding: 0;
}

#featStory h5 {
	font-size: 1.4em;
	margin: 0 0 0 152px;
	padding: 8px 10px 2px 25px;
	background: url(img/section_arrow.gif) no-repeat 8px 12px;
/*	line-height: 1.2em; */
}

#featStory h5 a {
	text-decoration: none;
}

#featStory p {
	margin: 0 0 0 152px;
	padding: 6px 10px 2px 25px;
	font-size: 1em;
	line-height: 1.2em;
}	
/* #featStory p {
	margin: 5px 10px 0 0;
} */

#featStory p#readmore {
	margin: 5 0 0 0;
}
#featStory #readmore a {
	text-decoration: none;
	font-weight: bold;
}

#moreHeadlines {
    display: block;
	clear: both;
	margin: -4px 0 1px 0;
	padding: 1px 0 1px 0;
	border-top: 5px solid #4d4d4d; /* changed from border-bottom */
}

#moreHeadlines ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}

#moreHeadlines ul li {
	margin: 0 5px 7px 10px;
	padding-left: 20px;
	background: transparent url(img/top_stories_bul.gif) no-repeat 0 3px;
}

#moreHeadlines ul li a {
	font-size: 1.1em;
	text-decoration: none;
}


/* NEW: ministry landing pages */

#landingWrap {
	margin: 16px 11px;
	background: transparent;
}

#landing {
	position: relative;
	width: 475px;
}

#landing p {
	font-size: 1.1em;
	margin: 8px 0;
}

#landing h1 {
	font-family: "Times New Roman", Times, serif;
	margin: 22px 0 0 0;
	padding: 0;
	font-size: 1.8em;
}

#landing h2 {
	font-family: "Times New Roman", Times, serif;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	text-align: left;
	color: #4d4d4d;
}

#landing h2 a {
	text-decoration: none;
	color: #4d4d4d;
}

#landing h2 a:hover {
	color: #000;
}

#landing p.more a {
	text-decoration: none;
	font-weight: bold;
}

#landingMast {
	margin: 5px 0 15px 0;
	padding: 0;
}

#landingMast img {
	float: left;
}

#mastInfo {
	float: right;
	margin: 0;
	width: 210px;
	height: 180px;
	background: #717171 url(img/landing_mast_bg.gif) top right;
}

#mastInfo h1 {
	font-family: Verdana, Arial, sans-serif;
	margin: 10px 8px 0 10px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#mastInfo dl {
	margin: 0;
	color: #dbd8c8;
}

#mastInfo dt {
	margin: 10px 16px 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
}

#mastInfo dd {
	margin: 0 16px 0 10px;
	padding: 0;
	line-height: 1.2em;
	color: #fef9ea;
}

#mastInfo dd span {
	margin-right: 7px;
	float: left;
	display: block;
	width: 30px;
	text-align: right;
}

#landingMast #minTag, #landingMast #countryTag {
	margin-top: 22px;
	margin-bottom: 12px;
	font-size: 1.1em;
}

#landing #moreHeadlines {
	clear: none;
	margin: 30px 220px 0 0;
}

#landing #moreHeadlines ul li {
	margin: 0 5px 7px 0;
	background: transparent;
	padding: 0;
}


/* NEW: about pages */

#aboutContent { /* changes width of main column in About Us sections */
	float:left;
	margin: 0;
	padding: 0;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
	background: #fff;
}	

#aboutWrap {
	margin: 16px 20px 75px 20px;
	background: transparent;
}

#aboutPage {
	position: relative;
	text-align: center;
}

#aboutPage h1 {
	font-family: "Times New Roman", Times, serif;
	margin: 22px 0;
	padding: 0;
	font-size: 3em;
	font-weight: normal;
	text-align: left;
	color: #203020;
}

#aboutPage p {
	font-size: 1.1em;
	text-align: left;
}

#aboutPage #aboutImg {
	margin: 0 auto;
}

/* RIGHT SIDEBAR */

/* the secondaryBox class controls the general rules for any of the boxes in the right sidebar. The #tools rules are specifically for the Tools Box, because it has unique icons and layout */
.secondaryBox {
	margin: 0 0 1px 0;
	padding: 0;
	border: 1px solid #203052;
	word-wrap: break-word;
	background: #f4f3ee;
}

.secondaryBox ul {
	margin: 7px 0 8px 0;
	padding: 0;
	list-style-type: none;
}

.secondaryBox ul li {
	margin: 0 4px 5px 3px;
	padding: 0 0 0 8px;
	background: transparent url(img/right_sidebar_bul.gif) no-repeat 0 5px;
}

.secondaryBox ul li a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/* rules that are unique to the Tools box in the right sidebar */
#tools {
	margin: 0 0 1px 0;
	padding: 0;
	border: 1px solid #203052;
}

#tools ul {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#tools ul li {
	margin: 0 3px 8px 3px;
	padding: 0;
}

#tools ul li a {
	text-decoration: none;
	margin: 0;
	padding: 3px 0 3px 18px;
}

#tools #addThis {
	padding: 0 0 5px 3px;
}

#tools #pFriendly {
	background: transparent url(img/tools_print.gif) no-repeat 0 1px;
}

#tools #sendFriend {
	background: transparent url(img/tools_send.gif) no-repeat 0 4px;
}

#tools #discuss {
	background: transparent url(img/tools_discuss.gif) no-repeat 0 2px;
}

#tools #shop {
	background: transparent url(img/tools_shop.gif) no-repeat 0 2px;
}

#tools #eCard {
	background: transparent url(img/tools_ecard.gif) no-repeat 0 3px;
}