@import url("layout_config.css");

body {
	min-width: 960px;
	height: 100%;
}
	#wrapper {
		width: 960px; /* this can fixed (px) or fluid (%) */
	}

/* HEAD -------------------------------------------------------------------------- */

		#superheader {
			height: 80px;
			background: transparent url(../images/layout/header_bg.png) repeat-x center bottom;
			z-index: 2;
			margin:0;
			position:absolute;
			width:100%;
			top:0;
			left:0;
		}
			#superheader .inner {	
				position: absolute;
				width: 950px;
				height: 69px;
				left: 50%;
				margin-left: -482px;
				margin-top: 4px;
			}
			
		#header {
			height: 341px;
			z-index: 1;
			background-color:#033150;
			margin:0;
			position:absolute;
			width:100%;
			top:75px;
			left:0;
		}
			#header .inner {
				background: transparent no-repeat center 52px;
			}
		#subheader {
			background:  rgba(3,49,80,0.8) ;
			min-height: 37px;
			z-index: 1;
			position:absolute;
			top:75px;
			width: 956px;
			border-radius: 0 0 10px 10px;
			overflow:hidden;
			box-sizing:border-box;
		}
			#subheader .inner {	padding: 0; height: 41px; overflow: hidden; width:105%;}
		#buttonbar {
			background: #033150 /*rgba(210,234,247,0.8) */;
			min-height: 37px;
			z-index: 0;
			position:absolute;
			top:415px;	left:0;
			width:100%;

		}
			#buttonbar .inner {	padding:0;margin:auto;width:960px;}
	
/* BODY -------------------------------------------------------------------------- */
		#contentwrapper { 
				background: none; /* with current 'page anchor link cutting of the top of the contentpadding' bug fix this background doesn't work */
		}
			#contentfloatholder { 
			background: #fff ;/* url(../images/layout/contentwrapper_bg.png) repeat-y 0 0; left col background */
				min-height: 360px; height: auto !important;	height: 360px;
			}
				#centerpad {
					margin: 465px 70px 0; /* right/left values need to be right/left width plus any padding required */
				}

				
		#left {
			width: 0; /*180px
			margin-top:465px;*/

		}
			/*#left .inner { height: 75px; width: 190px;}*/
			
		#right {
			width:0px;
			display: none;
		}
			#right .inner {	padding: 4px;}
		
/* FOOT -------------------------------------------------------------------------- */
		#superfooter {
			background: url(../images/layout/bluefrilllight.png)  center top repeat-x;
		}
			#superfooter .inner { padding: 10px 10px 36px 10px; width: 960px; margin: auto; border-bottom: 1px solid #fff;/*float: right;*/}
			
		#footer {
			background: rgb(16,111,166); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(16,111,166,1) 0%, rgba(51,126,175,1) 49%, rgba(16,111,166,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,111,166,1)), color-stop(49%,rgba(51,126,175,1)), color-stop(100%,rgba(16,111,166,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(16,111,166,1) 0%,rgba(51,126,175,1) 49%,rgba(16,111,166,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(16,111,166,1) 0%,rgba(51,126,175,1) 49%,rgba(16,111,166,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(16,111,166,1) 0%,rgba(51,126,175,1) 49%,rgba(16,111,166,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(16,111,166,1) 0%,rgba(51,126,175,1) 49%,rgba(16,111,166,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106fa6', endColorstr='#106fa6',GradientType=0 ); /* IE6-9 */
		}
			#footer .inner { padding: 1px 0; text-align: center; 	}
			
		#subfooter {
			background: #106fa6;
		}
			#subfooter .inner {	padding: 4px 4px 10px; text-align: right; font-size: .85em; color: #fff; width: 960px; margin: auto;}
			#subfooter .inner a {	padding: 4px;text-decoration:none; color: #fff;}

#socialfoot h3 {color:#fff;}
/* NEW SUPER MEGA AWESOME FOOT -------------------------------------------------------------------------- */
#footnav {  width: 960px; margin: auto;/*float: left; margin: 0 0 1px 0; */ background: #3d88b9 /*eeeeee*/; text-align: left; font-size: 14px; color:#fff;
	/*background: -moz-linear-gradient(top,  #eeeeee 0%, #fbfbfb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#fbfbfb));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#fbfbfb 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#fbfbfb 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#fbfbfb 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#fbfbfb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fbfbfb',GradientType=0 );*/
}
#footnav a{ color:#fff;}
#footnav div { float: left; padding: 30px; /*border-right: 1px solid #fff; border-left: 1px solid #d7dcdb; */}
#footnav div ul { float: left; list-style: none; margin: 0; padding: 0; width: 192px; }
#footnav div li { margin: 0; padding: 0; line-height: 24px; }
#footnav div h3 { margin-top: 0; font-size: 24px; font-weight: normal; }
#footnav div h3 a { color: #fff; }

#footsell {  clear: both; width: 960px; margin: 0 auto;  text-align: left; font-size: 15px; height: 136px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
	/*float: left; margin: 30px 0 32px 0; background: #fff;*/

}
#footsell div { float: left; margin: 0 0 0 15px; }
#footsell .mobile { position: relative; margin: 15px 0 -10px 70px; }
#footsell .advert { /*background: #205775;*/ color: #fff; width: 247px; margin: 0 50px; padding: 0 20px; font-size:0.8em; line-height:1.0em; height: 136px;color:#fff;}
	#footsell .advert h3 { color: #fff;font-family: 'Shadows Into Light', cursive; line-height:1em; margin-top:0.5em; font-size:1.8em;}
	#footsell .advert ul {margin-bottom: 1em;}
	#footsell .advert .join { color: #fff; text-align:center; font-size:1.5em;}
	#footsell .advert .join a{ color: #fff;}
	#footsell .advert li {list-style:url(../images/foot/tick.png); font-size:0.9em;}
	#footsell .logo {height: 136px; margin:0 60px 0 0;}
	#footsell .logo a {height: 136px; display:table-cell; vertical-align:middle;}

#regional_container {width:960px; margin: 0 auto; position:relative;}
#google_translate_element {position: absolute; right: 0;}