* { margin:0; padding:0 }
body { background:#eee; color:#444; font:normal 12px/1.25em Verdana, Arial, Helvetica, sans-serif }
a, a:visited { color:white; background:#938272; text-decoration:none }
a:hover { text-decoration:underline }
h2 { color:tomato }
h3 { font-size:22px; background:#508cc2; color:white; padding:6px }
p { margin:5px }
li { margin-left:16px }

#show li { display:inline }

#main { margin:12px; padding:12px; border:2px solid #ccc; background:#fff; width:950px; _width:970px }
#header { }
#header a { background:transparent }
#container { margin-top:12px; padding:12px; background:#F5F5F5 }
#footer { font-size:11px; margin-top:12px; color:tomato }

.part { float:left; padding:18px 6px 6px 6px; margin:0 6px; _margin:0 4px; border:3px solid white; background:#444; width:200px; height:120px; _width:222px; _height:160px; color:white }
.spart { width:430px; _width:450px; background:#837262 }
.css3 { border-radius:8px; -moz-border-radius:8px; -o-border-radius:9px; -webkit-border-radius:8px; text-shadow:1px 1px 2px #555; -moz-text-shadow:1px 1px 2px #555; -webkit-text-shadow:1px 1px 2px #555; box-shadow:0 0 6px rgba(0,0,0,.5); -moz-box-shadow:0 0 6px rgba(0,0,0,.5); -webkit-box-shadow:0 0 6px rgba(0,0,0,.5) }
.part p { font-size:25px; font-weight:bold }
.tf { padding:2px 4px; border:1px solid #777; margin:1px 0; font-family:arial; font-size:12px; width:175px }
.sb { padding:2px 12px; border:1px solid #555; margin-top:3px; font-family:arial; cursor:pointer; background:Cornsilk }
.sb:hover { background:wheat }
.round { -o-border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px }
.bshdw { box-shadow:0 0 6px rgba(0,0,0,.5); -moz-box-shadow:0 0 6px rgba(0,0,0,.5); -webkit-box-shadow:0 0 6px rgba(0,0,0,.5) }
.tac { text-align:center }
.tal { text-align:left }
.tar { text-align:right }
.lbl { background:#ddd; width:200px; display:inline-block; margin-right:5px; padding:0 5px }
.secret { margin:2px 0 5px 0; width:333px; padding:1px 0; margin-left:25px; background:#938272; color:white; font-weight:bold }
.inner { background:#fff; width:725px; margin:16px 0; padding:24px 16px }
.nod { display:none }

.map { display:none; margin:12px auto; border-left:2px solid #888; border-top:2px solid #888; border-right:2px solid #bbb; border-bottom:2px solid #bbb }
#map_sh { width:910px; height:590px }
#map_sess { width:700px; height:450px }

#flash { display:none; cursor:pointer; font-weight:bold; border-top:2px solid white; border-bottom:2px solid white; font-size:15px; padding:8px; color:white }
.S { background:MediumSeaGreen }
.E { background:Crimson }
.N { background:BurlyWood }
.W { background:LightSalmon }
.D { }

.pop { position:absolute; display:none; margin-left:3px }
.pop .pop_menu { display:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.pop .pop_toggle { background-image:url(i/ardown.png); background-repeat:no-repeat; background-position:center center; width:20px; height:20px; overflow:hidden; cursor:pointer }
.active .pop_menu { display:block; background-color:tomato; color:#fff; position:absolute; padding:.6em; width:12em; box-shadow:0 0 6px rgba(0,0,0,.5); -moz-box-shadow:0 0 6px rgba(0,0,0,.5); -webkit-box-shadow:0 0 6px rgba(0,0,0,.5) }
.active .pop_menu a { color: #fff }
.active .pop_toggle { z-index:2000; position:absolute; top:0; left:0; background-image:url(i/arup.png) }