@charset "UTF-8";

/* worldbreastfeedingweek */
/* CSS for all */

* {
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

@font-face {
    font-family: "apex";
    src: url("apexbook.woff") format('woff');
}

@font-face {
    font-family: "apex";
    src: url("apexbold.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "giorgiosans";
    src: url("GiorgioSans-Bold-Web.woff") format('woff');
    font-weight: bold;
}


body {
	/* font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;*/
	font-family:'apex', Tahoma, Geneva, sans-serif;

	line-height:1.5em;
	font-size: 95%;
	position:relative;
	text-align:center;
	background: url('') repeat fixed #fff; 
	
}

a {
	color: #10b0e6;
	text-decoration: none;
	
}


.biggerlink {
	font-size: 110%;
	font-weight: bold;
	color: #f05b40;
}


.sort{
	border: 0 none;
	height: 11px;

}

a:hover {
	color: #f7c1d8;
}

.left {
	float: left;
}

.right {
	float: right;
}

.ul2 {
	padding-left: 21px;
	line-height: 150%;
	font-size: 95%;
	
}

.ul2 li {
	margin-top: 10px;
}

.ul3 {
	color: #555;
	}

.ul3 li a {
	
	}

.ul3 li a:hover {
	color: #007dba;
	}

#tooltip {
	background-color: #fff;
	padding: 5px;
	color: #aaa;	
	z-index: 99;
	position: absolute;
	font-size: 9pt;
	line-height: 11pt;
	opacity: 0.8;
	display: none;

}



#topbar {
	background-color: #C40059;
	color: #fff;
    font: 13px/28px sans-serif;
    height: 28px;
    left: 0;
	min-width: 600px;
    position: fixed;
	float: right;
    top: 0;
    width: 100%;
    z-index: 99;
	text-align: right;
}

#topbar a{
	color: #fff;
	text-decoration: none;
	margin-right: 5px;
}

#s-mainwrapper {
	position: relative;
	font-size: 1.09em;
	clear: both;
	margin: auto;
	text-align: left;
	width: 90%;
	max-width: 980px;
	min-width: 400px;
	background: solid #fff;
/*	border-right: 15px solid #fff;
		border-left: 15px solid #fff;*/

	

}


#leftmodule {
	float:left;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	width:  69%;
	min-width: 388px;
	max-width: 670px;
}

#rightmodule {
	float: right;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	width: 29%;
	min-width: 200px;
	max-width: 312px;

}

#leftmodule, #rightmodule {
	font-size:0.9em;
	color: #666;
	text-align: justify;
}

.leftfloatimg {
	float: left;
	margin: 0px 10px 10px 0px;
}

.rightfloatimg {
	float: right;
	margin: 0px 0px 10px 10px;
}


hr {
	border: 1px solid #ccc;
}

h3, h4, h5, h6, h2 {
	
	text-decoration: bold;
	font-size: 1.1em;
	margin-top: 5px;

}
h6 {
	color: #fedd00;
}

h5 {
	color : #f6921e;
}

h4 {
	color : #f05b40;
	margin-bottom: 0px;
}

h3 {
	color : #8bc53f;
	font-size: 1.2em !important;
}

h2 {
	color: #10b0e6;
	}

.textcontainer {
	width: auto;
	height: auto;
	padding: 10px;

}

.redhead, .pinkhead, .bluehead, .orangehead, .greenhead{
	position: relative;
	width:100%;
	height: auto;
	color: #fff;
	min-width: 200px;
	margin:0;
	padding: 0px;
	font-weight: bold;
	font-size: 1.0em;


}


.redhead {
	background-color: #f05b40;
}

.bluehead {
	background-color: #10b0e6;

}

.pinkhead {
	background-color: #f7c1d8;
}

.orangehead {
	background-color: #f6921e;

}

.greenhead {
	background-color: #d6de23;

}


.lefthalf {
	float: left;
	margin: 0px 10px 0px 0px;
}

.righthalf {
	float: right;
	margin: 0px 0px 10px 0px;
}


.lefthalf, .righthalf {
	font-size:0.9em;
	color: #666;
	text-align: justify;
	position: relative;
	width: 48%;
	min-width: 388px;
	max-width: 461px;
}


.disclaimer {
	font-size: 0.85em;
	color: #aaa;
}

.smalllist {
	margin-left: 20px;
	font-size: 0.9em;
}

#s-header {
	position: relative;
	background: #fff;

}

#smbox {
	z-index: 9;
	position: absolute;
	right:0;
	border: 0 none;
	padding: 0px;
	text-align: right;
}

#s-header-img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
	margin-bottom: 5px;


}


#s-header-img img {
	float: left;
	position: relative;
	top: 10px;
	z-index:98;
	height: 170px;
	margin-right: 1px;
	margin-bottom: 10px;
	}

#s-header-logo {
	float: left;
	position: absolute;
	height: 370px;
	left: -35px;
	top: 5px;
	z-index:4;
}

.header-text{
	position: relative;
	z-index: 6;
	left: 30px;
	/* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
	/*font-weight: bold;*/
	font-size: 2.0em;
	line-height: 110%;

}

#s-navigation {
	position: relative;
    border-bottom: 2px solid #eee;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
	line-height:inherit;
	width: 100%;
	z-index: 6;
}

#s-navigation ul {
	margin: 0 12px;
	position: relative;
}

#s-navigation a {
	color: #222;
}

#s-navigation a:hover {
	color: #26bde2;
}

#s-navigation ul li  {
    float: left;
    font-weight: bold;
    margin: 0 10px 0 10px;
	list-style: none outside none;
	font-size: 0.8em;
}


.subtab ul li {
	clear:both;
	list-style: none outside none;
	background-color: #fff;
	padding: 8px;
	min-width: 130px;
	margin: 0px !important;
	border-bottom: 1px solid #129656;
	opacity:1;

	
}
    
#s-navigation ul div.subtab {
	font-size: 0.9115em;
    width: 160px;
	border: 0 none;
	float: left;
	position: absolute;
	z-index: 90;

	
}

.clearer {
	clear: both;
}

#filllayer {
	background: #FFFCD5;
	opacity: 0.5;
	position: fixed;
	width: 100%;
	height: 200%;
	top:0px;
	z-index:-5;
}

#s-navigation, #s-body {
	background: #fff;
}

#s-body {
	min-height: 480px;
	padding: 0px;
	padding-top: 15px;
}

#s-footer {
	position: relative;
	color: #fff;
	float: left;
	font-size: 0.75em;
	padding: 0px;
	width: 100%; 
	max-width: 980px;
	min-width: 400px;
	background-color: #666;
}

#s-footer a {
	color: #eee;
}

#s-footer a:hover {
	color: #fff;
}


.active {
	z-index:9 !important;
}

.lastactive {
	z-index:8 !important;
}




.pagetitle {
	width: 100%;
	height: 60px;
	background: url("../images/wbw2013-banner-b.png") no-repeat 0px -30px;
	position: relative;
	
}

.pagetitle .text1 {
	color: #fff;
	font-size: 20pt;
	line-height: 30pt;
	font-weight: bold;
	position: relative;
	left: 20px;
	top: 10px;
}

#logofarm {
  border-bottom: 1px solid #CCCCCC !important;
  border-top: 1px solid #CCCCCC !important;
  padding: 5px 0px !important;
  height: auto;
  width: 100%;
}

#logofarm img {
	margin: auto;
	/* padding: 5px 30px 10px 0px; */
	border: 0 none;
	max-height: 70px;
	max-width: 120px;

}

.logofarmbox {
	float: left;
	width: 150px;
	text-align: center;
	margin: 2%;
}

.logofarmbox a {
	font-size:0.6em;
	color:#999;
}




.list1 {
	margin-left: 30px;
	font-size: 10pt;
	line-height: 15pt;

}

.list1 li {
	margin-bottom: 10px;
}


.module1 hr, .module2 hr, .mudule3l hr, .mudule3r hr {
	background-color: #ddd;
	height: 2px;
	border: 0;
	

}

.module1, .module2, .mudule3l, .mudule3r {
	font-size: 0.75em;
	line-height: 1.8em;

}

#pledgemap{
	position: relative;
	z-index:3;
	margin: auto;
	width: 945px;
}

#pledgemap{
	z-index: 3;
	position: relative;
}

#map {
	position: relative;
}

.pledges {
	position: absolute;
	width: 40px;
	z-index: 5;
	float: left;

}

#tooltip2 {
	background-color: #def;
	padding: 5px;
	color: #111;	
	z-index: 99;
	position: absolute;
	font-size: 6.5pt;
	line-height: 8pt;
	opacity: 0.9;
	display: none;
	height: auto;
	text-align: left;
	cursor: pointer;
}

#tooltip2 b{
	font-size: 1.3em;
	line-height: 1.5em;
	text-decoration: underline;
}

#pledgetableheader {
	position:relative;
	font-weight: bold;
	color: #466090;
	margin-top: 50px;
}

#pledgetablebody {

}


.pno, .pcountry, .pstate, .pname, .porg, .pact {
	float: left;
	border-top: 1px solid #ccc;
	position: relative;
	line-height: 20pt;
	font-size: 9pt;
}

.pstate, .porg {
	color: #88b;
}


#sortc, #sortn, #sorto, #sortno, #sorts {
	cursor:pointer;
}

.pno {
	width: 50px;
	clear: left;
}

.pcountry {
	width: 130px;
}

.pstate {
	width: 120px;
}


.pname {
	width: 190px;
}

.porg {
	width: 240px;
}

.pact {
	width: 200px;
	clear: right;
}






		
	.coverbox {
		width: 100%;
		height: 150%;
		z-index: 99;
		left: 0;
		top: 0;
		background: #000;
		position: fixed;
		opacity: 0.9;
		text-align: center;
		vertical-align: center;
		overflow: hidden;
		margin: auto;
		display: none;

	}

	.displaybox {
		width: 50%;
		min-width: 640px;
			
		float: left;
		z-index: 100;
		background : #fff;
		position: fixed;
		margin: 25px;
		padding: 10px 0px 0px 10px;
		overflow: auto;
		vertical-align: center;
		text-align: left;
		display:none;
		font-size: 0.8em;

		
	}


	#mainmenu {
		height: 80px;
		width: 80px;
		z-index:99;
		position:fixed;
		border:0px none;
		right: 10px;
		bottom:10px;
		cursor: pointer;
		color: #000;
		opacity:0.5;
	}

	.mdgmain {
		position: relative;
		width:90%;
		height: 100%;	
		min-width: 400px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		overflow: hidden;
	}

	.mdgmain a{
		color: #fff;
		}

	.mdg{
		position: relative;
		text-align: center;
		
		position: relative;

		width: 20%;		
		max-width: 250px;
		
		max-height: 250px;
		

		float: left;
		margin: 0.5%;

		word-wrap: break-word;


	}

	.mdg2{
		position: relative;
		text-align: right;
		position: relative;

		width: 38%;		
		
		
		max-height: 250px;
		max-width: 528px;
		

		float: left;
		margin: 1%;

		word-wrap: break-word;


	}

	

	.mdg h1{
		font-family:arial;
		font-size: 20px;
		line-height: 30px;
		margin-top:11%;
	}

	.mdg2 h1 {
		font-family:arial;
		font-size: 24px;
		line-height: 35px;
	}

	.mdg, .mdg2 {
		cursor: pointer;
		color: #fff;
	}

	.mdgrbox {
		background-color: #888;
	}

	.box5 {
		position: relative;
		width: 48%;		/* desired width */
		margin:1%;
		float:left;	
		min-width: 200px;

	}
	.box5:before{
		content: "";
		display: block;
		padding-top: 100%; 	/* initial ratio of 1:1*/
	}

	.box7 {
		width: 80%;		/* desired width */
		margin:1%;
		margin-bottom:30%;
		min-width: 200px;
		position:relative;
		display:inline-block;



	}


	.box6 {
		position: relative;
		width: 31%;		/* desired width */
		margin:1%;
		float:left;	
		min-width: 200px;

	}

	.box4 {
		position: relative;
		width: 31%;		/* desired width */
		margin:1%;
		float:left;	
		min-width: 200px;

	}
	.box4:before{
		content: "";
		display: block;
		padding-top: 100%; 	/* initial ratio of 1:1*/
	}


	.box3{
		position: relative;
		width: 23%;		/* desired width */
		margin:1%;
		float:left;	
		min-width: 150px;
	}

	.box3:before{
		content: "";
		display: block;
		padding-top: 100%; 	/* initial ratio of 1:1*/
	}

	.box3content{
		position:  absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 3%;
		color: #fff;
	}

	.box3content2{
		position:  absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 3%;
		color: #fff;
		display: none;
		font-size: 0.8em;
		overflow:auto;
	}

	.box3content2 a, .box3content2 a:hover {
		color:#fff;
	}

	.ta {
		position:relative;
		width:10%;
	}


	.regularbox {
		padding: 10px;
	}

	.box3content hr {
		border: 1px solid #eee;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.box3content a {
		color:#fff;
	}

	.sustain {
	    
		margin-top: 40%;
		text-align: center;
	}

	.showhide, .showhidebtn, .showhidecontent {
		padding:0;
		margin: 0;
	}

	.showhidebtn {
		padding: 5px;
		text-align: center;
		color: #333;
		cursor:pointer;
	}

	.showhidecontent {
		display:none;
		}
	

	.introtext {
		text-align: center;
		font-size: 1.4em;
		line-height: 1.5em;
		color: #9e9e9e;
		font-family: Tahoma, Geneva, sans-serif
		padding: 0px 20px;
	}




		.imgdesc {
			float: left;
			vertical-align: top;
			padding-left: 20px;
			
		}


		.entrydiv {
			display: none;
		}

		.pcthumbnail {
			cursor: pointer;
		}

		.closebox {
			z-index: 102;
			color: #555;
			float: right;
			background: #9ad;
			padding: 15px;
			height: 10px;
			position: relative;
			top: -30px;
			cursor: pointer;
			margin: 0px;
			clear: none;
			text-decoration: bold;
			color: #fff;
		}

		.pcimage {
			/*min-height: 320px;
			border: 2px solid #aad; */
			position: relative;
			max-height: 700px;
		}

		.previmg, .nextimg {
			cursor: pointer;
			color: #BA1E32;
			font-weight: bold;
		}

		.desctext {
			color: #a7a;
			font-size: 8pt;
			line-height: 11pt;
		}




		.pledgebox {
			position: absolute;
			color: #eee;
			font-size: 7pt;
			line-height: 7pt;
			padding: 2px;
			z-index: 98;
			cursor:pointer;
			border-radius:10px;

		}

		.pledgeimage {
			 height: 10pt;
		}

		.pledgebox10 {
			padding:4px;
			margin-left: -1px;
			margin-top: -1px
		}

		.pledgebox50 {
			padding: 7px;
			margin-left: -2px;
			margin-top: -2px
		}

		.pledgebox100 {
			padding: 7px 9px;
			margin-left: -4px;
			margin-top: -3px
		}

		.country {
			display:none;
			}

		.pcdisplay {
			position: relative;
			float: left;
			width: 30%;
			margin: 0px 2% 5% 0px;
			border: 1px solid #BA1E32;
		}


		.insertpic {
			width: 40%;
			min-width: 20px;
		}

		.insertpicp {
			width: 25%;
			min-width: 20px;
		}

		.gifdownloads table {
			font-size:80%; 
			color:#888;
		}