/* 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
}

#map_canvas { 
height: 400px;
width: 590px; 
}

#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;
}



/* Member Group Global CSS*/
/* Author: Caroline  Pickering */
/* Last updated 27/03/06 */

body {
	font-size: 69%;
	line-height: 1.5em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	background-image: url(/media/images/template_images/stc_wallpaper.gif);
}

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

a {
	color: #f50000
}



h1 {
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 1.5em;
	color: #000
}

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

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

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

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

li {
	margin-left: -18px;
}

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

blockquote {
	display: block;
	width: auto;
	margin-left: 0px;
	margin-right: 20px;
	font-style: italic;
}

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

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

#header {
	background-image: url(/media/images/template_images/header_bg.gif);
	background-repeat: no-repeat;
	width: 772px;
	height: 78px;
}

.skipnav {
	font-size: 0.05em; 
	color: #fff;
	line-height: 0.05em;
}

#stclogo {
	position: relative;
	left: 9px;
	top: 5px;
	width: 763px;
}

#stclogo .sitename {
	display: block;
	position: relative; 
	top: -25px;
	font-weight: bold;
	font-size: 1.9em;
	text-align: right;
}

#utilitymenu {
   padding-right: 3px;
	position: absolute;
	top: 52px;
	left: 8px;
	width: 761px;
	color: #fff;
	text-align: right;
}

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

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

#contentwrapper {
	width: 772px;
}

#lhscol {
	float: left;
	width: 165px;
}

#searchsite {
	border: #AAA 1px solid;
	width: 157px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 14px;
	background-color: #F1F2F6;
}

#searchsite form {
	display: inline; 
}

#searchsite label {
	font-size: 1.0em;
	color: #666;
	line-height: 1.7em;
	padding-left: 2px;	
}

.searchcontrol {
	border-left: #AAA 1px solid;
	border-right: #AAA 1px solid;
	border-top: #AAA 1px solid;
	border-bottom: #AAA 1px solid;
	padding-left: 4px;
	font-size: 1.0em;
	color: #000;
}

.gosearch {
	font-size: 1em;
	line-height: 1.3em;
	width: 22px;
	color: #fff;
	background-color: #AAA;
	border: 0px;
}

/* New additional menu below search box - styled in red */

#redmenu {
   width: 165px;
	background-color: #fff;
	border-top: solid 4px;
	border-top-color: #fff;
	border-bottom: solid 2px;
	border-bottom-color: #fff
}

#redmenu .title {
	display: block;
	color: #323c48;
	font-weight: bold;
	border: solid 1px;
	border-color: #f50000;
	padding-left: 5px;
}

#redmenu a {
	display: block;
	letter-spacing: 0.05em;
	background-color: #f50000;
	background-image: url(/media/images/template_images/redmenu_bg.gif);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px;
	border-bottom-color: #fff;
	padding-left: 5px;
}

#redmenu a:hover {
   background-color: #D10000;
   color: #000; 
}

#mainmenu {
	width: 165px;
	font-family: Verdana,Arial,sans-serf;
}

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


.level1 a {
	float: left;
	width: 165px;
	background-color: #EEE5BE;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.3em;
	text-decoration: none;
	letter-spacing: 0.05em;
	color: #323c48;
	border-bottom: #E3D4A0 1px solid;
	border-top: #fff 1px solid;
	padding-top: 4px;
	padding-bottom: 4px;  
}

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

#mainmenu .level1 .levelmarker {
	background-color: #E3D4A0;
}

.level2 {
	background-color: #F4F1D9;
}

.level2 a {
	float: left;
	width: 157px;
	font-size: 1.0em;
	color: #323c48;
	line-height: 1.2em; 
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 3px;
	background-image: url(/media/images/template_images/menu_level2_bullet.gif);
	background-repeat: no-repeat;
}

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

#mainmenu .level2 .menupad {
   display: block;
	padding-right: 8px;
	padding-left: 16px
}

#mainmenu .level2 .levelmarker {
	color: #b87605;
}

#mainmenu .level2 .levelmarker:hover {
	color: #f50000;
}

.level3 a {
	float: left;
	width: 137px;
	background-color: #F4F1D9;
	padding-left: 25px;
	padding-right: 3px;
	font-size: 1.0em;
	color: #323c48;
	line-height: 1.6em;
	text-decoration: none;
}

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

.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;
}

.level5 a {
	float: left;
	width: 120px;
	background-color: #F4F1D9;
	padding-left: 42px;
	padding-right: 3px;
	font-size: .8em;
	color: #323c48;
	line-height: 1.2em;
	text-decoration: none;
}

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



#mainmenu .pagemarker {
	color: #b87605;
	text-decoration: none;
	text-indent: -12px;
}

#mainmenu .pagemarker:hover {
	color: #f50000;
}

#menuimage {
	
}

#alliancelink {
	clear: both;
	width: 165px;
	background-color: #fff;
	padding-bottom: 2px;
	padding-top: 4px;
}

#contentleft {
	width: 149px;
	padding-top: 8px;
	padding-bottom: 5px;
	margin-left: 0px;
}

#rhscol {
	width: 599px;
	margin-left: 168px;
	border: solid 1px;
	border-color: #AAA;
	border-right: solid 1px;
	border-right-color: #fff
}

#rhscolhp { /*new*/
	width: 599px;
	margin-left: 168px;
	border: solid 1px;
	border-color: #AAA;
}

#section {
	width: 598px;
	background-color: #F8F8F8;
	border-bottom: solid 1px;
	border-bottom-color: #AAA;
	border-right: solid 1px;
	border-right-color: #AAA;
}

#sectionhp {
	position: absolute;
	top: 296px;
	left: 172px;
	width: 599px;
	background-color: #F8F8F8;
	border-bottom: solid 1px;
	border-bottom-color: #AAA;
}

#sectiontext {
	width: auto;
	padding-right: 2px;
	padding-left: 5px;
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
	color: #000;
}

#section .section {
	width: auto;
	margin: 3px;
	padding-right: 2px;
	padding-left: 2px;
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
}

#maincontent {
	margin: 6px;	
}

#mainimage {
	float: right;
	/*width: 270px; removed to stop wrapping of h1 when no image 27.03.06 */ 
	margin-top: 15px;
	margin-left: 8px;
}

#mainimagehp {
	width: 599px;
	margin-bottom: 25px;
}

#customform {
	width: 528px;
	height: 5px;
	padding-right: 8px;
	padding-bottom: 8px;
}

#footer { /* new */
	width: 772px;
	height: 30px;
	text-align: right;
}

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

#footer a:hover {
	text-decoration: underline
}

#form {
	width: 480px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-size: 1em;
	border-left: 1px solid;
	color: #255282;
	background-color: #f4f1d9;
}

textarea {
	font-size: 1em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

div.row {
	font-size: 1.1em
}

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

fieldset div.row {
	font-size: 1em;
}

fieldset {
	border-right: #255282 1px solid;
	border-top: #255282 1px solid;
	border-left: #255282 1px solid;
	border-bottom: #255282 1px solid;
}

legend {
	font-weight: bold;
	color: #255282
}

.label {
	width: 20em;
	padding-right: 1.6em;
	padding-top: 0.3em;
	text-align: left;
}

div.label {
	float: left;
}

div.fsradiolabel {
	padding-left: 9.5em;
	padding-bottom: 0.3em;
}

/* New Zealand Site specific CSS 

#header {
  	width: 738px;
	height: 85px;
	background-image: url(/media/images/template_images/m_newzea_header.gif);
	border: solid 1px;
	border-color: #ccc;
}


*/

/* Styles used for embeding video links */
.video_small {
}

.video_medium {
}

.video_large {
}



/* google map*/
.navi{
    margin: 0px;
	padding: 10px 10px 0px 10px;
	width:580px;
	height:130px;
	}
.navi ul {
 margin: 0px;
 padding: 0px 0px 30px 0px;
}
.navi ul li {
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 3px 0px 40px;
    margin: 5px;
    width:80px;
	height:20px;
}

.navi a{
        color: #252322;
        text-decoration: none;      
}
.navi a:hover {
    color: #f50000;
}
.navi #one {
    background: url(afghanistan_flag_small.png) no-repeat;
    }
.navi #two{
    background: url(bangladesh_map_small.png) no-repeat;
    }	
.navi #three{
    background: url(colombia_flag_small.png) no-repeat;
    }	
	
.navi #four{
    background: url(fiji_flag_small.png) no-repeat;
    }	
	
.navi #five {
    background: url(india_flag_small.png) no-repeat;
    }
.navi #six{
    background: url(indonesia_flag_small.png) no-repeat;
    }	
	
.navi #seven{
    background: url(kenya_flag_samll.png) no-repeat;
    }	
.navi #eight{
    background: url(laos_flag_small.png) no-repeat;
    }	
	
.navi #nine{
    background: url(mozambique_flag_small.png) no-repeat;
    }	
	
.navi #ten{
    background: url(nz_flag_samll.png) no-repeat;
    }	
	
.navi #eleven{
    background: url(nepal_flag_samll.png) no-repeat;
    }	
	
.navi #twelve{
    background: url(papua-new-guinea_samll.png) no-repeat;
    }	
.navi #thirteen{
    background: url(Zimbabwe_flag_small.png) no-repeat;
    }	
.navi #fourteen{
    background: url(Flag_of_Brazil_sall.png) no-repeat;
    }	
.navi #fifteen{
    background: url(Flag_of_the_Democratic_Republic_of_the_Congo.png) no-repeat;
    }	

#inner {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: white;
	color: black;
	margin-bottom: 10px;
}
.left {
	float: left;
	margin: 1px 8px 0px 0px;
}
.clear {
	clear: both;
	height: 2px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 1px;
}

#publication {
	float: right;
	width: 580px;
	margin: 2px 1px 0 0;
	
	####border: 1px solid #e5e5e5;
	position: relative;
}

#publication p {
	margin: 1em 0;
	padding: 0;
}

#publication .leftbox,
#publication .rightbox {
	margin-top: 5px;
	color: #464646;
}

#publication .leftbox {
	float: left;
	width: 260px;
}

#publication .rightbox {
	float: right;
	width: 262px;
	margin-right: 18px;
	##border-left: 1px solid #e5e5e5;
}

* html #publication .rightbox {
	margin-right: 10px;
}

#publication .br {
	border-bottom: 1px solid #e5e5e5;
}

#publication .readmore {
	margin-top: -0.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#publication .readmore a {
	
	color: #f73838;
}

#publication .readmore a:hover {
	color: black;
}

#publication h3 {
	text-align: center;
	##font-family: "Keble Condensed", "KebleCondensed", "arial narrow", helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: black;
	padding: 0 0 0 18px;
	margin: 1px 0 3px 0;
}