html, body { height: 100%; overflow: hidden; max-height: 100%; margin: 0; padding: 0; border-width: 0; }

#bg { position: fixed; width: 100%; height: 100%; }
#logo_tl { position: absolute; top: 0; left: 0; padding: 4px 0 0 10px; }
#logo_br { position: fixed; bottom: 0; right: 0; padding: 0 24px 12px 0; }

#main { position: absolute; top: 75px; left: 230px; right: 0; bottom: 0; overflow: hidden; }
#content_wrap2 { width: 100%; height: 100%; overflow: auto; }
#page_content { text-align: center; width: 100%; height: 100%; }
#content { text-align: center; width: auto; max-width: 805px; margin: 0 auto; padding: 8px; }

.fullwidth { width: 805px; }
.column { position: relative; float: left; }

#loading_ { background-image: url(../img/loading.gif); background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; display: none; }

#top { position: absolute; top: 0; left: 0; right: 0; height: 75px; overflow: hidden; }
#flag_left { position: absolute; left: 0; padding-left: 270px; }
#flag_right { position: absolute; right: 0; }
#header { position: absolute; left:0; right: 0; text-align: center; overflow: hidden; padding: 0 0 0 230px; }

#left { position: absolute; top: 0; left: 0; width: 230px; overflow: hidden; min-height: 100%; }
#nav { text-align: left; padding-top: 90px; padding-bottom: 30px; padding-left: 10px; }
#copyright_wrap { width: 100%; position: absolute; left: 0; bottom: 0; }
#copyright { text-align: center; padding: 0 100px 4px 0; }

/* IE hacks */
* html #main { top: 0; left: 0; height: 100%; width: 100%; padding-top: 75px; padding-left: 230px; }
* html #top { width: 100%; }
* html #header { width: 100%; }
* html #left { height: 100%; overflow: visible; }
* html #content { width: expression(document.body.clientWidth > 1051? "821px":"auto"); }
* html #bg { position: absolute; }
* html #logo_br { position: absolute; }

/* small screens */
@media screen and (max-width: 1051px), (max-height: 600px) {
	html, body { height: 100%; max-height: auto; overflow: visible; }
	#main { overflow: visible; }
	#content_wrap2 { width: auto; height: auto; overflow: visible; }
	#page_content { height: auto; }
}

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	html, body { height: 100%; max-height: auto; overflow: visible; }
	#main { overflow: visible; }
	#content_wrap2 { width: auto; height: auto; overflow: visible; }
	#page_content { height: auto; }
}

/* iPhone */
@media only screen and (max-device-width: 480px) {
	html, body { height: 100%; max-height: auto; overflow: visible; }
	#main { overflow: visible; }
	#content_wrap2 { width: auto; height: auto; overflow: visible; }
	#page_content { height: auto; }
}

/* test */
/*
#header { border: 1px solid white }
#nav { border: 1px solid white }
*/