@charset "utf-8";
/* CSS Document */


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

	html, body {
		background-image:none;
		background-color:#ebebeb;
	}
	
	body {
		min-width:300px;
	}
	
	#main {
		padding-bottom:0;
	}
	
	#cookiesBlock {
		background-image:none;
	}
	#cookiesBlockInner {
		width:auto;
		margin:0 10px 0 10px;
	}
	#cookiesBlockInner p {
		width: 100%;
		clear : left;
		margin:0;
	}
	#cookiesBlockOptions {
		position:relative;
		left:0;
		float:right;
		clear:left;
		width : auto;
		text-align:right;
	}
	
	#header_rh_container, #header_rh_containerNIAA, #header_rh_containerNAP, #header_rh_containerHSRC, #header_rh_containerNELA,
	#header_logo_container, #header_logo_containerNIAA, #header_logo_containerNAP, #header_logo_containerHSRC, #header_logo_containerNELA {
		position:relative;
		float:left;
		clear: left;
		height : auto;
	}
	
	#header_logo_container, #header_logo_containerNIAA, #header_logo_containerNAP, #header_logo_containerHSRC, #header_logo_containerNELA {
		margin:10px;
		width:auto;
	}

/*	#header_logo_containerNIAA {
		width:60%;
		background-size:contain;
	}*/
	

	#header_rh_container, #header_rh_containerNIAA, #header_rh_containerNAP, #header_rh_containerHSRC, #header_rh_containerNELA {
		width:100%;
		background-image:none;
	}
	

	#header {
		z-index:3;
		width : 100%;
		min-width:300px;
		height:auto;
		background-image:none;
		clear :left;
	}
	
	#banner {
		position:relative;
		width : 100%;
		float : left;
		margin:0;
	}

	#container {
		width: 100%;
		margin : 0;
		min-height:0;
		float:left;
	}
	
	#inner_body {
		width : 100%;
		margin:0 auto;
		float : none;
		padding : 0;
	}
	
	#ticker_container, #ticker_containerW {
		margin:0;
		padding:0;
		width : 100%
	}
	#ticker_inner {
		margin: 10px 0px 10px 0px;
		width:100%;
	}
	#ticker_controls {
		display:none;
	}
	
	#inner_bodyTop, #cookiesBlockBottom {
		width : auto;
		height: auto;
		background-image:none;
	}	
	
	#left_col, #centre_col, #centre_colW, #centre_colF, #right_col {
		width:auto;
		background-color : #FFF;
		padding : 10px;
		margin:10px;
		float:left;
		clear:left;
	}
	
	#centre_col_body, #centre_col_bodyW, #centre_col_bodyF {
		width : auto;
		float:none;
	}
	
	#centre_col {
		float:none;
	}
	
	#main_body, #inner_body, #menuInner, #footer_inner {
		width : 100%;
	}
	
	#main_body {
		margin: 0;
		min-width:300px;
		background-image:none;
	}
	
	#menuPopUp, .menuHidden {
		display:block;
	}
	
	#menu_container, #menu_containerHSRC, #menu_containerNIAA, #menu_containerNAP, #menu_containerNELA {
		position:relative;
		float : left;
		clear : left;
		right : 0;
		width : 100%;
		height: 5px;
	}

	#menuPopUp, .menuHidden {
		display:block;
	}

	#menuLH, #menuLH li a {
		width : auto;
	}
	
	#menuLH li a {
		line-height:1.8em;
		font-size:12px;
		padding-left: 10px;
		padding-right: 15px;
	}
	
	#menuLH li a.topItem {
		line-height:1.4em;
	}

	#menuRH {
		float:left;
		clear:left;
	}
	#PanelRH, #PanelRH_T {
		width:auto;
	}
	#nav {
		display:none;
	}
	
	#nav, #nav li,
	#navB, #navB li {
		clear:left;
		height:auto;
		width: 100%;
	}
	
	#nav li,
	#navB li {
		background-color:#333;
		border-bottom: 1px solid #999;
		margin:0;
	}
	
	#nav li a,
	#navB li a {
		font-size:16px;
		height: auto;
		line-height: 1.8em;
		border-style:none;
		margin:0;
		background-image:none;
		height:27px;
		padding-left: 10px;
	}

	#nav li a:hover, #nav li a.Act,
	#navB li a:hover {
		background-image:none;
		height:27px;
	}
	
	#right_col1 {
		padding:10px;
		margin:10px;
		float:left;
		clear:left;
		width:auto;
	}
	
	#centre_col_row, #centre_col_row2 {
		width:100%;
	}
	#centre_col_body {
		width : auto;
	}
	
	#centre_col_bodyF {
		padding-right:0px;
	}

	.headLine {
		width:auto;
	}
	
	#centBut li, #centButN li {
		clear:left;
		padding-bottom:10px;
		margin-bottom:0px;
		width:100%
	}
	
	#centBut li a, #centBut li a:hover, #centBut li a.Act, 
	#centButN li a, #centButN li a:hover, #centButN li a.Act,
	#centButN2 li a, #centButN2 li a:hover, #centButN2 li a.Act,
	#centButF li a, #centButF li a:hover, #centButF li a.Act
	 {
		width: 100%;
		height : auto;
		background-image:none;
		background-color:#B4152D;
	}

	#centButN2 li a:hover, #centButN2 li a.Act,
	#centButF li a:hover, #centButF li a.Act {
		background-color:#666666;
	}
	
	#centButF li,
	#centButN2 li {
		width: 100%;
	}
	
	#centBut li a:hover, #centButN li a:hover {
		width: 100%;
		height : auto;
		background-color:#4F89BD;
	}
	#centButN li a h1 	{
		font-size: 13px;
		padding-left:5px;
	}
	#centButDesc, #centButDescW {
		position:static;
		color:#CCC;
		font-size:11px;
		padding-left:5px;
		padding-right:10px;
		padding-bottom:10px;
		height:auto;
	}

	#centBut li, #centButN li, #centButN2 li, #centButF li {
		margin-left : 0px;
		margin-right: 0px;
	}
	
	#wideCol {
		clear : left;
		width: 100%;
		padding:0;
	}
	
	#wideCol h2 {
		width:auto;
		padding-right:10px;
	}

	#horizSep {
		width : 100%;
	}
	#banner_inner {
		width : auto;
		position:static;
		float:left;
		clear:left;
		padding:10px;
		margin : 10px;
		background-color: #FFF;
	}
	
	#PanelRH, #PanelRHHeader, #memberLogin_container1, #memberLogin_container2, #memberLogin_container3, 
	#searchContainer, #searchContainer2, #searchContainer3 {
		float:left;
		clear:left;
		margin : 0;
	}
	#PanelRHHeader {
		margin-top : 10px;
		margin-bottom:5px;
	}
	
	#searchContainer, #memberLogin_container3 {
		margin-left: 10px;
	}
	
	#searchContainer, #memberLogin_container2 {
		padding-bottom: 10px;
	}
	
	#searchBox {
		width : 100%;
	}

	#search {
		width: 100%;
	}
	
	#menuWrapper {
		position:relative;
		height : auto;
		min-width : 300px;
		background-position:center -34px;
	}
	#centBut li a, #centBut li a.Act {
		height:auto;
	}
	
	#main_body_inner_head {
		min-height:1px;
	}
	
	#LImg {
		width : 100%;
	}
	
	#tableCol2 {
		clear:left;
		width : 96%;
		padding-left:0px;
	}
	#tableCol1, #tableCol1B {
		width : 96%;
	}
	
	#insetBox {
		width : 94%;
	}
	
	.errorTextP {
		padding-top: 0px;
	}

	#footer, #footerNIAA, #footerNAP, #footerHSRC, #footerNELA {
		height : auto;
		background-color:#CCC;
		background-image:none;
		float:left;
		clear:left;
		width:100%;
		min-width:300px;
		padding:0;
		border-top : 1px solid #B4152D;
	}
	
	#footer_inner, #footer_innerNIAA, #footer_innerNAP, #footer_innerHSRC, #footer_innerNELA  {
		height : auto;
		float:left;
		width : auto;
		margin:10px;
	}
	#footer_address_panelNIAA, #footer_nav_panelNIAA,
	#footer_address_panelHSRC, #footer_nav_panelHSRC,
	#footer_address_panelNELA, #footer_nav_panelNELA,
	#footer_address_panelNAP, #footer_nav_panelNAP,
	#footer_address_panel, #footer_nav_panel {
		position:relative;
		float:left;
		clear:left;
		padding:0;
		margin:0;
		text-align:left;
		width : auto;
		top :0;
	}
	
	#footer_nav_panelNIAA,
	#footer_nav_panelHSRC,
	#footer_nav_panelNELA,
	#footer_nav_panelNAP,
	#footer_nav_panel {
	 	padding-bottom:10px;
		left : 5px;
	 }

	#breadCrumb, #breadCrumb a {
		font-size: 13px;
		color : #333;
		line-height:1.5em;
	}	
	#breadcrumb_container {
		padding-bottom: 10px;
	}

	#cookie_container, #cookie_container p {
		font-size:11px;
		line-height:1.4em;
	}

	#tableCol2 {
		clear:left;
		width : 96%;
		padding-left:0px;
		min-width:280px;
	}
	#tableCol1, #tableCol1B {
		width : 96%;
		min-width:280px;
	}
	
	.inputField, .inputFieldD, .inputFieldPublic, .inputFieldSearch, .inputFieldReg, .inputFieldWC {
		width:96%;
	}
	
	#mapImg { width : 96% };
	#XImgL, #XImgP { width: 100%; }
	#L2ImgL { width: 100%; }
	#L2ImgP { width: 50%; }
	#MImgL { width: 40%; }
	#MImgP { width: 30%; }
	#M2ImgL { width: 40%; }
	#M2ImgP { width: 30%; }
	#M3ImgL { width: 70%; }
	#M3ImgP { width: 35%; }
	#M4ImgL { width: 30%; }
	#M4ImgP { width: 35%; }
	#CBfImg {width : auto; }
	#CBn2Img {width : 40%;
	border-bottom: 1px solid #999;
	float : left;
	margin-right: 10px; }
	#LImgL { width: 100%; }
	#LImgP { width: 50%; }
	#LogXImgL, #LogXImgP { width: 100%; }
	#LogLImgP { width: 200px; }
	#LogLImgL { width: 50%; }
	#LogMImgL, #LogMImgP { width: 120px; }
	#LogiImgL, #LogiImgP { width: 150px; }
	#LogSImgL, #LogSImgP { width: 100px; }
	
	#topInner {
		width:auto;
	}
	
	#topNavR {
		display:none;
	}
}