@-ms-viewport{
  width: device-width;
}
@media (max-width: 1024px) {
	body {
		margin:0;
		padding:0;	
	}

#pager{width:200px;}
#pager .pagedisplay{width:60px;}
	
	#wrap {
		box-sizing:border-box;
		padding:0 15px;
		width:100%;
	}
	
	#topHeader {
		width:100%;
		height:auto;	
	}
	
	#topHeader img {
		max-width:100%;
		height:auto;
	}
	
	#topHeader h1 {
		position:absolute;
		padding:15px 15px;
		box-sizing:border-box;
		display:inline-block;
		top:20px;
		color:#fff;
		background:rgba(0,0,0,0.5);
		width:auto;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border:1px solid rgba(0,0,0,0.6);
		border-left:none;
		box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3);
		left:0;
	}
	
	.shBg {
		display:none;	
	}
	
	#container {
		box-sizing:border-box;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	#mainbody {
		width:100%;	
	}
	
	#content {
		float:left;
		width:70%;	
	}
	
	#content iframe {
		width:100%;
	}
	
	#right {
		width:30%;
		float:left;
		box-sizing:border-box;
		padding:0 10px 15px 30px;
	}
	
	#right ul {
		margin:10px 0 10px 0;
		padding:0;
	}
	
	#right li a {
		padding:10px 10px 10px 5px;
		box-sizing:border-box;
		margin:3px 0;
	}
	
	#right li a::before {
		content: "» ";	
	}
	
	.footerWrap {
		width:100%;	
	}
	
	.footerWrap .footer {
		width:100%;
		height:auto;
	}
	
	.footerWrap .footerTxt {
		float:none;
		box-sizing:border-box;
		padding:15px 10px;
		margin:0;
		text-align:center;
		width:100%;
		color:#fff;
	}
	
	.footerWrap .textwidget {
		box-sizing:border-box;
		padding:5px 0;	
	}
	
	.footerWrap .footerNav {
		width:100%;
		float:none;
		margin:10px 0 10px 0;
		padding:0 15px;
	}
	
}
@media (max-width: 767px) {
	body {
		margin:0;
		padding:0;	
	}
#pager{width:200px;}
#pager .pagedisplay{width:60px;}
	#wrap {
		box-sizing:border-box;
		padding:0 8px;
		width:100%;
	}
	
	#topHeader {
		width:100%;
		height:auto;	
	}
	
	#topHeader img {
		max-width:100%;
		height:auto;
	}
	
	#topHeader h1 {
		position:relative;
		padding:15px 15px;
		box-sizing:border-box;
		text-align:center;
		top:auto;
		border:none;
		box-shadow:none;
		background:none;
		color:inherit;
	}
	
	.shBg {
		display:none;	
	}
	
	#container {
		box-sizing:border-box;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	#mainbody {
		width:100%;	
	}
	
	#content {
		float:none;
		width:100%;	
	}
	
	#content iframe {
		width:100%;
	}
	
	#right {
		width:100%;	
		box-sizing:border-box;
		padding:15px 0;
	}
	
	#right ul {
		margin:10px 0 10px 0;
		padding:0;
	}
	
	#right li a {
		padding:10px 10px 10px 5px;
		box-sizing:border-box;
	}
	
	#right li a::before {
		content: "» ";	
	}
	
	.footerWrap {
		width:100%;	
	}
	
	.footerWrap .footer {
		width:100%;
		height:auto;
	}
	
	.footerWrap .footerTxt {
		float:none;
		box-sizing:border-box;
		padding:15px 10px;
		margin:0;
		text-align:center;
		width:100%;
		color:#fff;
	}
	
	.footerWrap .textwidget {
		box-sizing:border-box;
		padding:5px 0;	
	}
	
	.footerWrap .footerNav {
		width:100%;
		float:none;
		margin:10px 0 10px 0;
		padding:0 15px;
	}
}
@media (max-width: 480px) {
	body {
		margin:0;
		padding:0;	
	}
#pager{width:200px;}
#pager .pagedisplay{width:60px;}

        .TabbedPanelsContentGroup td {
                padding: 5px 0;
        }
	
	#wrap {
		box-sizing:border-box;
		padding:0 8px;
		width:100%;
	}
	
	#topHeader {
		width:100%;
		height:auto;	
	}
	
	#topHeader img {
		max-width:100%;
		height:auto;
	}
	
	#topHeader h1 {
		position:relative;
		padding:15px 15px;
		box-sizing:border-box;
		text-align:center;
		top:auto;
	}
	
	.shBg {
		display:none;	
	}
	
	#container {
		box-sizing:border-box;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	#mainbody {
		width:100%;	
	}
	
	#content {
		float:none;
		width:100%;	
	}
	
	#content iframe {
		width:100%;
	}
	
	#right {
		width:100%;	
		box-sizing:border-box;
		padding:15px 0;
	}
	
	#right ul {
		margin:10px 0 10px 0;
		padding:0;
	}
	
	#right li a {
		padding:10px 10px 10px 5px;
		box-sizing:border-box;
	}
	
	#right li a::before {
		content: "» ";	
	}
	
	.footerWrap {
		width:100%;	
	}
	
	.footerWrap .footer {
		width:100%;
		height:auto;
	}
	
	.footerWrap .footerTxt {
		float:none;
		box-sizing:border-box;
		padding:15px 10px;
		margin:0;
		text-align:center;
		width:100%;
		color:#fff;
	}
	
	.footerWrap .textwidget {
		box-sizing:border-box;
		padding:5px 0;	
	}
	
	.footerWrap .footerNav {
		width:100%;
		float:none;
		margin:10px 0 10px 0;
		padding:0 15px;
	}
	
	
}
@media screen and (max-width: 360px){
	body {
		margin:0;
		padding:0;	
	}
#pager{width:200px;}
#pager .pagedisplay{width:60px;}
	
	.TabbedPanelsContentGroup td {
		padding: 5px 0;
	}
	#wrap {
		box-sizing:border-box;
		padding:0 8px;
		width:100%;
	}
	
	#topHeader {
		width:100%;
		height:auto;	
	}
	
	#topHeader img {
		max-width:100%;
		height:auto;
	}
	
	#topHeader h1 {
		position:relative;
		padding:15px 15px;
		box-sizing:border-box;
		text-align:center;
		top:auto;
	}
	
	.shBg {
		display:none;	
	}
	
	#container {
		box-sizing:border-box;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	#mainbody {
		width:100%;	
	}
	
	#content {
		float:none;
		width:100%;	
	}
	
	#content iframe {
		width:100%;
	}
	
	#right {
		width:100%;	
		box-sizing:border-box;
		padding:15px 0;
	}
	
	#right ul {
		margin:10px 0 10px 0;
		padding:0;
	}
	
	#right li a {
		padding:10px 10px 10px 5px;
		box-sizing:border-box;
	}
	
	#right li a::before {
		content: "» ";	
	}
	
	.footerWrap {
		width:100%;	
	}
	
	.footerWrap .footer {
		width:100%;
		height:auto;
	}
	
	.footerWrap .footerTxt {
		float:none;
		box-sizing:border-box;
		padding:15px 10px;
		margin:0;
		text-align:center;
		width:100%;
		color:#fff;
	}
	
	.footerWrap .textwidget {
		box-sizing:border-box;
		padding:5px 0;	
	}
	
	.footerWrap .footerNav {
		width:100%;
		float:none;
		margin:10px 0 10px 0;
		padding:0 15px;
	}
	
}