body { margin:0; padding:16px 0 30px; background:#d8dcd4 repeating-linear-gradient(45deg,#d8dcd4 0,#d8dcd4 6px,#cfd4ca 6px,#cfd4ca 7px); font:12px/1.5 Verdana, Tahoma, Arial, sans-serif; color:#222; }
a { color:#00666a; } a:hover { color:#cc6600; }
#wrap { width:760px; margin:0 auto; background:#fff; border:1px solid #8a8a8a; box-shadow:0 0 0 4px rgba(255,255,255,.55), 0 0 14px 4px rgba(0,0,0,.45); }
#top { background:#003333; height:70px; border-bottom:3px solid #ffcc00; position:relative; }
#top .lang { position:absolute; right:10px; top:8px; font-size:10px; color:#cde; }
#top .lang a { color:#ffcc00; }
#top .back { position:absolute; right:10px; bottom:8px; font-size:10px; color:#cde; }
#top .back a { color:#fff; }
#menu { background:#fff; border-bottom:3px solid #2f5656; padding:0 0 0 10px; overflow:hidden; }
#menu a { float:left; padding:5px 11px 6px; border-right:1px solid #c4ccc4; font:13px Georgia, serif; font-variant:small-caps; color:#222; text-decoration:none; }
#menu a:hover { background:#e8ece4; }
#cols { overflow:hidden; background:#fff linear-gradient(to right, #fff 0, #fff 532px, #2f5656 532px); }
#main { float:left; width:500px; padding:14px 16px 14px 16px; }
#side { float:right; width:204px; padding:12px 12px 16px; font-size:11px; color:#dbe8e6; background:#2f5656; }
#side a { color:#ffcc00; }
#side h2 { background:none; color:#fff; font:normal 17px Georgia, serif; padding:0 0 3px; border-bottom:1px solid #4f7a7a; margin:12px 0 7px; }
#side .box { background:#284b4b; border-color:#4f7a7a; color:#dbe8e6; }
#side .small { color:#a9c4c0; }
h1 { font:bold 17px Georgia, serif; color:#003333; margin:0 0 8px; }
h2 { font:bold 12px Verdana, sans-serif; color:#fff; background:#336666; padding:3px 6px; margin:14px 0 6px; }
.box { border:1px solid #bcc; background:#f6f8f4; padding:6px 8px; margin:0 0 12px; }
table.list { width:100%; border-collapse:collapse; font-size:11px; }
table.list td, table.list th { border-bottom:1px solid #dde; padding:3px 4px; text-align:left; vertical-align:top; }
table.list th { background:#e8ece4; }
.closed { color:#999; }
.small { font-size:10px; color:#777; }
.notice { border:1px solid #cc9; background:#ffffe0; padding:6px 8px; margin:0 0 12px; font-size:11px; }
input, select { font:11px Verdana, sans-serif; }
#foot { clear:both; border-top:1px solid #a8a8a8; background:#dcdcdc linear-gradient(#e6e6e6,#d2d2d2); color:#555; font-size:10px; padding:8px 10px; text-align:center; letter-spacing:1px; text-transform:uppercase; }
#foot a { color:#444; }
@media (max-width: 780px) { body { padding:0; } #wrap { width:auto; border:0; box-shadow:none; } #cols { background:#fff; } #main, #side { float:none; width:auto; } #top { height:auto; padding-bottom:30px; } }