/* CMS WIDE Global CSS - available to all sites in STC CMS*/
/* Author: Caroline  Pickering */
/* Last updated 26/01/06 */

/* CMS editor styles for formatting content*/

.textred {
	color: #f50000
}

.textsmall {
	font-size: 1.0em;
}



.linkarrow {
	display: inline;
	padding-top: 2px;
}


/*Box styles*/ 



.boxlgeblue {
	font-size: 1.1em;
   color: #7315AB;
	background-color: #D0D6F4;
   	clear: both;	/* 09-03-06: Was originally commented out. */
	width: 500px;	/* 09-03-06: Was 560px */
	padding: 8px;
	margin-right: 8px;
}



.boxsmlblue {
	font-size: 1.1em;
   color: #7315AB;
	background-color: #D0D6F4;
	width: 142px;  /*Max permissible width allowing 3 boxes side by side*/
	float: left;
	padding: 8px;
	margin-right: 8px;
}

.boxlgegreen {
	font-size: 1.1em;
   color: #345C57;
	background-color: #BEEAB2;
   	clear: both;	/* 09-03-06: Was originally commented out. */
	width: 500px;	/* 09-03-06: Was 560px */
	padding: 8px;
	margin-right: 8px;
}

.boxsmlgreen {
	 font-size: 1.1em;
   color: #345C57;
	background-color: #BEEAB2;
	width: 142px;  /*Max permissible width allowing 3 boxes side by side*/
	float: left;
	padding: 8px;
	margin-right: 8px;
}



.boxlgeyellow {
	font-size: 1.1em;
   color: #D66E30;
	background-color: #FCF3B2;
   	clear: both;		/* 09-03-06: Was originally commented out. */
	width: 500px;		/* Was 560px */
	padding: 8px;
	margin-right: 8px;	
	margin-left: 8px;	/* 09-03-06: New */
	display: block;		/* 09-03-06: New */
	
}

.boxsmlyellow {
	font-size: 1.1em;
   color: #D66E30;
	background-color: #FCF3B2;
	width: 142px;  /*Max permissible width allowing 3 boxes side by side*/
	float: left;
	padding: 8px;
	margin-right: 8px;
}

.contentboxleftcolumn {
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	width: 172px;
	background-color: #eab697
}

#mission {
	clear: left;
	width: 165px;
	border-bottom: #E3D4A0 1px solid;
	border-top: #fff 1px solid;
}

#mission .mission {
	display: block;
	width: 145px;
	margin: 10px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #323c48;
}



/* SCEP Group Global CSS*/

/*
General HTML tags
*/


body {
	font-size: 69%; /* For best results set to 60%, 69% or 76%. All following font sizes must be set to em's and must always be 1.0em or more*/
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
}

p {
	font-size: 1.1em;
	margin-top: 0em;
	margin-bottom: 0.8em;
}


a { color: #F50000}

h1 {
	color: #f50000;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 0px;
	}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	margin-top: 0.4em;
	margin-bottom: 0.4em;	
}


h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	margin-top: 0.2em;
	margin-bottom: 0.1em;	
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	margin-top: 0.2em;
	margin-bottom: 0.1em;	
}



ul {
	font-size: 1.1em;
	margin-top: 0em;
	margin-bottom: 0.8em;
}
	
	
li {
	margin-left: -18px;
}

ol {
	font-size: 1.1em;
	margin-top: 0em;
	margin-bottom: 0.8em;
}

blockquote {
	display: block;
	width: 480px;
	font-style: italic;
	}

table {
	display: block;
	font-size: 1.1em;
	margin-top: 0em;
	margin-bottom: 0.8em;
}

#pagewrapper {
   width: 740px;
	float: left;
}

/*
Header section
*/

#header {
  	width: 738px;
	height: 85px;
	background-image: url(http://www.savethechildren.net//media/images/template_images/separated_children_header.gif);
	border: solid 1px;
	border-color: #ccc;
}
	
.skipnav {
   font-size: 0.05em;
   line-height: 0.05em;
   color: #fff;
}
	
#stclogo {
	position: relative;
	top: 6px;
	left: 7px;
	}
	
#unhcrlogo {
	position: absolute;
   top: 18px;
   left: 680px;
	}

#utilitymenu {
   position: absolute;
   top: 80px;
	left: 8px;
	text-align: right;
   width: 738px;
   color: #333399;
	padding-right: 5px;
	}

#utilitymenu a {
   font-size: 1.0em;
	color: #333399;
	padding-right: 3px;
	text-decoration: none;
}

#utilitymenu a:hover {
    text-decoration: underline;
}

/*
Everything below header
*/

#contentwrapper {
  	width: 740px;
	background-image: url(http://www.savethechildren.net/media/images/template_images/left_margin_separate_childr.gif);
	margin-top: 10px;
}

/* Search, Main Menu, duotone image*/ 
	

#lhscol {
   width: 202px;	
	float: left;	
	position: relative;
	top: 0px;
	left: 0px;		
}


/* Search site facility*/

#searchsite {
   width: 180px;
   height: 60px;
	font-size: 1.1em;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #EAEEEE;
}

#searchsite label {
	font-size: 1.1em;
	line-height: 25px;
	color: #333399;
}
	
.searchcontrol {
		border: solid 1px;
		border-color: #333399;
		font-size: 1.1em;
		padding-left: 4px;
		color: #333399;
}

.gosearch {
   font-size: 1.0em;
	color: #fff;
	background-color: #333399;
	width: 22px;
   font-size: 1.0em;
	color: #fff;
	}




/* Styles Defining Main Menu, Site Search and STC Sites Drop down list, Skip Nav. */

#mainmenu  { 
   width: 202px;
	background-color: #fff;
	}

.menupad {
	display: block;
	padding-left: 8px;
	padding-right: 8px;	
}

.menuindent {
	display: block;
	padding-left: 25px;
	padding-right: 8px;	
}
	
	
.level1 a {
	width: 191px;
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: bold;
	color: #333399; 
	background-color: #fff;
	border-bottom: solid 1px;
	border-bottom-color: ##333399;
	float: left;
	text-decoration: none;
}	


.level1 a:hover {
   background-color: #C6C6E3;
}


.level2 a {
   width: 190px;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #333399; 
	background-color: #E6E6F3;
	float: left;
	text-decoration: none;
}

.level2 a:hover {
background-color: #C6C6E3;
}

.level3 a {
   width: 190px;
	font-size: 1.0em;
	line-height: 1.6em;
	color: #345C57; 
	background-color: #F5F5FA;
	float: left;
	padding-left: 0px;
	text-decoration: none;
}

.level3 a:hover {
background-color: #C6C6E3;
}


.level4 a {
	float: left;
	width: 130px;
	background-color: #F4F1D9;
	padding-left: 32px;
	padding-right: 3px;
	font-size: .9em;
	color: #323c48;
	line-height: 1.3em;
	text-decoration: none;
}

.level4 a:hover {
	color: #f50000;
}

#mainmenu .levelmarker {
	color: #f50000;
	text-decoration: none;	
}

#mainmenu .pagemarker {
	color: #F50000;
	text-indent: -9px;
	text-decoration: none;	
}



#menuimage {
}
	
#icons {
   width: 530px;
	background-color: #fff;;
	text-align: right;
}
  

#contentleft {
   width: 191px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 1px;
	background-color: #fff;
	float: left;
}

/*
Page Content
*/


#rhscol {
   width: 530px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}


/* Page section (breadcrumb trail)*/


#section {
   width: 530px;
	height: 100px;
	background-color: #fff;
}

.sectiontext {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	color: #f50000;
	padding-left: 5px;
	display: block; 
}


	
#maincontent { 
   width: 530px;
	padding-bottom: 5px;
		}
	
/* Mac IE fix \ inserted here*/

#maincontent {
   width: auto;
	padding-top: 8px; 
   padding-bottom: 8px; 
	padding-left:8px;
	padding-right:5px;
}
 
/* end Mac IE fix */

	

#customform {
	width: auto; /* make width of form itself 500px */
	background-color: #f4f1d9;
	padding-right: 5px;	
	padding-bottom: 0px;	
}

/*
Footer
*/


 #footer {
   width: 739px;
	height: 20px;
	margin-bottom: 10px;
	border: solid 1px;
	border-color: #ccc #fff #fff #fff;
	color: #000;
	text-align: right;
	float: left;
	padding-top: 5px;
	position: relative;
	top: 0px;
	left: 0px;
	 }

 

#footer a {
   font-size: 1.0em;
   color: #000;
   text-decoration: none;
}


#footer a:hover {
   text-decoration: underline;
}
/* End of template design and layout styles*/



/* Styles required for form builder */

#form { /* A branding styles for whole form */
  width:480px;
  background-color: #F4F1D9; 
  font-size: 1.0em;
  padding: 15px;
  color: #255282;
  border: solid 1px;
 }

textarea {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 1.0em;
  }
  
div.row {
   font-size: 1.1em;
 }

div.rowindent {
   font-size: 1.1em;
   padding-left: 9.7em;
}

fieldset div.row { /* Prevents compounded text size in nested div*/
   font-size: 1.0em;
  }

fieldset {
 border: solid 1px;
border-color: #255282;
 }
 
legend {
font-weight: bold;
color: #255282;
} 
 
.label {
  text-align: left;
  width: 20em;
  padding-right: 1.6em;
  padding-top: 0.3em; 
 } 

div.label {
 float: left;
}

div.fsradiolabel {/* Allows control to precede the label */
  padding-left: 9.5em; /* Same value as div.rowindent minus 2 */
  padding-bottom: 0.3em;
}