/*  Body Elements  */
/*note these are not all handled by browser versions consistently, esp between IE 5.0+ on Mac and 5.0+ on PC*/

body	{
	font-family:				arial, verdana, sans-serif;
	font-size: 80%;
  color:						#000000;
	background-color:			#fff;
	margin:						0px;
}	

form	{
	margin-top:			0px;
	margin-bottom:		0px;
	}

/* Tables for Layout */
table.table_layout {
	border-collapse:      collapse;
	border:               none;
}

td.td_head_row1_expander {
  width:								100%;
  background-color:     #0000ff;
	background-image:			url(../images/f_header_expander.gif);
	background-repeat:		repeat-x;
}

td.td_head_row2_expander {
	width:								100%;
  background-color:     #000000;
}

td.td_head_row3_expander {
	width:								100%;
	background-image:			url(../images/head_row3_02_6x63.gif);
	background-repeat:		repeat-x;
}

td.td_foot_empty_expander {
	width:								100%;
}

td.td_foot_row2_expander {
	width:								100%;
	background-image:			url(../images/foot_row2_03_expander.gif);
	background-repeat:		repeat-x;
}

td.td_foot_row3_textbox_background {
	width:								96px;
	background-image:			url(../images/foot_row3_03_96x29.gif);
}

td.td_foot_shadow {
	background-image:			url(../images/foot_shadow_3x13.gif);
	background-repeat:		repeat-x;
}

td.td_left_expander {
	width:								111px;
	vertical-align:       top;
	background-image:			url(../images/left_row9_expander.gif);
	background-repeat:		repeat-y;
}

td.td_content {
	width:								100%;
	vertical-align:       top;
	padding:              10px 10px 20px 10px;
}

td.td_right_column {
	width:								127px;
	vertical-align:       top;
}

td.td_rightcol_orange {
  background-color:     #fe9900;
}

td.td_rightcol_grey {
  background-color:     #b4b4b4;
}

td.td_rightcol_lightgrey {
  background-color:     #c7c7c7;
}

td.td_general_text {
  margin:	0; /*		Moz1.6win seems to put in a top margin on an <p>		*/
  font-size: 100%;
}

td.td_gallery {
  margin:	0;
  font-size: 60%;
  width: 75px;
}

.td_footer_stoppress_repeater {
	background-image: url(../images/f_stoppressslice.gif);
	background-repeat: repeat-x;
}

td.td_form_Foot a:hover	{
	color:				#000000;
	}

td.td_form_CellsRight a:hover	{
	color:				#000000;
	}

.td_form_All	{
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: black;
  background-color: white;
	text-align: left;
}
.td_form_Title {
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	color: 						#ffffff;
	text-align:				left;
	background-color:	#599f75;
  padding-left:			10px;
  padding-right:		20px;
}

.td_form_Subtitle {
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	color:						#ffffff;
	text-align:				left;
	padding-left:			10px;
	background-color:	#72af8a;
	}
  
.td_form_Foot {
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:						#ffffff;
	text-align:				justify;
	background-color: #599f75;
	}
  
.td_form_CellsLeft {
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				12px;
	font-weight:		 	normal;
	color:					 	#ffffff;
	text-align: 			right;
	background-color:	#9cc7ad;
	}
	
.td_form_CellsLeft_Dk {
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				12px;
	font-weight:		 	normal;
	color:					 	#ffffff;
	text-align: 			right;
	background-color:	#72af8a;
	}
  
.td_form_CellsRight {
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:						#ffffff;
	text-align:				left;
	background-color:	#72af8a;
	}
	
.td_form_CellPadding	{
	padding:					0px;
		}
		
.td_form_InsetTable {
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				12px;
	font-weight:			normal;
	color:						#ffffff;
	text-align:				left;
	background-color: #599f75;
	}

.main_background {

}

/*  Unordered List as Footer Text Navigation Menu  */
.li_nav {
  margin-left: -10px;
	text-align:     center;					
	font:						60% arial, sans-serif;
	color:					#bbbbbb;
	}

.li_inline	{
	display:		    inline;
	padding-left:	  6px;
	padding-right:	4px;
	border-right:	  1px solid #0069b5;
	padding-top:	  0px;
	}

.li_last {
  display:		    inline;
	padding-left:	  6px;
	padding-right:	4px;
	border-right:	  none;
	padding-top:	  0px;
	}

.li_nav a	{
	padding-right:		1px;
	padding-left:			1px;
	text-decoration:  underline;
	}

.li_nav a:hover	{
  color: #ff8a00;
}


	
/*  Navigation Elements  */

a	{
	text-decoration:			 none;
	color:								#EF0919;
	}

a:hover	{
	color:								#669966;
	}

a.maplink	{
	font-size:		100%;
	}

a.leftlinks {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 75%;
  font-weight: bold;
  color: #000;
}

a.leftlinks:hover {
 color: #EF0919;
}

.nounderlining {
  text-decoration: none;
}

/*		Noscript Navigation		*/
div.noscript	a	{
	font:						70% arial, sans-serif;
	color:					#ffffff;
	}
	
/*div.noscript a:link, visited, active {
	 color: white;
}*/

/*  FORM STYLES  */
input	{
	font-size:	 				90%;
	font-family:				arial, verdana, sans-serif;
	color:						#000000;
	}

input.input_search {
	margin-top:         7px;
	margin-left:        8px;
	width:			        68px;
  border:			        0 none white;
	font-size:					10px;
}

select	{
	font-size:					90%;
	font-family:				arial, verdana, sans-serif;
	color:						#000000;
	}

textarea	{
	border:						1px solid #1d669c;
	font-family:				arial, verdana, sans-serif;
	color:						#1d669c;
	font-size:					90%;
	margin-left:				10px;
	}

/*   Button Styles  */
	


/*		Font Styles		*/

h1 {	/*	Page titles	*/
	margin:				10px 0px 20px 28px;
	letter-spacing:		4px;
	font-size:			200%;
	font-weight:		bold;
	font-family:		arial, sans-serif;/*Times New Roman, Serif;*/
	color:				#000000;/*#bda26b*/
	text-align:			left;
	}

h1.h1_rightcol {
	margin-top:			4px;
	margin-bottom:	3px;
	margin-left:	  4px;
	margin-right:	  0px;
	letter-spacing: normal;
	font-size:			56%;
	font-weight:    bold;
	font-family:		arial, sans-serif;
	color:					#000;
	text-align:     left;
}

h2	{	/*	Sub-header on a page	*/
	margin:						30px 0px 20px 28px;
	background:					transparent;
	font-size:					120%;
	font-weight:				100;
	font-family:				arial, verdana, sans-serif;
	color:						#000000;/*#0034ad*/
	}

.h2_news	{	/*	Sub-header on a page	*/
	margin-bottom:				6px;
	background:						transparent;
	font-size:						140%;
	font-weight:					bold;
	font-family:					arial, verdana, sans-serif;
	color:								#1d669c;
	background-position:	bottom left;
	background-repeat:		no-repeat;
}

h3	{	/*	Sub-Sub-header on a page 	*/
	margin:			 	20px 0px 20px 28px;
	background:		 	transparent;
	font-size: 			100%;
	font-weight:		100;
	font-family:		arial, verdana, sans-serif;
	color:				#000000;
	}

h4	{	/*	Sub-Sub-header on a page	*/
  margin-left: 28px;
	margin-top:		 	20px;
	margin-bottom:	6px;
	background:		 	transparent;
	font-family:		arial, verdana, sans-serif;
	color:					#1d669c;
	}

h5	{	/*	Left hand menu headings	*/
  margin-left: 28px;
	margin-top:				10px;
	margin-bottom:		2px;
	font-size:				100%;
	font-weight:			normal;
	font-family:			arial, verdana, sans-serif;
	color:						#1d669c;
	}

h6	{	/*	Form titles	*/
	margin-top:				30px;
	margin-bottom:			15px;
	margin-left:			28px;
	background:			transparent;
	font-size:			110%;
	font-weight:		bold;
	font-family:		arial, verdana, sans-serif;
	color:				#000000;
	}


p	{
	margin:		0px 28px 12px 28px; /*		Moz1.6win seems to put in a top margin on an <p>		*/
	font-size:		100%;
	font-family:	 arial, verdana, sans-serif;
	color:			#000000;
	text-align:     justify;
	}
	
p.p_rightcol {
	margin-top:		  2px; /*		Moz1.6win seems to put in a top margin on an <p>		*/
	margin-left:    4px;
	margin-right:   4px;
	margin-bottom:  4px;
	font-size:			54%;
	font-family:	  arial, sans-serif;
	color:					#fff;
	text-align:     left;
	}

p.p_foot_address {
	text-align:   center;
	font:					64% Tahoma, arial, sans-serif;
	color:				#808080;
	}

p.p_quotation	{
	margin-left:   				76px;
	margin-right:   			76px;
	color:								#1d669c;
	font-family:	        Garamond, Times New Roman, Serif;
	font-size:			      86%;
	text-align:   				left;
	}

p.p_indent_10	{
	margin-left:    10%;
	}
	
p.p_indent_14	{
	margin-left:    14%;
	}
	
.font_weight_bold {
	font-weight: bold;
	}
	
.font_weight_normal {
	font-weight: normal;
	}

.font_color_purple	{	/*		Nice clear good contrast colour, however don't want to introduce another colour		*/
	color:					#9e1b9c;
	}

.font_color_orange	{	/*		Not such good contrast as the purple		*/
	color:					#fb9700;			/*#fbaf00;*/
		}
	
.font_color_black	{
	color:					#000000;
		}

.font_color_grey	{
	color:					#666666;
		}

.font_bold_blue {
  font-weight: bold;
  color: #4068C1;
}

.page_footer {
  color: #000000;
 font-size: 10px;
}

.link_footer {
  color: #000000;
  font-size: 10px;
  text-decoration:			underline;
}

.footer_bar {
 background-color: #EF0919;
}

/*		List Styles		*/
ol	{
	list-style-image:		none;	/*		Required for an ordered list embedded in an unordered list, otherwise the ordered list has the bullet image not a number		*/
	}

ol.ol_ABC	{
	list-style-type:		upper-alpha;
	}

li.li_margin_bottom_12	{
	padding-bottom:			12px;
	margin-left:  	  		20px;
	margin-right:			28px;
	font-family:	  		arial, verdana, sans-serif;
	font-size:				100%;
	color:					#000000;
	text-align:				justify;
	}

li.li_bullet_none	{
	list-style-type:		none;
	list-style-image:		none;
	padding-bottom:			12px;
	margin-left:  	  		40px;
	margin-right:  			60px;
	font-family:	  		arial, verdana, sans-serif;
	font-size:				100%;
	color:					#000000;
	text-align:    			justify;
	}

li.li_embeddedlist_bottom_6	{
	padding-bottom:			6px;
	margin-left:  	  	0px;
	margin-right:  			60px;
	font-family:	  		arial, verdana, sans-serif;
	font-size:					100%;
	color:							#333;
	text-align:    			justify;
	}


/*		IMAGES		*/
img	{
	border:				0px;
	}

img.img_resources	
{
	margin-left:		-12px;
	margin-right:		5px;
	float:				left;
}

img.img_countries {
  margin-left:      28px;  
  }
  
/*
.image_oasis	{
	float:			none;
	{
*/

img.img_content_left {
	float:						left;
	margin:           7px 16px 26px 14px;
	}

img.img_content_right {
	float:		right;
	margin:     5px 0px 16px 16px;
	}

img.img_card {
  float: left;
  margin: 0px 12px 16px 24px;
}


/*	FORMS		*/
/*  Standard Form Layout   */
div.div_form_enquiry	{
	width: 					350px;	/*	the width controls how far apart the labels and the form elements  appear and 350 works		*/
	border: 				1px solid #631008; /* #0034ad */
	margin-left: 			34px;
	font-size:				72%;
	}

div.div_row_heading {
	font-weight:			bold;
	color:					#ffffff;
	background:				#631008;	
	margin-bottom:			15px;
	padding:				5px;
  }

	
div.div_row {
	margin-bottom:		15px;
	border-top:			1px	dotted	#ffffff;	
	border-bottom:		1px	dotted	#ffffff;	/*		For IE6.0win need to add the borders to stop it incresing the size of the padding for the name element, does not work with none or hidden for border-style, needs a physical border		*/
  }

div.div_row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.div_row span.formelement {
  float: right;
  width: 235px;
  text-align: left;
  }

div.div_row span.formelement_farright {
  float: right;
  width: 135px;
  text-align: left;
  }

div.div_row span.formelement_right {
  float: right;
  width: 100px;
  text-align: left;
  }

div.div_row p {
  margin:		0px 20px 12px 20px; /*		Moz1.6win seems to put in a top margin on an <p>		*/
  font-size:		100%;
}

div.div_row_footer {
	font-size:				90%;
	color:					#ffffff;
	background:				#631008;
	padding:				5px;
  }

div.div_row_footer a	{
	color:						#ffffff;
  }
	
div.div_row_footer a:hover	{
	color:				#666666;
	background-color:	#ffffff;
  }
	
div.div_row_button	{
	padding-top:		10px;
	padding-bottom:		10px;
	padding-right:		10px;
	}

/*  Application Form Layout   */
div.div_appform_enquiry	{
	width: 					440px;	/*	the width controls how far apart the labels and the form elements  appear and 350 works		*/
	border: 				1px solid #1d669c;
	margin: 				0px auto;
	float:					left;
	margin-left:		20px;
	font-size:      72%;
	}

div.div_approw {
	margin-bottom:		8px;
	border-top:				1px	dotted	#ffffff;	
	border-bottom:		1px	dotted	#ffffff;
  }

div.div_approw span.applabel {
	margin-left: 		10px;
	margin-right: 		10px;
  }

div.div_approwtext {
	margin-left: 		10px;
}

/*		 Open Day Sample Programme Layout		*/
div.div_programme	{
	width: 						80%;	/*	the width controls how far apart the labels and the form elements  appear and 350 works		*/
	border: 					1px solid #8a8a8a;
	margin: 					0px auto;
	margin-left:			60px;
	font-size:      	70%;
	}

div.div_programme_row_heading {
	font-weight:			bold;
	color:						#ffffff;
	background:				#8a8a8a;
	margin-bottom:		15px;
	padding-top:			5px;
	padding-bottom:		5px;
	padding-left:			5px;
  }
	
div.div_programme_row {
	margin-bottom:		15px;
	border-top:				1px	dotted	#ffffff;	
	border-bottom:		1px	dotted	#ffffff;	/*		For IE6.0win need to add the borders to stop it incresing the size of the padding for the name element, does not work with none or hidden for border-style, needs a physical border		*/
  }

div.div_programme_row span.left {
  float: 						left;
  width: 						27%;
  text-align: 			center;
  }

div.div_programme_row span.right {
  float: 						right;
  width: 						73%;
  text-align: 			left;
  }

div.div_programme_row div.left {
  float: 						left;
  width: 						27%;
  text-align: 			center;
  }

div.div_programme_row div.right {
  float: 						right;
  width: 						73%;
  text-align: 			left;
  }
	
div.div_content_footspace {
  height: 40px;
}

/*
div.div_programme_row_footer {
	font-size:				90%;
	color:						#ffffff;
	background:				#1d669c;
	padding:					5px;
  }
*/

/*		 Download Layout		*/
div.div_download	{
	width: 					80%;
	border: 				1px solid #000000;
	margin-left:			10%;
	font-size:      		100%;
	padding-top:			15px;
	padding-left:			15px;
	color:					#000000;
	}
/*
div.div_download_row_heading {
	font-weight:			bold;
	color:					#ffffff;
	background:				#8a8a8a;
	margin-bottom:			15px;
	padding-top:			5px;
	padding-bottom:			5px;
	padding-left:			5px;
  }
*/	
div.div_download_row {
	margin-bottom:		15px;
	border-top:			1px	dotted	#ffffff;	
	border-bottom:		1px	dotted	#ffffff;	/*		For IE6.0win need to add the borders to stop it increasing the size of the padding for the name element, does not work with none or hidden for border-style, needs a physical border		*/
  }

div.div_download_row span.left {
  float: 				left;
  width: 				35%;
  text-align: 			left;
  }

div.div_download_row span.right {
  float: 				right;
  width: 				25%;
  text-align: 			center;
  }

div.div_download_row span.farright {
  float: 				right;
  width: 				35%;
  text-align: 			center;
  }

/*
div.div_download_row_footer {
	font-size:				90%;
	color:						#ffffff;
	background:				#1d669c;
	padding:					5px;
  }
*/

/*		 Links Layout		*/
div.div_links	{
	width: 						80%;	/*	the width controls how far apart the labels and the form elements  appear and 350 works		*/
	border: 					1px solid #008ac6;
	margin-left:			60px;
	font-size:      	72%;
	padding:					15px;
	}

div.div_links_row_heading {
	font-weight:			bold;
	color:						#ffffff;
	background:				#8a8a8a;
	margin-bottom:		15px;
	padding-top:			5px;
	padding-bottom:		5px;
	padding-left:			5px;
  }
	
div.div_links_row {
	margin-bottom:		15px;
	padding-bottom:		15px;
	border-top:				1px	dotted	#ffffff;	
	border-bottom:		1px	dotted	#008ac6;	/*		For IE6.0win need to add the borders to stop it incresing the size of the padding for the name element, does not work with none or hidden for border-style, needs a physical border		*/
  }

div.div_links_row span.left {
  float: 						left;
  width: 						25%;
  text-align: 			left;
  }

div.div_links_row span.right {
  float: 						right;
  width: 						35%;
  text-align: 			center;
  }

div.div_links_row span.farright {
  float: 						right;
  width: 						35%;
  text-align: 			center;
  }

/*
div.div_links_row_footer {
	font-size:				90%;
	color:						#ffffff;
	background:				#1d669c;
	padding:					5px;
  }
*/

div.div_newsheadline {
  margin: 4px 6px 0 18px;
  font-size: 60%;
}
/*
div.div_newsheadline a {
  color: #000099;
}
*/

div.div_space {
  width: 100%;
  height: 24px;
}

div.div_footer {
	width: 100%;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
	background-color: #D8DFE7;
}

div#div_hide
{
	margin: 0;
	display: none;
}


/*  Table for Data  */

table.table_All		{
	width:			80%;
	margin-left:	60px;
	margin-bottom:	30px;
	font-size:      100%;
	color:			#ffffff;
	}

td.table_top	{
	background-color:	#6b86c6;
	text-align:			center;
	}

td.table_subheader	{
	background-color:	#9CAEDA;
	color:				#000;
	text-align:			left;
	}

td.table_bottom	{
	background-color:	#6b86c6;
	}

td.cells_dkblue	{
	background-color:	#0034ad;
	text-align:			center;
	padding:			2px;
		}
		
td.cells_dkblue_Left	{
	background-color:	#6b86c6;
		}
		
td.cells_liblue	{
	background-color:	#0000ff;
	text-align:			center;
	padding:			2px;

		}

td.cells_liblue_Left	{
	background-color:	#A6B7DD;
		}

td.menulinktop {
  background-color: #CECECE;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  text-align: left;
  vertical-align: middle;
  padding-left: 10px;
}

td.menulinkbottom {
  background-color: #999999;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  text-align: left;
  vertical-align: middle;
  padding-left: 10px;
}

/*  Miscellaneous */	
.vertical_align	{
	vertical-align: middle;
	}

.radio	{
	font-size:		100%;
	}

div.toplink	
{
	width:		100%;
	text-align:	right;
	font-size:	100%;
}

div.backtotoplink	
{
	width:		100%;
	text-align:	left;
	font-size:	100%;
	margin-bottom:		20px;
	margin-left:		28px;
}

div.div_clear	{
	clear:		both;
  /*border: 1px dotted #333;*/	
	}

abbr, acronym, .help {
  border-bottom:	1px dotted #333;
  cursor:			help;
  }

li	{
	font-size:		100%;
	font-family:	 arial, verdana, sans-serif;
	color:			#000000;
  margin-bottom: 6px;
	}

.leftcolumn {
     background-color: #b2b2b2;
}

/* donations styles from wer */
.grey_back {
background-image:url("../images/grey_background.jpg");
background-repeat:repeat;
}

.p_donate_page	{
	font-family:	helvetica, verdana, arial, sans-serif;
	font-size: 		12px;
	color:				#000000;
	text-align:		justify;
	margin-top:		0;
  margin-left: 	0px;
  margin-right: 	0px;
 
	}

.p_content	{
	font-family:		helvetica, verdana, arial, sans-serif;
	font-size: 			12px;
	color:					#000000;
	text-align:			justify;
	margin-top:			0;
	padding-left: 	30px;
	margin-right: 	10px;
	line-height:		1.25;
}

.paragraph_style	{
	font-family:	helvetica, verdana, arial, sans-serif;
	font-size: 		12px;
	color:				#000000;

   
}

.p_donate_links	{
	font-family:		helvetica, verdana, arial, sans-serif;
	font-size: 			12px;
	color:					#000000;
	text-align:			left;
	margin-top:			0;
	padding-left: 	5px;
	padding-right: 	5px;
	line-height:		1.25;
}

.imgcc {
  text-align: center;
}

/*  H: Button Styles  */
	
.btn1 {
	font-family: 			helvetica, verdana, arial, sans-serif;
	font-size: 				10px;
	font-weight:			normal;
	color:						#ffffff;
	background-color: #de0000;
	cursor: 					hand;
	width: ;
	padding-top:			4px;
	padding-bottom:		4px;
	padding-left:			10px;
	padding-right:		10px;
	border-top:				1px solid #FFA6A6;
	border-left:			1px solid #FFA6A6;
	border-bottom:		1px solid #c60000;
	border-right:			1px solid #c60000;
}

.rede_red {
  color:#EF0919;
}

.rede_italic {
   font-style:italic;
}

.no_below {
  margin-bottom: 0px;
  padding-bottom: 0px;
}