body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #fff;
	background: #000;
}

td { vertical-align: top; }

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 1.4em; line-height: 140%; }
h2, h3 { margin: 0.5em 0; line-height: normal; }
h3 { font-size: 1em; font-weight: normal; font-style: italic; }

a:link, a:visited { color: #66CCFF; }
a:hover, a:active { color: #bfeaff; }

.content_outer { width: 90%; margin: 0 auto; }
.content_left { position: fixed; width: 40%; text-align: center; }
.content_right { width: 50%; text-align: center; margin: 0 0 0 50%; }
.content_right p { margin: 30px 0; }
.content_text { padding: 3em 0; }
.ja_logo, .etr_logo { display: block; margin: 0 auto 15px auto; width: 90%; height: auto; }

@media screen and (max-width: 992px) {
	.content_outer { width: 95%; margin: 0 auto; }
	.content_left { position: static; width: 100%; text-align: center; }
	.content_right { width: 100%; text-align: center; margin: 0; }
	.content_right p { margin: 30px 0; }
	.content_text { padding: 3em 0; }
	.ja_logo, .etr_logo { display: block; margin: 0 auto 15px auto; width: 85%; height: auto; }
	.merch img { width: 80%; height: auto; }
}

.jussask_logo { display: block; margin: 0 auto 15px auto; }


.clr { clear: both; font-size: 1px; line-height: 1px; }

.videos { margin: 1.5em 0 0 0; border-top: 1px solid #333; }

.video_outer_sd {
	background: transparent url(/images/video_frame_flash-sd.png) no-repeat 0 0;
	width: 432px;
	height: 360px;
	padding: 20px 22px;
	margin: 1em auto;
	overflow: hidden;
	color: #ccc;
}

.video_outer_ws {
	background: transparent url(/images/video_frame_flash-ws.png) no-repeat 0 0;
	width: 432px;
	height: 276px;
	padding: 20px 22px;
	margin: 1em auto;
	overflow: hidden;
	color: #ccc;
}

.maincolumn_box {
	margin: 0;
	background: #111;
	width: auto !important;
	width: 100%;
	padding: 15px;
	border: 1px solid #222;
	border-radius: 7px;
	line-height: 125%;
}


div.buttoncontrol { text-align: center; padding: 20px 0px 0px 0px; }
div.buttoncontrol a {
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	border: 1px solid #0000cc;
}

div.buttoncontrol a:link, div.buttoncontrol a:visited { color: #000; background-color: #66ccff; }
div.buttoncontrol a:hover, div.buttoncontrol a:active { color: #000; background-color: #bfeaff; }

body.popup { font-size: 13px; line-height: 125%; background-color: #1b1b1b; }
body.popup div.popup_content { width: 320px; }
body.popup div.title { padding: 7px 10px; background-color: #000; margin: 0 0 0.5em 0; border: 1px solid #444; }

div.footer { font-size: 12px; color: #555; padding: 20px 0px 0px 0px; text-align: center; }
div.footer a { color: #777; }

.merch { padding: 20px 0 0 0; }
.merch_note { line-height: 125%; font-size: 0.8em; text-align: left; }
.merch_note ul { padding-left: 2em; }