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



/* ALLIANCE GROUP Global CSS*/
/* Author: Caroline  Pickering */
/* Last updated 26/01/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);
}

/*** start of update 09-03-06 ***/

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


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

/*** end of update 09-03-06 ***/

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

a {
	color: #f50000
}

h1 {

	margin-top: 11px;
	margin-left: 9px;

/*** start of update 09-03-06

	margin-top: 15px;
	margin-left: 5px;
	
end of update 09-03-06 ***/

	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: 480px;
	font-style: italic;
}

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

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

/** start of update 09-03-06

	position: absolute;
	top: 0px;
	left: 0px;
	
end of update 09-03-06 **/	
	
}

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

/* New styles for lang links */
#langsites {
   width: 155px;
	font-size: 1.0em;
	color: #345C57;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: #E3D4A0 1px solid;
	border-top: #fff 1px solid;
}


#langsites a {
	font-size: 1.0em;
	line-height: 2.6em;
	color: #000;
	text-decoration: none;
}	
	
#langsites a:hover {
   text-decoration: underline;
}


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

.prew3c {
	line-height: 1.0em
}

#w3c {
	width: 106px;
	text-align: center;
	clear: left;	
}

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

#rhscol {
width: 589px;
margin-left: 178px;
border: solid 1px;
border-color: #aaaaaa;
border-right: solid 1px;
border-right-color: #ffffff;
}

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

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

#section {
width: auto;
background-color: #f8f8f8;
border-bottom: solid 1px;
border-bottom-color: #aaa;
border-right: solid 1px;
border-right-color: #aaa;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 2px;
padding-left:6px;
}

#section .section {
width: auto;
margin: 3px;
font-size: 1.7em;
color: #303c49;
font-weight: normal;
letter-spacing:0.05em;
}

#sectionhp {
position: absolute;
top: 296px;
left: 172px;
width: 587px;
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;
	
/*** start of update 09-03-06

	margin-left: 10px;
	
end of update 09-03-06 ***/

}

#mainimage {
	float: right;
	/*width: 270px; Affects the h1 tag i.e. making wrap-round*/
	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;
}



/* MAIN SITE PAGES STC sites dropdown list */

#dropdownsiteslist {
   width: 159px;
	height: 60px;
	padding-top: 10px;
	padding-left: 5px;
   color: #000;
	border-bottom: #E3D4A0 1px solid;
	border-top: #fff 1px solid;
	}
	
#dropdownsiteslist form {
	display: inline;
	padding-left: 0px; 
	
	
	}
		
#dropdownsiteslist .siteslistlabel {
	line-height: 1.1em;
	font-size: 0.8em;

}

/*** start of update 09-03-06 ***/

.siteslistlabel {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 0.9em; color:#333d49; margin-bottom:1px;}

/*** end of update 09-03-06 ***/

#dropdownsiteslist .droplist {
	color: #000;
	width: 110px;
	font-size: 0.8em;
	margin-top: 2px;
	border: solid 1px;
	border-color: #345C57;
	background-color: #eaeeee;
}




#dropdownsiteslist .gosite {
   width: 21px;
   font-size: 0.8em;
	color: #000;
	background-color: #eaeeee;
}


/* Alliance EN Site specific CSS

#mission {

	}
	
.mission {
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	width: 170px;
	background-color: #EAEEEE;	
	border: solid 1px;
	border-color: #f50000;
	margin-top: 8px;
	margin-left: 2px;
}
*/
/* Alliance Home Page content column styling*/

/*** start of update 09-03-06 ***/

#otherlanguagehome {position:absolute; left:172px; width:589px; padding-left:10px; border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding-bottom:5px;}

.alex {position:absolute; left:172px; width:589px; border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding-bottom:5px;}
.alexpadding {padding-left:10px;}

/*** end of update 09-03-06 ***/

#leftcolhp {
  width: 172px;
  float: left;
  padding-right: 8px;
  
}

#rightcolhp {
	width: 172px;
   float: left;
}


.boxhpblue {
   font-size: 1.1em;
   color: #000;
	background-color: #DFE5EC;
	width: 151px; /* Max permissible width allowing 3 boxes side by side*/
	padding: 8px;
	margin-right: 8px;
}


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

.video_medium {
}

.video_large {
}
