* { margin: 0; padding: 0; }
html { padding: 2em; }
body { font: 76% 'Lucida Grande', Verdana, Helvetica, sans-serif; min-width: 790px; max-width: 1200px; margin: auto; position: relative; }

a { text-decoration: none; color: #0300C1; }
h1 { position: fixed; top: 0; right: 0; left: 0; background: #293a4a; z-index: 999; border-top: 1px solid #4d687e; }
h1 a { color: #fff; text-shadow: 0 -1px 1px #000; font-weight: normal; padding: .5em 1.35em; display: block; min-width: 790px; max-width: 1200px; margin: auto; }
h2 { position: fixed; top: 3em; right: 0; left: 0; background: #ccc; z-index: 998; border-bottom: .3em solid #fff; }
h2 > span { font-weight: normal; padding: .5em 1.7em; display: block; min-width: 790px; max-width: 1200px; margin: auto; }
h2 span a { color: #fff; text-shadow: 0 -1px 1px #aaa,  0 1px 1px #eee; margin-right: 1.6em; }
h2 span span { font-size: 2.8em; position: absolute; margin-top: -.4em; margin-left: -.65em; color: #eee; text-shadow: 0 -1px 1px #aaa,  0 1px 1px #fff; opacity: .8; }

dl { width: 31%; margin-right: 3%; float: left; margin-top: 19em; min-height: 65em; }
dl a { color: #00669E; }
dt { clear: both; padding: 1.5em 0 .3em 0; font-size: 1.2em; }
dt.d { color: #999; border-bottom: 1px solid #ccc; font-size: smaller; padding: 2em 0 .4em 0; }
dt strong { font-weight: normal; }
dt a:visited { color: #004F7A; }
dd p { text-align: justify; padding: 0.3em 0; text-overflow: ellipsis; overflow: hidden; font: 1.1em Georgia; line-height: 1.3em; }
dd p.a { padding: 0; width: 200%; overflow: auto;  }
dd p > span, dt a > span { background: #E0EAFF; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; padding: 0 .1em; -webkit-box-shadow: .1em .1em .3em #777; }
dd ul { list-style: none; }
dd ul li { float: left; font-size: smaller; }
dd ul li + li { float: right; }
dd ol { margin-top: 1.5em; width: 200%; -webkit-column-count: 3; -moz-column-count: 3; -webkit-column-rule: 1px solid rgba(0,0,0,0.1); -moz-column-rule: 1px solid black; }
dd.sp { min-height: 72em; }
body > ul { list-style: none; padding: .8em 0; width: 66%; clear: both; }
#m { position: absolute; top: 16em; background: #f9f9f9; }
#m2 { background: #f9f9f9; height: 1.3em; margin-top: 2em; }
#m strong, #m2 strong { text-shadow: 0 1px 1px #fff; }
body > ul li { float: left; text-align: center; width: 20%; }
#m a, #m2 a { background: #ccc; padding: .2em .7em; text-shadow: 0 1px 1px #fff; color: #444; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#m span, #m2 span { background: #ccc; padding: .2em .7em; text-shadow: 0 1px 1px #fff; color: #777; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#m li a:before, #m li span:before, #m2 li a:before, #m2 li span:before { font-size: smaller; margin-right: .5em; color: #777; }
#m li a:after, #m li span:after, #m2 li a:after, #m2 li span:after { font-size: smaller; margin-left: .5em; color: #777; }
#m li span:before, #m li span:after, #m2 li span:before, #m2 li span:after { color: #999; }
#m li:first-child a:before, #m li:first-child span:before, #m2 li:first-child a:before, #m2 li:first-child span:before { content: '\02759\025C0 '; }
#m li + li a:before, #m li + li span:before, #m2 li + li a:before, #m2 li + li span:before { content: '\025C0 '; }
#m li + li + li + li a:after, #m li + li + li + li span:after, #m2 li + li + li + li a:after, #m2 li + li + li + li span:after { content: ' \025BA'; }
#m li + li + li + li a:before, #m li + li + li + li span:before, #m2 li + li + li + li a:before, #m2 li + li + li + li span:before { content: ''; }
#m li + li + li + li + li a:after, #m li + li + li + li + li span:after, #m2 li + li + li + li + li a:after, #m2 li + li + li + li + li span:after { content: ' \025BA\02759'; }
#m li + li + li + li + li a:before, #m li + li + li + li + li span:before, #m2 li + li + li + li + li a:before, #m2 li + li + li + li + li span:before { content: ''; }

form { position: fixed; top: 5em; right: 0; left: 0; z-index: 999; min-width: 790px; max-width: 1200px; margin: auto; }
form fieldset { position: absolute; top: .4em; right: 0; border: none; width: 32%; }
form fieldset + fieldset { display: none; }
form input[type='text'] { margin-left: 1em; }
form input[type='search'] { width: 75%; }
form input.sq { -moz-border-radius: 1em; border: 1px solid #aaa; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: .2em 1em; width: 67%; }
form input.sq:focus { -moz-box-shadow: 0 0 .4em steelblue; }
form input[type='submit'] { margin-left: .5em; font-size: smaller; cursor: pointer; }

nav { position: absolute; right: 0; width: 32%; top: 16em; background: #f9f9f9; }
nav ul { margin: 0 0 2em 0; position: relative; }
nav ul li { color: #bbb; margin-left: 2.4em; }
nav ul li a { padding: .2em 0; display: inline-block; min-width: 90%; color: #444; }
nav ul li:first-child { color: #000; border-top: 1px solid #F9F9F9; border-bottom: 1px solid #aaa; margin: 0 0 1.5em 0; background: #ccc; list-style: none; padding: .8em 1em; color: #fff; text-shadow: 0 -1px 1px #aaa,  0 1px 1px #eee; }
nav ul li:last-child { position: absolute; font-size: smaller; right: 1em; top: .9em; list-style: none; }
nav ul li:last-child a { background: #ccc; padding: .2em .7em; text-shadow: 0 1px 1px #fff; }
nav ul:first-child li:first-child { border-top: 0; }

blockquote.a object, p.a object { width: 730px; margin: 2em auto 0 auto; height: 92px; }
blockquote.a { padding-top: 2em; }
blockquote.a + blockquote.a , p.a + p.a object { position: absolute; top: 6em; padding: 0; }

legend { display: none; }

body > p { text-align: center; font-size: smaller; }
body > .a { text-align: left; font-size: normal; clear: both; }
body > .ab { font-size: normal; position: absolute; right: 0; width: 32%; top: 120em; height: 242px; }
body > .ab object { height: 240px; }
.as { width: 470px; padding-top: 2em; }
.as object { width: 468px; }

form p { position: absolute; top: -3.2em; right: 0; width: 31%; font-size: 1.5em; padding: 1em 1% 0 0; color: #4d687e; z-index: 1000; text-shadow: 0 -1px 1px #2B3A47; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
form p span { display: none; }

#f { width: 100%; position: absolute; bottom: -4em; padding: 2em 0 1em 0; }
#f a { color: #222; }

#aff { position: absolute; right: 0; top: -5em; width: 80%; font-weight: bold; }
#aff a { display: block; color: #000; }
#aff a img { width: 88px; height: 31px; margin: 0 0 -.8em 1em; }

h1 {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(33,45,55)),
		color-stop(0.9, rgb(65,94,118))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(33,45,55) 1%,
		rgb(65,94,118) 99%
	);

	-webkit-box-shadow: 0 .1em .2em #000;
	-mox-box-shadow: 0 .1em .2em #000;
	box-shadow: 0 .1em .2em #000;
}
h2 {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(200,200,200)),
		color-stop(0.9, rgb(222,222,222))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(200,200,200) 1%,
		rgb(222,222,222) 99%
	);

	-webkit-box-shadow: 0 .3em 1em #fff;
	-mox-box-shadow: 0 .3em 1em #fff;
	box-shadow: 0 .3em 1em #fff;
}
#m, #m2 {
	-webkit-border-radius: .45em;
	-moz-border-radius: .45em;
	border-radius: .45em;
}
nav {
	-webkit-border-radius: .45em;
	-moz-border-radius: .45em;
	border-radius: .45em;

	-webkit-box-shadow: inset 0 .1em .3em #ddd;
	-mox-box-shadow: inset 0 .1em .3em #ddd;
	box-shadow: inset 0 .1em .3em #ddd;
}
nav ul:first-child li:first-child {
	-webkit-border-top-right-radius: .4em;
	-moz-border-topright-radius: .4em;
	border-top-right-radius: .4em;
	-webkit-border-top-left-radius: .4em;
	-moz-border-topleft-radius: .4em;
	border-top-left-radius: .4em;
}
#m, #m2, nav ul li:first-child, #m a:hover, #m2 a:hover, nav ul li:last-child a:hover {
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(200,200,200)),
		color-stop(0.9, rgb(222,222,222))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(200,200,200) 1%,
		rgb(222,222,222) 99%
	);
}
#m span, #m2 span {
	-webkit-border-radius: .45em;
	-moz-border-radius: .45em;
	border-radius: .45em;
	-webkit-box-shadow: inset 0 1px 1px #ddd, 0 1px 1px #bbb;
	-mox-box-shadow: inset 0 1px 1px #ddd, 0 1px 1px #bbb;
	box-shadow: inset 0 1px 1px #ddd, 0 1px 1px #bbb;
}
#m a, #m2 a, nav ul li:last-child a {
	-webkit-border-radius: .45em;
	-moz-border-radius: .45em;
	border-radius: .45em;
	-webkit-box-shadow: inset 0 .1em .1em #eee, 0 .1em .1em #aaa;
	-mox-box-shadow: inset 0 .1em .1em #eee, 0 .1em .1em #aaa;
	box-shadow: inset 0 .1em .1em #eee, 0 .1em .1em #aaa;
}
#m a:active, #m2 a:active, nav ul li:last-child a:active {
	-webkit-box-shadow: 0 .1em .1em #eee, inset 0 .1em .3em #444;
	-mox-box-shadow: 0 .1em .1em #eee, inset 0 .1em .3em #444;
	box-shadow: 0 .1em .1em #eee, inset 0 .1em .3em #444;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(222,222,222)),
		color-stop(0.9, rgb(200,200,200))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(222,222,222) 1%,
		rgb(200,200,200) 99%
	);
}