/* CSS Document */

.navigationItem9 a:link {border: 0px; background: white; color: #000000; font: 12px sans-serif; text-decoration:none; width: 350px;
height: 20px;
}
.navigationItem9 a:visited {border: 0px; background: white; color: #000000; font: 12px sans-serif; text-decoration:none; width: 350px;
height: 20px;
}
.navigationItem9 a:hover {background-color:#00BFFF; color: blue; text-decoration:underline; 
width: 350px;
height: 20px;
}
.style100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}
.style200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style300 {color: #5B92E5}


a:link {
	color: #5B92E5;
}
a:visited {
	color: #5B92E5;
}
a:hover {
	color: #999999;
}
a:active {
	color: #5B92E5;
}

A.link2:link {color: #ffffff; text-decoration: underline }
A.link2:visited {color: #ffffff; text-decoration: underline }
A.link2:hover {color: #ff0000; text-decoration: none }

.breadcrumb {
  color: #000000;
  text-decoration: none; font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.breadcrumb:visited {
  color: #000000;
  text-decoration: none; font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.breadcrumb:hover {
  color: #ff0000;
  text-decoration: underline; font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.style1 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold; color:#666666 }

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; }
	
	.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; }
	
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.navigatonMenu { background-color: #DADADA;}
.navigationItem { 
background-image: url(http://www.savethechildren.org/assets/images/dots.jpg);
background-position: top,left;
background-repeat: no-repeat;
visible: false;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
padding-top: 2px;  
background-color: #DADADA; 
padding-left: 18px;
padding-bottom: 3px;
border-bottom: groove thin

}
.navigationItem a:link {color: #333333; text-decoration: none }
.navigationItem a:visited {color: #666666; text-decoration: none }
.navigationItem a:hover {color: #EA000B; text-decoration: underline }

.navigationItem2 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
padding-top: 2px;  
background-color: #DADADA; 
padding-left: 18px;
padding-bottom: 3px;
border-bottom: groove thin

}

.navigationItem2 a:link {color: #333333; text-decoration: none }
.navigationItem2 a:visited {color: #666666; text-decoration: none }
.navigationItem2 a:hover {color: #EA000B; text-decoration: underline }


.navigationItem3 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
padding-top: 2px;  
background-color: #DADADA; 
padding-left: 2px;
padding-bottom: 3px;
border-bottom: groove thin
}

.navigationItem3 a:link {color: #333333; text-decoration: none }
.navigationItem3 a:visited {color: #666666; text-decoration: none }
.navigationItem3 a:hover {color: #EA000B; text-decoration: underline }


.navigationSubMenu { font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
padding-top: 2px;  
padding-left: 3px;
padding-bottom: 3px;
margin-left: 10px;
}

.filterLabel {font-size: 12px; line-height: 17px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}
.filterSelector {font-size: 12px; line-height: 17px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}
.filterCriteria {font-size: 12px; line-height: 17px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.footertxt {font-size: 11px; line-height: 10px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}
.text {font-size: 12px; line-height: 17px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.text2 {font-size: 13px; line-height: 15px; color: #000000; font-weight: bold; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.text3 {font-size: 18px; line-height: 20px; color: #666666; font-weight: bold; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}
.text3 a:link {color: #FF0000; text-decoration: none }
.text3 a:visited {color: #FF0000; text-decoration: none }
.text3 a:hover {color: #666666; text-decoration: underline }

.text3a {font-size: 12px; line-height: 17px; font-weight: bold; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.text4 {font-size: 20px; line-height: 17px; font-weight: bold; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.text20 {font-size: 14px; line-height: 15px; color: #000000; font-weight: bold; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.text21 {font-size: 12px; line-height: 15px; color: #000000; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.text22 {font-size: 11px; line-height: 12px;  font-weight: bold; color: #FF0000; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.texted {font-size: 11px; line-height: 15px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

.texted2 {font-size: 13px; line-height: 15px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

/*Styles for the Corporate Partners Index Page */
.textCP p {margin-top: 0px; margin-bottom: 0px;}
.textCP2 p {margin-top: 0px; margin-bottom: 20px;}

.arrow {
	font-size: xx-small;
	color: #FF0000;
}

img.imageborder { 
border: gray solid 1; 
}

imgcap.imageborder { 
border: gray solid 1; 
}

.smtxtarea {
	font-size: 10px; line-height: 12px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'
}

table.contacts{
background-color: #ffffff;
border: 1px #999999 solid;
border-collapse: collapse;
border-spacing: 0px; }

td.contactDept{
border: 1px #999999 solid;
color: #000000; }

td.contactDept2{ 
border: 1px #006666 solid;
color: #000000; }

td.contact{ 
border-bottom: 1px #999999 solid;
text-align: left;
color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px; }

A.bot:link {color: #ff0000; text-decoration: underline }
A.bot:visited {color: #ff0000; text-decoration: underline }
A.bot:hover {color: #666666; text-decoration: none }

A.bot2:link {color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px }
A.bot2:visited {color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px}
A.bot2:hover {color: #ff0000; text-decoration: underline;
font-family: Arial, Helvetica, sans-serif; font-size: 10px }

A.bot3:link {color: #000000; text-decoration: none }
A.bot3:visited {color: #000000; text-decoration: none }
A.bot3:hover {color: #666666; text-decoration: none }

A.bot4:link {color: #000000; text-decoration: underline }
A.bot4:visited {color: #000000; text-decoration: underline }
A.bot4:hover {color: #ff0000; text-decoration: none }

A.bot5:link {color: #ffffff; text-decoration: underline }
A.bot5:visited {color: #ffffff; text-decoration: underline }
A.bot5:hover {color: #ff0000; text-decoration: none }


.texta { 
 font-size: 10px; 
 background-color: #ffffff; 
 border: 1px solid #666666; 
}

ol.spaced li {
  margin-bottom: 8px; /* a little spacing between ordered list items */
}

ul.spaced li {
  margin-bottom: 12px; /* a little spacing between unordered bulleted list items */
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #CCCCCC;
}

h3 {
color: #666666;
font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'; line-height: 20px;
}

td.ecardField {
font-size: 12px; 
font-weight:bold; 
line-height: 17px; 
font-family: Arial, sans-serif, Verdana, Trebuchet MS, Geneva;
}

h1 {
	color: #535353;
	font-size: 1.25em;
	margin: 0 0 12px 10px;
	white-space: nowrap;
	font-weight: normal;
}
#menuwrapper {
	
	background-color: #ffffff;
	background-image: url(../images/IMAGE_HERE2.jpg);
	background-repeat: repeat-x;
	padding: 0;

}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

/* width  */
#menubar {
	width: 763px;
}
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; } #menubar a {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
}
#menubar a.trigger {
	background-image: url(../images/IMAGE_HERE3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	
}
#menubar a.trigger2 {
	background-image: url(../images/IMAGE_HERE3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	font-size: 12px;
	font-weight:normal;
	
}

#menubar li {
	float: left;
	width: 9em;
}
#menubar li {position: relative;}

/* hide from IE mac \*/
#menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li  {
	width: 12em;
}
#menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-image: url(../images/IMAGE_HERE4.jpg);
	background-repeat: repeat-x;
}
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.p7hvr a {
	color: #ffffff;
	background-color: #5B92E5;
}
#menubar li:hover ul, #menubar li.p7hvr ul {
	display: block;
	
}
#menubar li:hover ul a, #menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}
#menubar ul a:hover {
	background-color: #5B92E5!important;
	color: #FFFFFF !important;
}
/*small top links*/

#SmlTopLinks {
	height:20px;
	width:740px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
}

.style1 {color: #FF0000}

.smtxtarea {
	font-size: 10px; line-height: 12px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'
}

A.bot4:link {color: #000000; text-decoration: underline }
A.bot4:visited {color: #000000; text-decoration: underline }
A.bot4:hover {color: #ff0000; text-decoration: none }

.texted {font-size: 11px; line-height: 15px; font-family: 'Arial', 'sans-serif','Verdana', 'Trebuchet MS', 'Geneva'}

table.contacts{
background-color: #ffffff;
border: 1px #999999 solid;
border-collapse: collapse;
border-spacing: 0px; }

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; }
	
A.bot:link {color: #ff0000; text-decoration: underline }
A.bot:visited {color: #ff0000; text-decoration: underline }
A.bot:hover {color: #666666; text-decoration: none }

.texta { 
 font-size: 10px; 
 background-color: #ffffff; 
 border: 1px solid #666666; 
}
/* display template */

div#containerStf {
	width: 760px;
	text-align:left;
	background-color:transparent;



	/* for IE \*/
	* position: relative;
	* top: -20;	margin: 0px;
	padding: 0px;

}

div#contentStf {
	background-color:transparent;
	float: left;
	width: 760px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

/* body begins */
div#content_homeStf {
	background-color:transparent;
	width: 740px;
	float: left;
	padding: 0px;
	display: inline;
	top: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div#content_home_braceStf {
background-color:transparent;
	float: left;
	width: 760px;
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 295px;
	top: 0px;
	/* for IE \*/
	* position: relative;
	* top: -20;
}
/* panel */
div#home_bug1Stf {
	background-color:transparent;
	float: left;
	width: 575px;
	display: inline;
	padding: 0px;
	margin: 0px;
	height: 295px;
}
/* navigation bottom*/
div#navcontainerB {
	width: 760px;
	/* for IE \*/
	* margin-top: -13px;
}

#navcontainerB ul
{
	padding-left: 0;
	background-color: #333333;
	color: #333333;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#navcontainerB ul li {
	display: inline;
}

#navcontainerB ul li a
{
	background-color: #333;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	padding-top: 20px;
	padding-right: 42px;
	padding-bottom: 20px;
	padding-left: 43px;
	font-weight: bolder;
}

#navcontainerB ul li a.noWhiteBorder 
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#navcontainerB ul li a.selected 
{
	background-color: #CCCCCC;
	color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#navcontainerB ul li a:hover
{
	background-color: #999999;
	color: #333333;
}

/* navigation right */
/* Main menu items are set to use a background image for normal and hover states */

#navcontainerStf {
	width: 185px;
	height: 295px;
	margin: 0px;
	float: left;
	left: 575px;
	padding-top: 0px; 
	/* for IE \*/
	* padding-top: 18px;	
 }

#navcontainerStf #navlistStf {
	text-decoration: none;
}

#navcontainerStf ul
{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bolder;
	display: block;
	font-size: 20px;
}

#navcontainerStf ul li a
{
	display: block;
	background-color: #CCCCCC;
	padding-right: 0px;
	padding-left: 14px;
	background-image: url(http://www.savethechildren.org/assets/images/test-images/righNavBckImg.gif );
	background-repeat: no-repeat;
	color: #333333;
	padding-top: 22px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #FFFFFF;
	margin: 0px;
	text-decoration: none;
	background-position: right center;
	vertical-align: middle;
	height: 50px;
	/* for IE \*/
	* height: 74px;
}

/* HACK FOR IE: to stabilize appearance of menu items */
#navcontainerStf ul li a.donate
 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/righNavBckImgDon.gif);
	color: #333333;
	text-decoration: none;
	background-position: right center;
	background-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	border-left-width: 0px;
	height: 51px;
	/* for IE \*/
	* height: 74px;
}

#navcontainerStf ul li a.select
{
	background-color: #333333;
	color: #CCCCCC;
	background-image: url(http://www.savethechildren.org/assets/images/test-images/righNavBckImgHov.gif );
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: right center;
}

#navcontainerStf ul li a:hover
{
	background-color: #333333;
	color: #CCCCCC;
	background-image: url(http://www.savethechildren.org/assets/images/test-images/righNavBckImgHov.gif );
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: right center;
}

#navcontainerStf ul li a:hover .donate
 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/righNavBckImgDonHov.gif  );
	color: #FFFFFF;	
}

span.navtext {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

}
/* body begins*/

div#contentHomeStfc {
	float: left;
	width: auto;
	padding: 0px;
	color: #000000;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 760px;
	

}

div#contentHomeBracec {
	float: left;
	height: auto;
	display: inline;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 760px;
	padding: 0px;
	margin-top: 0px;

}







div#contentHomeStf {
	float: left;
	width: 740px;
	background-color:transparent;
	padding: 0px;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div#contentHomeBrace {
	float: left;
	width: 740px;
	height: auto;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div#centro {
	text-align: center; /* the auto margins (in conjunction with a width) center the page */
	width: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 80px;
	height: 720px;
}

div.media_row {
	width: 720px;
	height: auto;
	display: inline;
	margin-top: 20;
	margin-right: 20;
	margin-bottom: 20px;
	margin-left: 20;
	text-align: center;
}

div.media {
	float: left;
	width: 210px;
	height: auto;
	margin-right: 10px
	display: inline;
	margin: 15px;
	text-align: center;
	display: block;
}

img.media {
	display: inline;
	border: 1px solid #999999;
}

div.media_desc {
	width: 190px;
	height: 60px;
	display: block;
	text-align: center;
}



div.involved_row {
	width: 730px;
	height: auto;
	display: inline;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
	text-align: left;
	clear: both;
}

div.involved {
	float: left;
	width: 230px;
	height: auto;
	margin-right: 10px
	display: inline;
	margin: 5px;
	text-align: left;
	display: block;
}

img.involved {
	display: inline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div.involved_desc {
	width: 190px;
	height: 60px;
	display: block;
	text-align: left;
}

div#people {
	float: left;
	width: 720px;
	height: auto;
	margin: 0 10px 0 10px;
	display: inline;
}

div.people_entry {
	float: left;
	width: 720px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

div.people_desc {
	float: left;
	width: 560px;
	height: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
}

div.people_thumb {
	float: right;
	width: 133px;
	display: block;
}

img.people_thumb {
	border: 1px solid #666666;
	padding: 0px;
	margin-bottom: 6px;
}

div#info {
	float: left;
	width: 720px;
	height: auto;
	margin: 0 10px 0 10px;
	display: inline;
}

div.info_entry {
	float: left;
	width: 720px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

div.info_desc {
	float: left;
	width: 460px;
	height: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
}

div.info_thumb {
	float: right;
	width: 235px;
	display: inline;
}

img.info_thumb {
	border: 1px solid #666666;
	padding: 0px;
	margin-bottom: 6px;
}

div#aboutMain {
	float: left;
	width: 720px;
	display: inline;
	padding: 0px;
	color: #000000;
	margin: 0 10px 0 10px;
	line-height: normal;
}

.about{
	line-height: normal;
	width: 720px;
	float: left;
	}

.about ul {
	list-style-type: disc;
	
	}
	
.about li {
	color:#000;
	line-height: 20px;
	
	}

.about li a{
	color:#FF0000;
	}

.about li a:hover {
	color: #666666;
}

.about p {
	line-height: 16px;
}

.about a{
	color:#FF0000;
	text-decoration:underline;
	}
	
.about a:hover {
	color: #666666;
}


img.about {
	width: 235px;
	height: 150px;
	float: right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 12px;
	border: 1px solid #666666;
}

p.about {
	width: 235px;
	float: right;
	margin: 12;
	padding: 0px;
}

div#homeBug2 {
	float: left;
	width: 450px;
	display: inline;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
}

.hbug{
	}

.hbug ul {
	list-style-type: disc;
	}
	
.hbug li {
	color:#000;
	}

.hbug li a{
	color:#FF0000;
	}

.hbug li a:hover {
	color: #666666;
}

.hbug p {

}

.hbug a{
	color:#FF0000;
	text-decoration:underline;
	}
	
.hbug a:hover {
	color: #666666;
}


p.three {
	font-size: 14px;
	font-weight: bold;
}

p.black{
	margin: 0;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

div.direct_thumb {
	float: right;
	width: 250px;
	display: inline;
	margin-left: 10px;
}

img.direct_thumb {
	border: 1px solid #666666;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

p.imgcap {
	font-size: 9px;
	display: inline;
	line-height: 12px;
}

div#homeBug3 {
	float: right;
	width: 242px;
	height: 231px;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.clear1 {
	clear: both;
	height: 0px;
	padding: 0;
	}

.italicStf  {
	font-style: italic;
}

.boldStf  {
	font-weight: bold;
}

img {border:0;}

@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	background-color:transparent;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 575px;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	height: 295px;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	height: 0px;
	visibility: hidden;
	background-color:transparent;
	width: 575px;
	z-index: 0;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	visibility: hidden;
	background-color:transparent;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	padding: 0px;
	margin: 0px;
	height: 0px;
	background-color:transparent;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	padding: 0px;
	margin: 0px;
	background-color:transparent;

}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	padding: 0px;
	margin: 0px;
	height: 0px;
	background-color:transparent;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	background-color:transparent;
	clear: both;
	height: 295px;
	padding: 0px;
	margin: 0px;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 0px;
	margin: 0px;
	height: 295px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}


#tp0 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner0.jpg);
	background-repeat: no-repeat;
}
#tp1 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner1.jpg);
	background-repeat: no-repeat;
}

#tp2 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner2.jpg);
	background-repeat: no-repeat;
}

#tp3 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner3.jpg);
	background-repeat: no-repeat;
}

#tp4 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner4.jpg);
	background-repeat: no-repeat;
}

#tp5 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner5.jpg);
	background-repeat: no-repeat;
}

#tp6 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner6.jpg);
	background-repeat: no-repeat;
}

#tp7 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner7.jpg);
	background-repeat: no-repeat;
}

#tp8 {
	background-image: url(http://www.savethechildren.org/assets/images/test-images/surviveBanner8.jpg);
	background-repeat: no-repeat;
}