@import '../css/navig.css';
body{margin:0;padding:2em 0;background:#eee;text-align:center;}
/* layout */
#wrap{margin:0 auto;padding:0;background:#fff;text-align:left;border:1px solid #999;min-width:680px;max-width:810px;}
#top{width:97%;height:173px;overflow:hidden;background:url(../img/top.jpg) left top no-repeat;position:relative;}
#content{width:97%;padding-bottom:15px;position:relative;}
#main{margin:0 0 0 30%;min-height:25em;}
#side{position:absolute;left:0;top:0;padding-top:0.2em;width:27%;background:#fff url(../img/side.jpg) left top no-repeat;}
#footer{margin:1em 3% 0 29%;text-align:center;border-top:1px solid #999;font-size:83%;line-height:3em;}
#datum,#what{position:absolute;font:16px/1.5 Arial,sans-serif;color:#888;}
#datum{left:35px;top:3px;}
#what{right:0;top:110px;}
/* others */
hr,#side h3,.hide{display:none}
h1{padding:40px 0 0 0;margin:0 10px 0 53%;height:60px !important;height:100px;text-align:center;font-size:150%;line-height:1.1em;overflow:hidden;}
h2,#menu h3,#search h3{position:absolute;top:-500px;}
h3{padding:1em 0 0.5em 0}
h4{margin:0.5em 0;padding:0.2em 0;color:#556b2f;}
ul,li{margin:0;padding:0;}
ul{list-style-type:none;}
dl{margin:0.2em 0;}
dt{clear:left;float:left;width:350px;padding:0.3em 0;}
dd{color:#556b2f;padding:0.3em 0;}
.center{text-align:center;overflow:hidden;}
.small{font-size:83%}
img.left,img.photo{float:left;margin:10px 10px 0 0;}
img.right{float:right;margin:10px 0 0 10px;}
img.photo{border:1px #800 solid;}
div.center{text-align:center;margin-bottom:0.3em;}
.center img{float:none;margin:10px 0;}
div.payment{padding:0.3em 20px;border-bottom:1px solid #999;}
#program h4{color:#000;padding-left:1em;background:url(../img/bar.jpg) left top repeat-y;}
#program dt{width:10em;padding:0.15em 0;}
#program dd{padding:0.15em 0;color:#555;}
#program dd a{padding:2px 20px 2px 0;color:#840;text-decoration:underline;}
#program dd a.close{background:#fff url(../img/out.png) right center no-repeat;}
.js #program dd a.close{background:#fff url(../img/close.png) right center no-repeat;}
.js #program dd a.open{background:#fff url(../img/open.png) right center no-repeat;}
#program dd a:hover{text-decoration:none;}
#program dd div{clear:left;display:none;margin-left:-40px;}
#program dd div h3{font-size:110%;color:#840;padding:0.3em 0;}
#program dd div p{background:#fff8f0;color:#444;font-size:83%;font-weight:normal;margin:0 0 0.4em;padding:0.1em 1em;text-align:left;border-bottom:1px solid #c96;}
div.clear{clear:both;line-height:1px;height:1px;}
#account dl{margin-left:20px}
#account dt{width:320px;}
#main a{color:#840;text-decoration:underline;}
#main a.info{padding:3px 15px 3px 0;background:#fff url(../img/out.png) right center no-repeat;}
#main a:hover{color:#000;text-decoration:none;}
#main h4 a{color:#556b2f;text-decoration:none;}
#main ul{margin:1em 0;}
#main ul li{margin-bottom:1em;padding-left:25px;background:#fff url(../img/page.gif) left top no-repeat;}
#main .col1 ul li,#main .col2 ul li,#main .social ul li,#main .social ol li{margin-bottom:0.2em;padding:0;background-image:none;}
#side ul{margin:0 0 0 40px;padding:10px 0;list-style-type:none;border-bottom:1px solid #999;}
#side li{margin:0;padding:0 0 0 10px;}
#side li.current{background:url(../img/arrow.gif) left center no-repeat;}
#side li a{text-decoration:underline;color:#666;}
#side li.current a,#side li a:hover{text-decoration:none;font-weight:bold;color:#000;}
#side p{margin:5px 0 5px 50px;padding:0;font-size:83%;}
#side p span{color:#c00}
#footer a{color:#666}
#side p a{margin:0;padding:0 0.2em;background:#e09658;color:#000;font-size:83%;text-decoration:none;border:1px solid #999;}
#side p a:hover{background:#ccc}
#menu,#search{margin-left:30%}
#menu li ul{display:none;}
#publish{margin:0;padding:0;}
#publish ol{margin:10px 0;padding:0;}
#publish li{margin:0 0 0.5em 2em;text-align:justify;}
#publish ul li{background-image:none;padding-left:0;}
#publish ul{list-style:square;margin-top:0.3em;}
#publish ul li{margin-bottom:0.3em}
#pages{margin:10px 0;padding:5px 1em;width:15em;background:#eeeeee;border:1px solid #888;}
#session p{background:#fff8f0;color:#333;margin-bottom:10px;padding:7px 12px;border-bottom:1px solid #c96;text-align:left;}
#session p b{color:#840;}
#main #gallery {margin: 0 auto; width: 510px; position: relative;}
#main #gallery ul {list-style-type: none;}
#main #gallery ul li {float: left; margin: 0 2px 2px 0; padding-left: 0; background-image: none;} 
#main #gallery ul li a {display: block; width: 76px; height: 57px; border: 2px solid #999; cursor: default;}
#main #gallery ul li a:hover {border-color: #f00;}
#main #gallery ul li a img {height: 57px; width: 76px; border: none;}
#main #gallery .cleardiv {clear: both; padding: 0; border: 0; height: 0; width: 600px; line-height: 0; visibility: hidden;} /* IE */
#zoom {display:block;}
@media screen{acronym{cursor:help}
}