/*******************************************************************/

body { 
margin : 0 auto;
padding : 0;
font : 100%/1.6 Arial, "Helvetica Neue", Helvetica, Helve, sans-serif;
color : #666; 
text-align: center;
background: #ffffff;
}

button,
abutton, 
input, 
select, 
textarea { 
font-family : Arial, "Helvetica Neue", Helvetica, Helve, sans-serif; 
color : #000; }

/*============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family:  Arial, "Helvetica Neue", Helvetica, Helve, sans-serif;
font-weight : normal;
margin-top: 0px;
}

h1 { 
color: #004b8e;
margin-bottom : 0.2em;
font-size : 2.5em; /* 40 / 16 */
line-height : 1.4;
font-weight:bold;
}

h2 { 
color: #003b7e;
margin-bottom : .5em;
font-size : 2em; /* 32 / 16 */
line-height : 1.2;
}

	h2.dotted {
	padding-bottom : 0.5em;
	margin-bottom:0;
	border-bottom: 2px #ccc dotted;
	font-size : 1.5em; 
	text-transform:uppercase;
	}

h3 { 
color: #000;
margin-bottom : 0.3em;
font-size : 1.375em; /* 22 / 16 */
line-height : 1.3; }

	footer h4 { 
	color: #fff;
	margin-bottom : 0.7em;}



h4 { 
color: #000;
margin-bottom : 0.5em;
font-size : 1.25em; /* 20 / 16  */
line-height : 1.25; }

h5 { 
color: #000;
margin-bottom : 1.0em;
font-size : 1em; /* 16 / 16 */
text-transform:uppercase; }

h6 { 
color: #004b8e;
font-size : 1em; /* 16 / 16  */ }

/*============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  }


p.introtext {
font-size: 1.375em; /* 22 / 16 */
line-height: 1.4em;
}

p.center {
text-align: center;
}

ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

/*=============================================================================  */

a { 
color : #004b8d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color : #238be9; }

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
color : #0070d6;
}

a.gen {
    float:left; display: block;
    background: #e0eaf3; /* Old browsers */
		background: -moz-linear-gradient(top, #e0eaf3 33%, #afcae0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e0eaf3), color-stop(100%,#afcae0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e0eaf3 33%,#afcae0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf3', endColorstr='#afcae0',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 2px 2px 0px #d4d4d4;
    -moz-box-shadow:0px 2px 2px 0px #d4d4d4;
    box-shadow: 0px 2px 2px 0px #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 0px #fff;
    padding: 0.5em 1em;
    display: block;
    border: #93c1e6 1px  solid;
    color: #1a3d5e;
}
a.gen:hover {
    background: #e0eaf3; /* Old browsers */
		background: -moz-linear-gradient(top, #e0eaf3 0%, #afcae0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0eaf3), color-stop(100%,#afcae0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e0eaf3 0%,#afcae0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e0eaf3 0%,#afcae0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e0eaf3 0%,#afcae0 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e0eaf3 0%,#afcae0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf3', endColorstr='#afcae0',GradientType=0 ); /* IE6-9 */
		border: #649cc9 1px  solid;
}

input.submitbtn {
    float:left; display: block;
    background: #e0eaf3; /* Old browsers */
		background: -moz-linear-gradient(top, #e0eaf3 33%, #afcae0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e0eaf3), color-stop(100%,#afcae0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e0eaf3 33%,#afcae0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf3', endColorstr='#afcae0',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 2px 2px 0px #d4d4d4;
    -moz-box-shadow:0px 2px 2px 0px #d4d4d4;
    box-shadow: 0px 2px 2px 0px #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 0px #fff;
    padding: 0.5em 1em;
    display: block;
    border: #93c1e6 1px  solid;
    color: #1a3d5e;
}
input.submitbtn:hover {
    background: #e0eaf3; /* Old browsers */
		background: -moz-linear-gradient(top, #e0eaf3 0%, #afcae0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0eaf3), color-stop(100%,#afcae0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e0eaf3 0%,#afcae0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e0eaf3 0%,#afcae0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e0eaf3 0%,#afcae0 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e0eaf3 0%,#afcae0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf3', endColorstr='#afcae0',GradientType=0 ); /* IE6-9 */
		border: #649cc9 1px  solid;
}
	
footer a { 
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited { 
color : #ffffff; }

footer a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

footer a:hover, 
footer a:active { 
outline : 0;
color : #eeffee;
}

.footertext address,p{margin-bottom:1em;font-size:0.938em}

/*============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 20px 0 0; }
img.floatright { float: right; margin: 0 0 0 20px; }


/*============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
}

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/*============================================================================= */
/*
form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input[type="email"], input[type="tel"], input[type="text"]{
display:block;
width:97%;
margin:0 0 20px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 2px #666;
-webkit-box-shadow:inset 0px 1px 2px #666;
box-shadow:inset 0px 1px 2px #666;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}
*/	
textarea{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-family:inherit;
font-size:0.9em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
overflow : auto; 
vertical-align : top;
}

/* Required Star */
form i { color:#f00; }

/*============================================================================= */

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}

	#headcontainer {
		width: 100%;
	}

		header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 75em; /* 1200px / 16 */
			margin: 0 auto;
			padding: 0px;
			position: relative; z-index:99;
			color: #000;
		}

/* ============================================================================= */		
			nav.topmenu {
				width: auto;
				margin-top: 10px;
				float: right;
				font-size: 0.9em; /* 15 / 16 */
				
			}
			
			
				nav a:link, nav a:visited { color: #333; text-decoration: none; }
				nav a:hover { color: #000; text-decoration: none; }


				nav ul#topmenu {
					float: right;
					list-style: none;
					padding: 0px;
					margin: 0px;
					font-size: 0.875em; /* 14 / 16 */
				}

					nav ul#topmenu li{
						display: block;
						float: left;
						width:auto;
						margin: 0 0 0 10px;
						line-height: 1.5em;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					
					/* IE8 Hacks*/
					.ie8 nav ul#topmenu li.topnav1 { width:90px; }
					.ie8 nav ul#topmenu li.topnav2 { width:100px; }
					.ie8 nav ul#topmenu li.topnav7 { width:120px; }
					.ie8 nav ul#topmenu li.topnav8 { width:120px; }
					
					nav ul#topmenu li a {
						padding: 7px 8px;
						display: block;
						color: #666;
						outline:0;  
						text-decoration:none; 
					}

					nav ul#topmenu span { float:left; display:block; padding-top:0.1em; }
					
					nav ul#topmenu li a img {
						height: 2em;
						float: left;
						margin-right: 0.3em;
						opacity: 0.75;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
						filter: alpha( opacity  = 75);
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					
					nav ul#topmenu li a:hover img {
						opacity: 1.0;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						filter: alpha( opacity  = 100);
					}

					nav ul#topmenu li.activeNav a {     
						color: #333;  
					} 


					nav ul#topmenu li:hover a {     
						color: #000;   
					} 
					
/* ============================================================================= */



.menu { float: right; position:relative; z-index: 999; width: 76%; margin-top: 10px;	}
.menu ul { float: right; margin: 0; padding: 0;   display: block;  list-style: none; }
.menu li { float:left;  display: block; position: relative;  }

.menu a {
  color: #fff;
  text-decoration: none;
  padding: 0.7em 1.1em;
  float: left;
  text-align: center;
  border-bottom: 0;
  font-size:12px;
}

.menu li.drop:hover a { color:#fff; }
.menu a:hover { color:#fff; }
.menu ul li ul { display:none; }
.menu ul li:hover ul { display:block; position:absolute; top:2.2em; left:auto; background:#111; width:380px;  border:0; box-shadow:4px 4px 4px rgba(0,0,0,0.2); border-radius:0 0 8px 8px; padding:0.6em 0 0.8em 0; z-index:99999; }
	.menu ul li ul li { float:left; width:50%; background:none; border:0;  }
	.menu ul li ul li a { display:inline-block; text-indent:0; text-align:left; border:0; padding:0.2em 1em;color:#ccc;  font-size:11px;}
	.menu ul li ul li a:hover { color:#fff; } 
	.menu ul li ul li:hover { background:none; }

.menu ul li.nav5:hover ul, .menu ul li.nav6:hover ul { left:auto; right:0; }

/* dropdown arrow */
.menu li .drop { padding-right:26px;}
.menu li .drop, .menu li:hover .drop { background:url("") no-repeat 95% 12px;  }  
/*.menu li .drop, .menu li:hover .drop { background:url("/images/drop.png") no-repeat 95% 12px;  }*/  
/* colours */
li.nav3, li.nav4, li.nav5, li.nav6 { border-radius:8px 8px 0 0; }
li.nav3 { border-bottom: 4px solid #d7c500; }
.menu ul li.nav3:hover ul { border-top: 4px solid #d7c500; }
li.nav3.hassub:hover {  background: #d7c500; }
li.nav4 { border-bottom: 4px solid #77a22f; }
.menu ul li.nav4:hover ul { border-top: 4px solid #77a22f; }
li.nav4.hassub:hover {  background: #77a22f; }
li.nav5 { border-bottom: 4px solid #c41330; }
.menu ul li.nav5:hover ul { border-top: 4px solid #c41330; }
li.nav5.hassub:hover {  background: #c41330; }
li.nav6 { border-bottom: 4px solid #f68026; }
.menu ul li.nav6:hover ul { border-top: 4px solid #f68026; }
li.nav6.hassub:hover {  background: #f68026; }

/* ============================================================================= */

	#topimagecontainer {
		width: 100%;
		background: #41475c; 
			background: -moz-linear-gradient(top, #41475c 0%, #0c437f 65%); 
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41475c), color-stop(65%,#0c437f));
			background: -webkit-linear-gradient(top, #41475c 0%,#0c437f 65%); 
			background: -o-linear-gradient(top, #41475c 0%,#0c437f 65%);
			background: -ms-linear-gradient(top, #41475c 0%,#0c437f 65%);
			background: linear-gradient(to bottom, #41475c 0%,#0c437f 65%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41475c', endColorstr='#0c437f',GradientType=0 ); 
		background: #e0eaf3; 
		background: -moz-linear-gradient(top, #e0eaf3 33%, #afcae0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e0eaf3), color-stop(100%,#afcae0)); 
		background: -webkit-linear-gradient(top, #e0eaf3 33%,#afcae0 100%);
		background: -o-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); 
		background: -ms-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); 
		background: linear-gradient(to bottom, #e0eaf3 33%,#afcae0 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf3', endColorstr='#afcae0',GradientType=0 ); 
		margin-top:0.6em; margin-bottom:-0.6em;
	}

		#topimage{
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			color: #333;
			line-height: 1.5em;
			font-size: 0.8125em; /* 13 / 16 */
		}
			
	#maincontentcontainer {
		width: 100%; border-top:3px #004a8d solid; margin-top:0.6em; /*border-bottom:1px #ccc solid;*/
	}

		#maincontent{
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 92.31em; /* 1200px / 13 */
			margin: 0 auto;
			color: #333;
			line-height: 1.5em;
			font-size: 0.8125em; /* 13 / 16 */
			
		}
	#lower_section {
		width: 100%;
		border-top:1px #fff solid;
		/*background:url(../images/lower_section.png) repeat;
		text-shadow:1px 1px 0px #fff;*/
	}
	

	#footercontainer {
		width: 100%;
		background: #222;
	}
	
		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 100em; /* 1200px / 12 */
			margin: 0 auto;
			font-size: 0.75em; /* 12 / 16 */
			padding: 1.5em 0;
			color: #ccc;
		}


		footer a:link, footer a:visited { color: #ccc; text-decoration: none; }
		footer a:hover { color: #fff; text-decoration: underline; }

		ul.pagefooterlist {
			display: block;
			float: left;
			margin: 0px;
			padding: 0px;
			list-style: none;
			width:100%;
		}

		ul.pagefooterlist li {
			clear: left;
			margin: 0px;
			padding: 0px 0px 3px 0px;
			display: block;
			line-height: 1.5em;
			font-weight: normal;
			background: none;

		}

/*		.socialmedia
		{
			height: 34px;
		}

		.socialmedia img {
			padding: 5px 10px 5px 0px;
			vertical-align: middle;
			opacity: 0.75;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
			filter: alpha( opacity  = 75);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		.socialmedia a
		{
			text-decoration: none;
		}

		.socialmedia a:hover img {
			opacity: 1.0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha( opacity  = 100);
		}
		.socialmedia span {  }
*/		
	#footercontainer {
		width: 100%;
		background: #111;
	}
	
		#footertext {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 109.09em; /* 1200px / 11 */
			margin: 0 auto;
			font-size: 0.75em;
			/*font-size: 0.6875em;*/ /* 11 / 16 */
			padding: 2em 0;
			color: #ccc;
		}
		
		#smallprint img {
			float: left;
			margin-right: 2em;
		}

		#smallprint a:link, #smallprint a:visited { color: #ccc; text-decoration: none; }
		#smallprint a:hover { color: #ccc; text-decoration: underline; }



/*  ============================================================================= */

.section {
	padding: 0.5em 0;
	margin: 0;
}

.sectionend {
	background: none;
}

/*  ============================================================================= */


<!--.homepagefeature{
	min-height: 400px; 
	position: relative;
}

.homepagefeature .homebutton { position: absolute; bottom: 1em; }

-->

/* ============================================================================= */

.breadcrumb { color:#888; padding:0.8em 0 0 0; }
.breadcrumb a { color:#004a8d; }

.pagefeature{
	margin-top:-1em; 
}

/*   ============================================================================= */

#maincontentcontainer h1 { margin-top:0.2em; }

.s_about_bg 					{ width: 100%; margin-top:0.6em; margin-bottom:-0.6em; border-top:0px #00346c solid !important; background: #001f4f; /* Old browsers */
background: -moz-linear-gradient(top, #001f4f 0%, #00346c 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001f4f), color-stop(65%,#00346c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #001f4f 0%,#00346c 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #001f4f 0%,#00346c 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #001f4f 0%,#00346c 65%); /* IE10+ */
background: linear-gradient(to bottom, #001f4f 0%,#00346c 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f4f', endColorstr='#00346c',GradientType=0 ); /* IE6-9 */}			
.s_about_bg h1 				{ background:#00346c; color:#fff; display:inline-block; padding:0.1em 0.4em;  text-shadow:1px 1px 0px #001f4f; }
.s_about .pagefeature img	{ background: #00346c; }
.s_about .breadcrumb a,
.s_about h1 	{ color: #00346c; }
.s_about {	 border-top:3px #00346c solid !important; }

.s_palestine_bg 					{ width: 100%; margin-top:0.6em; margin-bottom:-0.6em; border-top:0px #d7c500 solid !important; background: #d7c500; /* Old browsers */
background: -moz-linear-gradient(top, #857a00 0%, #d7c500 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#857a00), color-stop(65%,#d7c500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #857a00 0%,#d7c500 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #857a00 0%,#d7c500 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #857a00 0%,#d7c500 65%); /* IE10+ */
background: linear-gradient(to bottom, #857a00 0%,#d7c500 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#857a00', endColorstr='#d7c500',GradientType=0 ); /* IE6-9 */}			
.s_palestine_bg h1 				{ background:#d7c500; color:#fff; display:inline-block; padding:0.1em 0.4em;  text-shadow:1px 1px 0px #a69800; }
.s_palestine .pagefeature img	{ background: #d7c500; }
.s_palestine .breadcrumb a,
.s_palestine h1 	{ color: #d7c500; }
.s_palestine {	 border-top:3px #d7c500 solid !important; }


.s_whatwedo_bg 					{ width: 100%; margin-top:0.6em; margin-bottom:-0.6em; border-top:0px #77a22f solid !important; margin-top:0.6em; background: #77a22f; /* Old browsers */
background: -moz-linear-gradient(top, #4d7707 0%, #77a22f 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d7707), color-stop(65%,#77a22f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4d7707 0%,#77a22f 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4d7707 0%,#77a22f 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4d7707 0%,#77a22f 65%); /* IE10+ */
background: linear-gradient(to bottom, #4d7707 0%,#77a22f 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7707', endColorstr='#77a22f',GradientType=0 ); /* IE6-9 */}			
.s_whatwedo_bg h1 { background:#77a22f; color:#fff; display:inline-block; padding:0.1em 0.4em;  text-shadow:1px 1px 0px #557819; }
.s_whatwedo .pagefeature img	{ background: #77a22f; }
.s_whatwedo .breadcrumb a,
.s_whatwedo h1	{ color: #77a22f; }
.s_whatwedo {	 border-top:3px #77a22f solid !important; }
		
.s_pubs_bg { width: 100%; margin-top:0.6em; margin-bottom:-0.6em; border-top:0px #c41330 solid !important;  background: #c41330; /* Old browsers */
background: -moz-linear-gradient(top, #860121 0%, #ac0c32 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#860121), color-stop(65%,#ac0c32)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #860121 0%,#ac0c32 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #860121 0%,#ac0c32 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #860121 0%,#ac0c32 65%); /* IE10+ */
background: linear-gradient(to bottom, #860121 0%,#ac0c32 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#860121', endColorstr='#ac0c32',GradientType=0 ); /* IE6-9 */}			
.s_pubs_bg h1 { background:#c41330; color:#fff; display:inline-block; padding:0.1em 0.4em; text-shadow:1px 1px 0px #7d061a; }
.s_pubs .pagefeature img	{ background: #c41330; }
.s_pubs .breadcrumb a,
.s_pubs h1	{ color: #c41330; }
.s_pubs {	 border-top:3px #c41330 solid !important; }

.s_whatyoucando_bg { width: 100%; margin-top:0.6em; margin-bottom:-0.6em; border-top:0px #f68026 solid !important; background: #f68026; /* Old browsers */
background: -moz-linear-gradient(top, #bf5a0c 0%, #f68026 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf5a0c), color-stop(65%,#f68026)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bf5a0c 0%,#f68026 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bf5a0c 0%,#f68026 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bf5a0c 0%,#f68026 65%); /* IE10+ */
background: linear-gradient(to bottom, #bf5a0c 0%,#f68026 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5a0c', endColorstr='#f68026',GradientType=0 ); /* IE6-9 */}			
.s_whatyoucando_bg h1 { background:#f68026; color:#fff; display:inline-block; padding:0.1em 0.4em;  text-shadow:1px 1px 0px #b65206; }
.s_whatyoucando .pagefeature img	{ background: #f68026; }
.s_whatyoucando .breadcrumb a,
.s_whatyoucando h1	{ color: #f68026; }
.s_whatyoucando {	 border-top:3px #f68026 solid !important; }


/* Each section intro image */
.m_intro { position:relative; margin:0 auto; width: 80%; /* 1000px / 1250px */
			max-width: 75em; /* 1200px / 16 */ height:200px; }
	.m_intro h1 { position:absolute; bottom:20px; left:0px;  }
	
/* ============================================================================= */


.content_aside { padding-right:1.5%; width: 66.2% !important; border-right: 0px #ccc dotted; }

.pg_aside { padding-left:0; width: 30.2% !important; }
.sidebar ul { list-style-type:none; padding:0; margin:0 0 1.5em 0.1em; }
.sidebar li { margin-bottom:0.1em; }

.newsletter_signup input[type=text] { width:70%; margin-bottom:0.8em; }


/* **************************************************************************** */

.sidebar-title-link { display:none; position:absolute; width:100%; height:100%; top:0; left:0;}
.sidebar-title-header { position:relative; border-top:2px #ccc dotted; border-bottom:2px #ccc dotted; padding:0.4em 0; margin-bottom:1.6em;  }


.sidebar_box {background-color:#F0EEEC; width:auto height:230px; margin-bottom:2em;}
.sidebar_box h3 {padding:1.2em 1.0em 1.0em 1.0em;}
.sidebar_box img {clear:both; width:100px; float:left; margin:0 1.2em 1.4em 1.2em;}
.sidebar_box p {padding:0 1.2em 0 1.0em;}
.sidebar_box a span{margin-top:3em; margin-bottom:7em; display:inline-block;}

.sidebar_head_image {width:330px; margin:3em 0 2em 0;}
.sidebar_resources {background-color:#F0EEEC; width:auto; height:auto; padding: 0 1em 2.5em 1em;}
.sidebar_resources h4 {padding:1.2em 0em 0.5em 0em;}

.sidebar_box1 {background-color:#F0EEEC; margin-bottom:2.5em;}
.sidebar_box1 table {width:100%; background-color:#F0EEEC;}
.sidebar_box1 h4 {margin:1em 1em 0em 10px;}
.sidebar_box1 img {padding:0.5em 0 0.5em 1em;}
.sidebar_box1 p {padding:3em 0.5em 0em 0.5em;}
.img_cell {width: 35%;}
.txt_cell {width: 65%; vertical-align:middle;}
.txt_align {padding:0 0.5em 2em 0.5em;}
.img-responsive {width:100%;}


.sub_head1 {font-size:16px; font-weight:bold;}
.sub_head2 {font-size:14px; font-weight:bold;}


/*  ============================================================================= */

.subpagefeature h5{
	padding-bottom: 0.5em; color:#888; letter-spacing:1px;
	border-bottom: 2px #ccc dotted; text-align:left;
}

a h4 { color:#004b8d; }

/* ============================================================================= */


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: .5em;
	margin: 0.5em 0 0 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family:  Arial, "Helvetica Neue", Helvetica, Helve, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px; 
	background: #ffee66; /* Old browsers */
	background: -moz-linear-gradient(top, #ffee66 2%, #ffaa22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffee66), color-stop(100%,#ffaa22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffee66 2%,#ffaa22 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffee66 2%,#ffaa22 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffee66 2%,#ffaa22 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffee66 2%,#ffaa22 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee66', endColorstr='#ffaa22',GradientType=0 ); /* IE6-9 */ 
	border: 1px solid #FFAA22; text-shadow: 0 1px 0 #FFEE66; 
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);  
	font-size: 0.9em;
}

				
.button:hover {
	background: #ffea43; /* Old browsers */
	background: -moz-linear-gradient(top, #ffea43 2%, #ff9d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffea43), color-stop(100%,#ff9d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffea43 2%,#ff9d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffea43 2%,#ff9d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffea43 2%,#ff9d00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffea43 2%,#ff9d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea43', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */

	color:#000; 
	text-decoration: none;
}
.button:active {
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited { 
	color : #000;
}

/* ---------------------------------------------- */
.abutton {
	color: #0066CC;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');

	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.abutton:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');

	text-decoration: none;
}
.abutton:active {
	color: #003399;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');

	position: relative;
	top: 1px;
}


.big {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.small {
	-webkit-border-radius: 1em;
	-moz-border-radius: 12em;
	border-radius: 1em;
	font: 10px/100% Arial, Helvetica, sans-serif;
	padding: 0.2em 1em 0.4em 1em;
}

.smallred {
	color: #FF0000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 12em;
	border-radius: 1em;
	font: 10px/100% Arial, Helvetica, sans-serif;
	padding: 0.2em 1em 0.4em 1em;
}

.medium {
	-webkit-border-radius: 1em;
	-moz-border-radius: 12em;
	border-radius: 1em;
	font: 10px/100% Arial, Helvetica, sans-serif;
	padding: 0.2em 1em 0.4em 1em;
	font-size: 12px;
	padding: .4em 1.5em .42em;
}

.mediumred {
	color: #FF6600;
	-webkit-border-radius: 1em;
	-moz-border-radius: 12em;
	border-radius: 1em;
	font: 10px/100% Arial, Helvetica, sans-serif;
	padding: 0.2em 1em 0.4em 1em;
	font-size: 12px;
	padding: .4em 1.5em .42em;
}




/*  ============================================================================= */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.1%; 
}

.span_1_of_3 {
	width: 32.2%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}


/*  GLOBAL ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.fullwidth { width:100% !important; }

/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

/************* Expand / Reduce Stu Nichols ***********Set for Float Right********/

 /* always visible */
#outer .holder {padding:0em; border:0px solid #ddd; margin:0 0px 0px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#0000FF;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
/*#outer div.more img {display:none;}
*/
/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:right; padding-right:10px;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.bluebutton {
    background: transparent url('http://sadaka.ie/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.bluebutton span {
    background: transparent url('http://sadaka.ie/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.bluebutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.bluebutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


a.links2
{
	font:"Arial";
	font-size:12px;
	color:#3399CC;
	text-decoration:none;
}
a.links2:link 
{
	font:"Arial";
	font-size:12px;
	color:#3399CC;
	text-decoration:none;
}
a.links2:visited 
{
  font:"Arial";
  font-size:12px;
  color:#CC00CC;
  text-decoration:none;
}
a.links2:hover 
{
  font:"Arial";
  font-size:12px;
  color:#CC00CC;
  text-decoration:none;
  font-style: italic;
}
a.links2:active
{
  font:"Arial";
  font-size:12px;
	color:#3399CC;
  text-decoration:none;
}

/***********   Expand / Reduce Text Buttons     **********/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.return_button {
    background: transparent url('http://sadaka.ie/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.return_button span {
    background: transparent url('http://sadaka.ie/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.return_button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.return_button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*=======================================   mp4 media player   ========================*/

/* styling of the container. */
a.myPlayer {
	display:block;
	width: 310px;
	height:240px; 
	text-align:center;
	margin:0 15px 15px 0;
	/*float:left;*/
	border:1px solid #999;
}
 
/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}
 
/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}


#toplogo {
padding: 2em 0 0.5em 0;
width: 320px;
height:62px; 
float: left;
color: #030;
}
.subpagetext {text-align:left;}

#maincontentcontainer {
		width: 100%; border-top:3px #004a8d solid;
		/*margin-top:2.0em;*/  
	}
	
.text_area p {
    font-size: 14px; text-align:justify; margin-bottom:0.6em;
}

.line img{margin:0.5em 0 1.5em 0; background-color: #FFFFFF;} 

.flex-caption {width: 45%; padding: 2.5%; margin: 0; position: absolute; right: 0px; bottom: 0; /*background: rgba(0,51,102,.8);*/ color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); background: #41475c; /* Old browsers */
			opacity:0.4; background: #41475c; /* Old browsers */
				background: -moz-linear-gradient(top, #41475c 0%, #0c437f 65%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41475c), color-stop(65%,#0c437f)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #41475c 0%,#0c437f 65%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #41475c 0%,#0c437f 65%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #41475c 0%,#0c437f 65%); /* IE10+ */
				background: linear-gradient(to bottom, #41475c 0%,#0c437f 65%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41475c', endColorstr='#0c437f',GradientType=0 ); /* IE6-9 */ }
				
.flex-caption {width: 25%; padding: 2.5%; margin: 0; position: absolute; right: 0px; bottom: 0; /*background: rgba(0,51,102,.8);*/ color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.2); background: #41475c;} /* Old browsers */


p.subtext {
font-size: 90%;
line-height: 1.4em;
}

#likebox-wrapper * {
   width: 100% !important;
}
	
/*  MEDIA QUERIES  ============================================================================= */



@media only screen and (max-width: 1170px) {
		#toplogo { width:190px;	}
}

@media only screen and (max-width: 1100px) {
		
		
					
		#topimage {
			width: 100%;
		}

		header, #maincontent, footer, #smallprint, .m_intro, #logos {
			width: 93.75%; /* 960px / 1024px */
		}
}

@media only screen and (max-width: 900px) {
		
		nav.topmenu { margin-top:3em; }
		nav.menu  {clear: both; width: 100%; margin-top:-1em;}
		
		.newstext 		{ width:50%; }
		
		

}

@media only screen and (max-width: 800px) {
		.homepagefeature { 	min-height: 440px; }
}

@media only screen and (max-width: 768px) {
		.m_intro { position:relative;  }
		.m_intro h1 { position:absolute; bottom:20px; left:0px; font-size:1.9em; }
		
		/* stack the menus below */
		#toplogo { float:left; width:100%; text-align:center; padding:0.9em 0 0 0 ; }
		#toplogo img { float:none; width: 160px; height:47px;  }
		
		
		nav.topmenu { width:100%; margin:0; 
		background: #e0eaf3; 
		background: -moz-linear-gradient(top, #e0eaf3 33%, #afcae0 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e0eaf3), color-stop(100%,#afcae0)); 
		background: -webkit-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); 
		background: -o-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); 
		background: -ms-linear-gradient(top, #e0eaf3 33%,#afcae0 100%); 
		background: linear-gradient(to bottom, #e0eaf3 33%,#afcae0 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eaf3', endColorstr='#afcae0',GradientType=0 );  }
				nav ul#topmenu { width:98%; margin:2% 0 0 2%; }
				nav ul#topmenu li a img { float:none;  }
				nav ul#topmenu li a span { display:none; }
				nav ul#topmenu li { width:23%; background:#fff; margin:0 2% 2% 0; padding:0;  text-align:center; }
				nav ul#topmenu li a { padding: 4px 8px 0px 8px; font-size:0.9em; }
		
		nav ul#menu, .menu { float:left; width:100%; margin:1.1em 0 0 0;}
		.menu ul li:hover ul { position:relative; top:0; left:0; width:100%; border-radius:0; border:0 !important;}
		.menu li { width:100%; }
		nav ul#menu li.nav3 {  background:#d7c500; border-radius:0px; border-bottom:0; }
		nav ul#menu li.nav4 {  background:#77a22f; border-radius:0px; border-bottom:0; }
		nav ul#menu li.nav5 { background:#c41330; border-radius:0px; border-bottom:0;  }
		nav ul#menu li.nav6 { background:#f68026; border-radius:0px; border-bottom:0; }
		nav ul#menu li a, nav ul#menu li a:hover { color:#fff !important; }
		
		
		/* Sub Menu */
		header { width: 100%;}
		#topimagecontainer { margin-top:0; }
		
		
		
		.homepagefeature { min-height:410px; }
		
		.newsthumbnail { width:161px; height:120px; }
		

}

@media only screen and (max-width: 620px) {
		.pg_aside,
		.content_aside { padding-left:0; width: 100% !important; border:0; }
		/* accordion */
		.accordion-box-link { display:block; }
		.accordion-box-header {  background:url(../images/aside-arrow.png) center right no-repeat; }
		.accordion-box-content { display:none; margin-top:0.4em; }
		
		#lower_section .span_1_of_3 { width:100%; margin:0 0 2em 0; }
		
		/* On landing pages make portals 2 x 2 */
		.homeFeatures .span_1_of_4 { width:48%; }
		.homeFeatures .span_1_of_4:nth-child(odd) { clear:left; margin-left:0; margin-bottom:1.5em; }
		
		
}

@media only screen and (max-width: 480px) {
		h1 { font-size : 2em; padding:0.4em 0 0.4em 0; }
		p.introtext { font-size : 1.3em;  }
		
		
		.menu ul li ul li { width:100%; }
		
		
												
		
		#topimage {
			width: 100%;
		}
		
		#maincontentcontainer { width:100%; padding:0; margin:0; }
		#maincontent {
			width: 90%; /* 432px / 480px */
		}

		.pagefeature { padding-bottom:4em; }		
				
		.span_1_of_4 { margin-bottom:1.5em; }
		#lower_section .span_1_of_3 { margin-bottom:2.5em; }
		h2.dotted { margin-bottom:1em;  }
		
		#logos { width:90%; }
		#logos h5 { width:100%; height:auto; padding:0.5em 0; line-height: 1.5; }
		#logos a { margin:0 0.3em 0.3em 0; }
		#logos img { width:44px; }
				
		.s_about_bg,
		.s_palestine_bg,
		.s_whatwedo_bg,
		.s_pubs_bg,
		.s_whatyoucando_bg { margin:0; }

		.m_intro { margin:0 auto; width:100%; height:200px; position:relative;  }
		.m_intro h1 { font-size:1.5em; }
		
		.homeFeatures .span_1_of_4 { width:100%; margin:0.4em 0 1.6em 0; }
		
				
}

/*  ============================================================================= */

.oldie header, .oldie #topimage, .oldie #maincontent, .oldie footer, .oldie #smallprint, .oldie .m_intro, .oldie #logos {
			width: 980px !important;
		}


/******************************************************************************/

/* --- ******************    For constituency pages   ****************------*/

table {
    border-collapse: collapse;
	border-spacing: 2px;
}

table, th, td {
    border: 0px solid black;
}

th {
    height: 30px;
	font-size:16px;
	padding-top:16px;
} 

td  {
	padding: 4px;
	vertical-align:middle;
}

@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
	}
}

.candidate_table {
	width:60%; 
	margin:auto; 
	background-color:#F2F4F2;
}

.candidate_key_table {
	width:60%; 
	margin:auto; 
	/*background-color:#FFFFFF;*/
}

.candidate_support_recognition {
	width:90%; 
	margin:auto;
	background-color:#D2D2D2; 
	padding:8px; 
}





img.top {
    vertical-align: text-top;
}

img.bottom {
    vertical-align: text-bottom;
}



body {  /* webkit adjacent sibling bug fix */
	-webkit-animation: bugfix infinite 1s; 
}

@-webkit-keyframes bugfix { 
	from {padding:0;} 
	to {padding:0;} 
}

div.css3droppanel { /* Main wrapper for push down panel */
		position: relative;
		margin: 0;
		margin-bottom: 1em; /* margin with rest of content on page */
		}


div.css3droppanel > div { /* Content DIV DIV inside wrapper */
		height: 10px; /* initial height of content when hidden. Should be same height as bottom bar (see div.css3droppanel:after) */
		padding: 5px;
		-moz-box-sizing: border-box; /* ensure any padding and border declared inside content DIV doesn't increase DIV's declared dimensions */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		background: #FFFFCC; /* background of content DIV */
		position: relative;
		opacity: 0;
    -moz-transition: all 0.2s ease-in-out 0.1s;  /* CSS3 transition of UL state. Last 0.1s specifies delay before animation */
    -o-transition: all 0.2s ease-in-out 0.1s; /* instead of ease-in-out, also try cubic-bezier(0.25, 0.1, 0.25, 1.4) instead */
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
		}

div.css3droppanel:after { /* Add bottom bar beneath wrapper */
		content: '';
		display: block;
		bottom: 0;
		position: absolute;
		width: 100%;
		height: 10px;
		box-shadow: 0 3px 8px gray, 3px 3px 4px grey inset;
		background: # #666666; 
		
		}


div.css3droppanel input[type="checkbox"] { /* style invisible checkbox element used to toggle state of push down panel */
		position: absolute;
		right: 50px; /* right position of checkbox */
		width: 60px; /* width of checkbox */
		height: 42px; /* height of checkbox */
		bottom: -34px; /* bottom offset of checkbox */
		z-index: 10;
		cursor: pointer;
		opacity: 0;
		}

div.css3droppanel input[type="checkbox"]:checked ~ div { /* when checkbox is checked, expand content within wrapper */
		height: 250px; /* height of content to expand to. Scrollbar will be shown if content overflows this height */
		opacity: 1;
		overflow: auto;
		}

div.css3droppanel label { /* style label that's positioned below wrapper's bottom bar, and will toggle checkbox when interacted with */ 
		position: absolute;
		right: 50px; /* right position of label */
		width: 30px; /* width of label */
		height: 42px; /* height of label */
		bottom: -34px; /* bottom offset of label */
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		cursor: pointer;
		z-index: 5;
		background: #666666; /* dark redish background and its gradient versions */
		
		}

div.css3droppanel label:hover { /* style of label when mouse rolls over it */
		box-shadow: 0 3px 8px black, 5px 5px 6px brown inset, 0 -3px 3px rgba(152,41,47,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset, 0 0 15px rgba(255,255,255,0.8) inset;
		}

div.css3droppanel label:after { /* generated down arrow */
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border: 12px solid transparent;
		border-color: #999  transparent transparent transparent;
		top: 18px;
		left: 2px;
		box-shadow: 0 0 7px gray inset;
		}


table {
    border-collapse: collapse;
}

table, th, td {
    border: 0px solid black;
}

th {
    height: 30px;
} 

@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
	}
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 {font-size: 1.2em;}


.constit {fill:#CCC;stroke:#333333;stroke-width:.5 !important}
.constit-group .constit {
	fill:#66CC66 ;
/*		fill:#fcb813;*/	
	-webkit-transition: all .5s;
	transition: all .5s;
}
.constit-group:hover .constit {fill: #339933;cursor:pointer}
/*.constit-group:hover .constit {fill:#f48120;cursor:pointer}*/

	
	
	h1
	{
	  font-family: 'Allan', serif;
	  text-shadow: 0 1px 0 rgba(255,255,255,.5);
	  margin: 20px 0;
	}

	/* --------------------------- */
	
	body:before 
	{
	  content: "";
	  position: fixed;
	  top: -10px;
	  left: 0;
	  width: 100%;
	  height: 10px;
	  z-index: 100;
	  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	  box-shadow: 0px 0px 10px rgba(0,0,0,.8);			  
	}

	/* --------------------------- */
	
	#box 
	{
	  position: relative;
	  width: 60%;
	  background: #ddd;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  padding: 2em 1.5em;
	  color: rgba(0,0,0, .8);
	  /*text-shadow: 0 1px 0 #fff;*/
	  line-height: 1.5;
	  margin: 60px auto;
	}


	#box:before, #box:after 
	{
	  z-index: -1; 
	  position: absolute; 
	  content: "";
	  bottom: 15px;
	  left: 10px;
	  width: 50%; 
	  top: 80%;
	  max-width:300px;
	  background: rgba(0, 0, 0, 0.7); 
	  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
	  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	  -webkit-transform: rotate(-3deg);    
	  -moz-transform: rotate(-3deg);   
	  -o-transform: rotate(-3deg);
	  -ms-transform: rotate(-3deg);
	  transform: rotate(-3deg);
	}

	#box:after 
	{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
	}

        .drop-shadow {
            position:relative;
            /*float:left;*/
            width:80%;
            padding:1em;
            margin:2em 10px 4em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:14px;
            /*font-weight:bold;*/
        }

.img-shadow { 
	border:1px solid #fff; 
	box-shadow: 6px 6px 3px #ccc; 
	-moz-box-shadow: 6px 6px 3px #ccc; 
	-webkit-box-shadow: 6px 6px 3px #ccc; 
	-khtml-box-shadow: 6px 6px 3px #ccc; 
	}
				
.style2 {font-family: Cambria}