/* Start of CMSMS style sheet 'layout' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

* {
margin:0;
padding:0;
}


/** Globally set image border to 0 **/
img {
  border:0;
}

/*****************
Firefox specific Style: Always show vertical srollbar
******************/

html {
     overflow: -moz-scrollbars-vertical;
}


body
{
	background-color: #fff;
	color: #333;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
  padding-bottom:10px;
}



.imageLeftAlign {
margin: 5px 10px 5px 0px;
float: left;
}

.imageRightAlign {
margin: 5px 0px 5px 10px;
float:right;
}


#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 960px;
	}
	
/** fix ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/
	
/*
	
/* =Header
---------------------------------------------------------------------------------------------------- */	
#header {
	text-align: left;
	width: 960px;
	font-size:11px;
	padding: 3px 0px 5px 0px;
margin:0;
	}
	
#header-iwhp-logo {
	float: left;
	text-align: left;
	}
	
#header-sogc-logo{
	float: right;
	text-align: right;
	}

#header-home-link{
	float: right;
	text-align: left;
	padding-right:30px;
	padding-top:13px;
}

	
/* =Search 
---------------------------------------------------------------------------------------------------- */	
	
#search {
	float: right;
	text-align: left;
	padding-right:30px;
	padding-top:10px;
}

#search form {
padding:0px;
margin:0px;
}

.search-button {
	font-size:11px;
	margin:0;
}

/* OLD SEARCH BUTTON

.search-button {
	color: #fff;
	font-size:11px;
	background: #737a35;
	padding: 2px 2px 2px 2px;
	border: none;
	margin:0;
}

*/	

#cntnt01searchinput {
width:100px;
font-size: 11px;
   color: #005F35;
}

.input-text {
	 font-size:11px;
}



/* =Middle Container
---------------------------------------------------------------------------------------------------- */		
#mid-container {
	background: url(uploads/images/cms/mid-container-bg.gif) repeat-y top left;
	width: 960px;
	margin-top:10px;
	}

#left-navigation {
	float:left;
	background: url(uploads/images/cms/left-navigation-bg.jpg) repeat-x top left;
	width: 215px;
	color:#fff;
	font-size:12px;
       min-height:200px;
}

/*  ie6  hack for height */ 
html>body #left-navigation{min-height:200px;}

#left-navigation .padding {
	padding: 10px 5px 10px 20px;
}

#content {
	float:left;
	width: 745px;
}

#content-copy {
	float:left;
	width: 500px;
}

#content-copy-2-column{
	float:left;
	width: 740px;
}


#content-copy .padding {
	padding: 10px 40px 10px 10px;
}

#content-copy-2-column .padding
{
	padding: 10px 10px 10px 10px;
}

#content-copy p,
.content-copy-2-column p {
line-height:18px;
}

#content-image {
	float:left;
	width: 245px;
}

#content-image .padding {
	padding: 10px 0px 10px 0px;
}

/* = News and Events Homepage Layout
---------------------------------------------------------------------------------------------------- */

#bg-feature-news-events
{
	background: url(uploads/images/cms/news-bg.gif) repeat-y top left;
	width: 745px;
     margin-top:10px;
       margin-bottom:10px;
}

#bg-latest-news-events {
	background: url(uploads/images/cms/news-bg.gif) repeat-y top left;
	width: 745px;
     margin-top:10px;
       margin-bottom:10px;
}

.news-hr {
	background: #fff url(uploads/images/cms/news-hr.gif) no-repeat top left;
	width: 735px;
        height: 16px;
        margin-left:10px;
}

.content-news,
.content-events {
float: left;
width: 372px;
}

.content-news .padding {
padding: 0px 10px 10px 10px;
}

.content-events .padding {
padding: 0px 10px 10px 15px;
}



/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url(uploads/images/cms/horizontal-rule-grey.gif) repeat-x top left;	
	font-size: 10px;
	text-align: right;
	width: 960px;
	margin-top:10px;
	color: #839d25;
	}
#footer .padding {
	padding: 20px 0px 5px 5px;
	}
	
/* =Countries Section
---------------------------------------------------------------------------------------------------- 
*/

.countries {
padding-left:10px;
}

.countries-map {
float:left;
width:245px;
}

.countries-pageTitle {
float:left;
width:490px;
        height: 130px;
	vertical-align: bottom;
	background: #839d25 url(uploads/images/cms/h1-bg-countries.jpg) repeat-x top left;
}

.countries-pageTitle h1 { 	
	color: #fff;
	font-size: 42px;
	font-weight: normal;
	padding: 82px 5px 10px 10px;
	text-transform: uppercase;
}



/* =Text Styles
---------------------------------------------------------------------------------------------------- */
	
h1, h2, h3,h4 {
	padding-top: 5px;
	padding-bottom:5px;
}

#content-image h1, 
#content-image h2, 
#content-image h3,
#content-image h4 {
color: #EC041C;
}

h1.pageTitle { 
	background: #839d25 url(uploads/images/cms/h1-bg.jpg) repeat-x top left;	
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 5px 10px 10px;
	margin-left:10px;
	text-transform: uppercase;
}



h1 { 
	color: #FE7501;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
}

h2 { 
	color: #FE7501;
	font-size: 16px;
	font-weight: bold;
}

	
h3 { 
	color: #FE7501;
	font-size: 14px;
	font-weight: bold;
}

h4 {
	color: #ff9933; 
	font-size: 13px;
	font-weight: bold;
}

h5 {
	color: #000000; 
	font-size: 13px;
	font-weight: normal;
        text-transform:uppercase;
}   


p {
	padding-top: 0;
	padding-bottom: 10px;
}
	

ul {
	list-style-type: disc;
	font-weight: normal;
	font-style: normal;
	margin-left: 15px;
	padding: 5px 0 10px 15px;
} 

ol {
	font-weight: normal;
	font-style: normal;
	margin-left: 20px;
	padding: 5px 0 10px 15px;
} 


#content-image ul {
list-style-type: disc;
	list-style-image: url(uploads/images/list-bullet-side-image.gif);
	list-style-position: outside;

} 

#content-image li{
padding-bottom:12px;
} 



a,
a:link,
a:visited{
	color: #ff9933;
	text-decoration: underline;
}
	
a:hover {
	color: #eb031c;
	text-decoration: none;
}	


/* =Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong, b  { font-weight: bold; }
em, i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

.quote { 
font-style: italic;
font-weight: bold;
padding-left:20px;
color: #6A801E;
}

blockquote
{ 
font-style: italic;
font-weight: bold;
padding-left:20px;
color: #6A801E;
}

#content-image blockquote
{ 
font-style: italic;
font-weight: bold;
padding-left:0px;
color: #6A801E;
}


.text-small,
.caption,
.photo-credit {
	font-size: 11px;
}

.text-green {
color: #363;
}

.text-orange{
color: #FBAD25;
}

.missingtext {
	color:#FF0000;
	font-weight: bold;
}

.image-border {
	border: 1px solid #666;
}

.grey-line {
	height:1px;
	min-height:1px;
	background-color: #666;
}


hr {
	color: #666;
	background-color: #666;
	border: 0;
	height: 1px;
	margin: 5px 0 5px 0;
} 

.verticalRule-divider {
	background: url(uploads/images/cms/horizontal-rule-grey.gif) repeat-x center left;	
	width: 960px;
        height: 20px;
        /*background-color:#00CCFF;*/
}

/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		
	
.singleLineBreak {
	margin-top:	1px;
	}
	
.marginZero {
	margin:0;
	}
			
.spacer,
.clear {
	clear: both;
	margin:0; 
	padding:0;
}

.padding {
	padding: 5px;
	}

/* =Tables
---------------------------------------------------------------------------------------------------- */

table {
border-top:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
}

table th{
padding: 5px;
border-right:1px solid #000;
}

table td {
padding: 5px;
border-top:1px solid #000;
border-right:1px solid #000;
}

table.tbl_countrystats{
background-color: #F8D285;
border-top: none;
border-bottom: none;
border-left: none;
width: 245px;
font-size:11px;
}

table.tbl_countrystats td{
border-top: none;
border-right: none;
border-bottom:1px solid #d7d7d7;
padding: 5px 5px 5px 5px;
}

/* = News
---------------------------------------------------------------------------------------------------- */
.NewsSummary {
padding-bottom:10px;
}

.NewsSummaryPostdate,
.NewsSummarySummary {
      font-style: italic;
}

.NewsSummarySummary h5 {
        text-transform:uppercase;
}    

.NewsSummaryIcon {
    float:left;
    padding-right:10px;
}
.NewsListings_twoColumn {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
    float:left; 
    width:45%;
}
.NewsListings_threeColumn {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
    float:left; 
    width:30%;
    /*background-color:#CCCCCC;*/
}

.NewsVideo_floatLeft {
    float:left; 
    margin-right: 15px;
}

#NewsPostDetailDate {
text-align: right;
padding-bottom:15px;
font-size:11px;
}

#NewsPostDetailContent {
    /*none for now*/
}

#NewsDetailsBottomSpacer {
    clear:both;
    padding-bottom:15px;
}


#media-anchor-links {
	padding-bottom:5px;
}

#media-anchor-links a {
	padding:0px 5px;
}

/* -------------------------------------- slide shows ----------------------------------*/


.slideshow-nav-box {
display: block;
width: 402px;
background-color: #B1BCC0;
}


.slideShow-nav	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	float:left;
	margin:0px;
	background-color: #B1BCC0;
}

.slideShow-nav a {
	display:block;
	padding: 5px 10px;
	color:#FFFFFF;
	text-decoration:none;
}

.slideShow-nav a:hover {
	background-color: #EE341F;
}

.slideShow-photo{
float:left;
 width: 400px;
text-align:center;
border-bottom: 1px solid #B1BCC0;
border-right: 1px solid #B1BCC0;
border-left: 1px solid #B1BCC0;
padding:10px 0px 10px 0px;
margin:0;
}

.slideShow-photo img {
text-align: center;
}

.slideShow-photo-credit {
	font-size: 10px;
	font-style: italic;
	padding: 5px;
text-align: left;
}


.slideShow-copy {
float:left;
width: 300px;
padding-left:10px;
}


/* -------------------------------------- TIMELINE ------------------------------------- */
#timeline, 
#timeline-safemotherhood {
	/*margin:20px;*/
}

#timeline h1, 
#timeline-safemotherhood h1 {
	font-size: 15px;
	color: #DD0018;
	margin-bottom:8px;
	font-weight:normal;
        margin:0px;
}
#timeline h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 48px;
	color: #FBC79B;
        margin:0px;
        padding: 0px;
}
#timeline p, 
#timeline-safemotherhood p {
	font-size: 11px;
	background-image:url(uploads/images/timeline_bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:13px;
	padding-bottom:10px;
        margin:0px;
}

#timeline-safemotherhood h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 48px;
	color: #CEE287;
        margin:0px;
        padding: 0px;
}

/* =Sitemap page
---------------------------------------------------------------------------------------------------- */

ul.sitemap{
list-style-type: none;
		margin:0;
		padding:0;
}

ul.sitemap li{
	padding: 2px 0px 2px 20px;
	margin:0;
}

ul.sitemap li ul{
list-style-type: none;
		margin:0;
		padding: 5px 0px 5px 0px;
}

ul.sitemap li ul li{
	padding: 2px 0px 2px 20px;
	margin:0;
}


/* =DEBUGGING - remove when site to go live
---------------------------------------------------------------------------------------------------- */
a[href="#"] {
color: #fff;
font-weight: bold;
text-decoration: underline;
background: #eb031c;
}


/* End of 'layout' */