body { height:100%; overflow-y:scroll;}

/* banner */
#banner_container { position: fixed; top: 0px; right: 0px; }

/* left side pannel */
#navleft { position: fixed; top: 68px; left: 0px; }
#navleft_back { position: fixed; top: 0px; left: 0px; }

/* top navigation bar */
#topnav_under { position: fixed; top: 0px; right: 0px; width: 100%; z-index: 8; background-color: white; height: 150px; 
	display: block; overflow: hidden; }
#topnav_container { position: fixed; top: 69px; right: 0px; }

/* title area */
#title_container { position: fixed; top: 90px; right: 0px; }

#verticalwhiteline { position: fixed; top:110px; left: 100px; }

/* content */
#content_container { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; 
	background:white; overflow:hidden; display: block; clear: both; }
#content { display: block; margin: 0px 30px 40px 114px; font-family: Arial, Helvetica, sans-serif; font-size:  12px; 
	width: auto; min-width: 250px; max-width:800px; background-color: transparent; text-align:justify; }
#padcontent {display:block; height:185px; }
.padcontent {display:block; height:185px; }

/* footer */
#footer_under { position: fixed; bottom: 0px; right: 0px; width: 100%; z-index: 8; 
	background-color: white; height: 30px; display: block; overflow: hidden; }
#footer { position: fixed; bottom: 0px; right: 0px; border-top: solid 1px #fff; }

#brand { position:fixed; bottom:30px; right:10px; }

#mobiletitle { display:none; }
#mobilebanner { background-color: #000; display:none; }

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

@media screen and (max-width: 850px) {
	body { height:auto; overflow-y:auto;}
	#banner_container { display:none; }
	#navleft { display:none; }
	#navleft_back { display:none; }
	#verticalwhiteline { display:none; }
	#content { margin: 0px 5% 40px 5%; width: 90%; max-width:90%; }
	#title_container { display:none; }
	#mobiletitle { display:block; }
	#padcontent { display: none; }
	#topnav_under { display: none; }
	body { background:none;}
	#brand { display:none;}
	div.Map { background-color: #fff; height: auto; width: 100%; margin-bottom: 20px; }
	div.Map iframe { width: 100%; }
	.padleft { padding-left: 0px; }
	.map {float:none; margin-left:0; }
	.Map div.FloatRight { float:none; }
	#topnav_container { display:none; }
	#mobilebanner { display:block; background-color: #000; background-image: URL(../images/top_banner_bgr.gif); 
	background-repeat: repeat-x; background-position: 350px 0px; height:69px; }
	#mobilebanner  img { width: 100%; max-width: 298px; height: auto;  }
	#content_container { overflow: auto; width:auto; height:auto; z-index:auto; }
	#footer_under { position: relative; bottom:auto; right: auto; width: 100%; z-index: 8; 
		background-color: white; height: 30px; display: block; overflow: hidden; }
	#footer { position: relative; bottom: auto; right: auto; border-top: solid 1px #fff; }
}

@media screen and (max-width: 350px) {
	#footer_under { display: none; }
	#footer { display: none; }
}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px){

	body { height:auto; overflow-y:auto;}
	#banner_container { display:none; }
	#navleft { display:none; }
	#navleft_back { display:none; }
	#verticalwhiteline { display:none; }
	#content { margin: 0px 5% 40px 5%; width: 90%; max-width:90%; }
	#title_container { display:none; }
	#mobiletitle { display:block; }
	#padcontent { display: none; }
	#topnav_under { display: none; }
	body { background:none;}
	#brand { display:none;}
	div.Map { background-color: #fff; height: auto; width: 100%; margin-bottom: 20px; }
	div.Map iframe { width: 100%; }
	.padleft { padding-left: 0px; }
	.map {float:none; margin-left:0; }
	.Map div.FloatRight { float:none; }
	#topnav_container { display:none; }
	#mobilebanner { display:block; }
	#mobilebanner  img { width: 100%; max-width: 298px; height: auto; }
	#content_container { overflow: auto; width:auto; height:auto; z-index:auto; }
	#footer_under { position: relative; bottom:auto; right: auto; width: 100%; z-index: 8; 
		background-color: white; height: 30px; display: block; overflow: hidden; }
	#footer { position: relative; bottom: auto; right: auto; border-top: solid 1px #fff; }
}