/* TOTAL COMFORT ========================= */



/* BASIC PAGE SETUP ============================================================================= */



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, 

input, 

select, 

textarea { 

font-family : Arial, "Helvetica Neue", Helvetica, Helve, sans-serif; 

color : #000; }



/*  HEADINGS  ============================================================================= */



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



/*  TYPOGRAPHY  ============================================================================= */



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



/* LINKS =============================================================================  */



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;

}





/* IMAGES ============================================================================= */



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





/* TABLES ============================================================================= */



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



/* FORMS ============================================================================= */



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;

}





/*  MAIN LAYOUT	============================================================================= */





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

			color: #000;

			z-index: 99999;

		}



			#toplogo {

				padding: 0.5em 0;

				width: 220px;

				float: left;

				color: #030;

			}

				

		

			nav.topmenu {

				width: auto;

				margin-top: 10px;

				float: right;

				font-size: 0.9em; /* 15 / 16 */

				

			}

				

		

			nav.topmenu p {

				text-align: right;

				

			}

			

			

				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;

					}

					

					

					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: 1.5em;

						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;   

					} 

					

					

			nav.menu {

				width: 70%; /* 700px / 1000px */

				margin-top: 10px;

				float: right;

				font-size: 0.9em; 

				}



				nav ul#menu {

					list-style: none;

					padding: 1px 0 0 0;

					margin: 0px;

					float: right;

					font-size: 0.9375em; /* 15 / 16 */

					position: relative;

					z-index: 10;

				}



					nav ul#menu li{

						display: block;

						float: left;

						text-align: center;

						position: relative;

						padding: 3px;

						margin: 0 1px;

						line-height: 1.5em;

						-webkit-transition: background 0.3s ease;

						-moz-transition: background 0.3s ease;

						-o-transition: background 0.3s ease;

						transition: background 0.3s ease;

						

					}



					nav ul#menu li a {

						padding: 6px 8px;

						display: block;

						outline:0;  

						text-decoration:none; 

					}



					nav ul#menu li.activeNav  {  

					} 





					nav ul#menu li:hover {  

					}  



					nav ul#menu li.hassub a:hover {  

					color:#aaa; 

					} 



					nav ul#menu li:hover a {  

						color: 000;  

					}  			



					nav ul#menu li .drop {  

					    padding-right:17px;  

					    background:url("../images/drop.png") no-repeat right 12px;  

					}  

					nav ul#menu li:hover .drop {  

					    background:url("../images/drop.png") no-repeat right 12px;  

					}  



					.dropdown_1column,  

					.dropdown_2columns,  

					.dropdown_3columns,  

					.dropdown_4columns,  

					.dropdown_5columns {  

					    z-index: 20;

					    margin:4px auto;  

					    position:absolute;  

					    left:-9999em; /* Hides the drop down */  

					    text-align:left;  

					    padding:4px 6px;   

					    border-top:none;    

					    background:#222;  

					    }

					    



					.dropdown_1column {width: 160px;}  

					.dropdown_2columns {width: 360px;}  

					.dropdown_3columns {width: 560px; }  

					.dropdown_4columns {width: 760px;}  

					.dropdown_5columns {width: 960px;} 



					nav ul#menu li:hover .dropdown_1column,  

					nav ul#menu li:hover .dropdown_2columns,  

					nav ul#menu li:hover .dropdown_3columns,  

					nav ul#menu li:hover .dropdown_4columns,  

					nav ul#menu li:hover .dropdown_5columns {  

						left:0px;  

						top:2.2em;  

						-webkit-box-shadow: 5px 5px 6px rgba(0,0,0,.3);

						-moz-box-shadow: 5px 5px 6px rgba(0,0,0,.3);

						box-shadow: 5px 5px 6px rgba(0,0,0,.3);

						border-radius:0px 0px 8px 8px;

						z-index:9999; 

					} 



					/* override it for the last one */

					nav ul#menu li.lastone:hover .dropdown_1column,  

					nav ul#menu li.lastone:hover .dropdown_2columns,  

					nav ul#menu li.lastone:hover .dropdown_3columns,  

					nav ul#menu li.lastone:hover .dropdown_4columns,  

					nav ul#menu li.lastone:hover .dropdown_5columns {  

						right:0px;

						left: auto;

					}

					

				

					.col_1,  

					.col_2,  

					.col_3,  

					.col_4,  

					.col_5 {  

					    display:inline;  

					    float: left;  

					    position: relative;  

					    padding: 4px; 

					    line-height: 1.3em;

					}  

					.col_1 {width:150px;}  

					.col_2 {width:350px;}  

					.col_3 {width:550px;}  

					.col_4 {width:750px;}  

					.col_5 {width:950px;} 



					nav ul#menu li ul {  

					    list-style:none;  

					    padding:0;  

					    margin:0 0 0px 0;  

					}  

					nav ul#menu li ul li {     

					    position:relative; 

					    padding:2px 0;  

					    margin:0;  

					    float:none;  

					    text-align:left; 

					    color: #23c0ed;

					}  



					nav ul#menu li ul li a {

						padding: 0px;

            					font-size: 0.9em;

						color:#aaa;

					}



					nav ul#menu li ul li:hover {  

					    background:none;  

					    border:0; 

					    

					} 

					

					nav ul#menu li ul li a:hover {

					color:#aaa;

					}



					/*  COLOUR CODING  */



					nav ul#menu li.bluenav {     

						border-bottom: 4px solid #23c0ed; border-radius:8px 8px 0px 0px;

					}   



					nav ul#menu li.bluenav.hassub:hover {     

						background: #23c0ed;  

					} 



					nav ul#menu li.bluenav .dropdown_1column,  

					nav ul#menu li.bluenav .dropdown_2columns,  

					nav ul#menu li.bluenav .dropdown_3columns,  

					nav ul#menu li.bluenav .dropdown_4columns,  

					nav ul#menu li.bluenav .dropdown_5columns {   

					    border-top:6px solid #23c0ed;  

					     

					    }



					

					nav ul#menu li.hassub:hover a { color:#fff; }

					nav ul#menu li.hassub:hover ul li a:hover { color:#aaa; }



	#topimagecontainer {

		width: 100%;

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

			z-index: 2;

		}

			

	#maincontentcontainer {

		width: 100%; border-top:1px #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 */

			

		}





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

		

	#smallprintcontainer {

		width: 100%;

		background: #111;

	}

	

		#smallprint {

			clear: both;

			width: 80%; /* 1000px / 1250px */

			max-width: 109.09em; /* 1200px / 11 */

			margin: 0 auto;

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







/*  SECTIONS  ============================================================================= */



.section {

	padding: 0.5em 0;

	margin: 0;

}



.sectionend {

	background: none;

}



/*  HOMEPAGE FEATURES  ============================================================================= */





.homepagefeature{

	position: relative;

}



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





/*  BUTTONS  ============================================================================= */





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

}



/*  ICON LINKS ============================================================================= */



a.iconlink { padding-left:8px; background: url(../images/icon.png) no-repeat 0 4px; }





/*  GRID COLUMN SETUP   ============================================================================= */



.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 OBJECTS ============================================================================= */



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





/*  MEDIA QUERIES  ============================================================================= */







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

				

		



}



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

		

		

		nav.topmenu { width:100%; margin:0; 

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

				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:18%; 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.menu  { margin-top:0.5em;}

		nav ul#menu { float:left; width:100%;}

		nav ul#menu li { width:48%; margin:0; }

		nav ul#menu li ul li { width:100%; }

		

		nav ul#menu li { width:48%; margin:0; }

		nav ul#menu li ul li { width:100%; }

		nav ul#menu li a { font-size:1em }

		

		nav ul#menu li:hover .dropdown_1column,  

					nav ul#menu li:hover .dropdown_2columns,  

					nav ul#menu li:hover .dropdown_3columns,  

					nav ul#menu li:hover .dropdown_4columns,  

					nav ul#menu li:hover .dropdown_5columns { left:0 !important; width:100%; }

		

		.newsthumbnail { width:161px; height:120px; }

		



}



@media only screen and (max-width: 620px) {

		

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

		

		header {

			width: 100%;

		}

		

		

		nav ul#menu { padding:0; margin:-0.6em 0 0 0; }

		nav ul#menu li { width:100%; padding:0; margin:0; text-align:left; text-indent:8px;}

		nav ul#menu li a, nav ul#menu li a:hover { color:#fff !important; }

		nav ul#menu li.bluenav {  background:#23c0ed; border-radius:0px; border-bottom:0; text-shadow:1px 1px 0px #5e5600;}

		av ul#menu li .drop {  padding:0.5em 0; margin:0; background:url("../images/drop.png") no-repeat 92% 10px;   }

		nav ul#menu li:hover .drop, nav ul#menu li .drop:hover { background:url("../images/drop.png") no-repeat 92% 10px; }

		

		/* Sub Menu */

		nav ul#menu li:hover .dropdown_1column,  

		nav ul#menu li:hover .dropdown_2columns,  

		nav ul#menu li:hover .dropdown_3columns,  

		nav ul#menu li:hover .dropdown_4columns,  

		nav ul#menu li:hover .dropdown_5columns,

		.dropdown_1column,  

		.dropdown_2columns,  

		.dropdown_3columns,  

		.dropdown_4columns,  

		.dropdown_5columns { display:none; left:0; position:relative; width:auto; padding:0; margin:0; top:0; 

		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;	border-radius:0; border-top:1px #fff solid !important; }

		nav ul#menu li:hover .dropdown_1column,  

		nav ul#menu li:hover .dropdown_2columns,  

		nav ul#menu li:hover .dropdown_3columns,  

		nav ul#menu li:hover .dropdown_4columns,  

		nav ul#menu li:hover .dropdown_5columns { display:block; }

		.col_1, .col_2, .col_3, .col_4,  .col_5 {  width:90%; padding:0; }  

												

		#topimagecontainer { margin-top:0; }

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

		

		.homeFeatures .span_1_of_4 { width:100%; margin:0.4em 0 1.6em 0; }





				

}



/*  OLD BROWSER FIXES  ============================================================================= */



/* IE8 and other old browsers don't suppport media queries so unfortuantely we have to fix the width for those old browsers down here */

.oldie header, .oldie #topimage, .oldie #maincontent, .oldie footer, .oldie #smallprint, .oldie .m_intro, .oldie #logos {

			width: 980px !important;

		}