body {
  text-align:left;
  background:#fff url(/images/body.gif) top center repeat-y;
  color:#000;
  margin:0;
  padding:0;
  font-family:"arial","helvetica",sans-serif;
  border-top:5px solid #b8b8b8;
  text-align:center;
}

a {
  text-decoration:none;
  color:#000;
}

a:hover {
  text-decoration:underline;
}

h1,h2,h3,ul,ul li,dl, dl dt, dl dd {
  font-size:100%;
  margin:0;
  padding:0;
  list-style:none;
}

img {
  border:0;
}

.clear {
  clear:both;
}

#container {
  border-top:5px solid #000;
  width:764px;
  padding-right:20px;
  position:relative;
  background:#fff url(/images/container.gif) top left repeat-y;
  margin-top:-5px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}

#container #navigation {
  margin-left:25px;
  margin-top:20px;
}

#container #navigation ul{
  position:absolute;
  top:35px;
  right:20px;
}

#container #navigation ul li{
  display:inline;
  font-size: 13px;
  font-family: helvetica, arial, sans-serif;
  color: #ddd;
}

#container #navigation ul li a:hover{
	text-decoration:none;
	border-bottom: 1px dotted #000;
	}
	
.pink { color: #EC8CBA; }
.orange { color: #EEA435; }
.green { color: #A0B906; }
.blue { color: #2EB2DC; }
.purple { color: #8A75DC; }
.red { color: #DE5C53; }

#container #navigation ul li a.pink:hover { border-color: #EC8CBA; }
#container #navigation ul li a.orange:hover { border-color: #EEA435; }
#container #navigation ul li a.green:hover { border-color: #A0B906; }
#container #navigation ul li a.blue:hover { border-color: #2EB2DC; }
#container #navigation ul li a.purple:hover { border-color: #8A75DC; }
#container #navigation ul li a.red:hover { border-color: #DE5C53; }

#container #body {
  line-height:1.7;
  margin-left:25px;
  margin-top:20px;
}

#container #body h2 {
  margin-bottom:10px;
  font-size:130%;
  margin-top:10px;
}

#container #body h2 img{
  vertical-align:bottom;
}

#container #body img.dm{
  float:right;
  margin-top:3px;
}

#container #body h3 {
  margin-bottom:0;
  padding:3px 0 3px 10px ;
  line-height:1;
  border-left:5px solid #b8b8b8;
  clear:both;
  font-weight:normal;
  margin-left:2px;
}

#container #body ul li.link {
  padding-top:8px;
  padding-left:2px;
}

#container #body ul li.link a {
  background:#000;
  display:block;
  width:49px;
  height:17px;
}

#container #body ul li.link a:hover {
  background:#FA2E50;
}

#footer {
  padding-top:100px;
  text-align:center;
  color:#999;
  font-size:70%;
  clear:both;
}

#footer span{
  display:none;
}

/* ============ PROFILE ============ */

#profile #container #body div.name {
  padding:10px 0 15px 0;
  font-weight:bold;
  font-size:120%;
}

#profile #container #body div.name span{
  margin-left:3px;
  font-weight:normal;
  font-size:70%;
}

#profile #container #body h3 {
  margin-bottom:15px;
}
#profile #container #body ul {
  font-size:80%;
  margin-bottom:40px;
  padding-left:2px;
}

#profile #container #body dl {
  font-size:80%;
  margin-bottom:20px;
  padding-left:2px;
}

#profile #container #body dl dt{
  clear:both;
  width:40px;
  float:left;
}

/* ============ MAIL ============ */

table.config {
  width:100%;
  border-collapse:collapse;
}

table.config th {
  font-size:80%;
  padding-right:10px;
  width:1%;
  white-space:nowrap;
  text-align:right;
}

table.config th span{
  margin-right:3px;
  color:#FA2E50;
}
table.config td {
  padding:5px;
}

table.config td p {
  margin:3px 0;
  padding:0;
  line-height:1.5;
  font-size:80%;
}

table.config td input,table.config td textarea {
  border:1px solid #666;
  background:#fff;
  padding:3px;
}

table.config td input:focus,table.config td textarea:focus {
  border:1px solid #FA2E50;
}

table.config td input.txt {
  width:180px;
}

table.config td input.btn {
  background:#000;
  color:#fff;
}

table.config td textarea {
  width:98%;
  height:10em;
  font-size:80%;
}

table.config tr.send td{
  text-align:right;
}

#container #body div.error,#container #body div.ok {
  font-size:80%;
  padding-top:10px;
}

#container #body div.error div.error-body ul{
  font-size:100%;
  color:#FA2E50;
  padding-left:0;
  margin-bottom:20px;
  margin-left:20px;
  margin-top:5px;
  list-style:circle;
}

#container #body div.error div.error-body ul li{
  list-style:circle;
}

#container #body div.error a{
  background:#000;
  color:#fff;
  padding:0 3px;
  margin-left:2px;
}

#container #body div.error a:hover{
  background:#FA2E50;
}


#navigation div.mail-btn {
  width:196px;
}

#navigation div.mail-btn a {
  background:#000;
  display:block;
  width:36px;
  height:17px;
  float:right;
}

#navigation div.mail-btn a:hover{
  background:#FA2E50;
}

div.description {
  font-size:80%;
  margin-left:2px;
  margin-bottom:10px;
}


/* ============ EXHIBITION ============ */

#exhibition ul.list {
  margin-top:20px;
}

#exhibition ul.list li {
  padding-bottom:20px;
  clear:both;
  position:relative;
}

#exhibition ul.list li h3{
  margin-bottom:0;
  padding:3px 0 3px 10px;
  line-height:1;
  border-left:5px solid #b8b8b8;
}

#exhibition ul.list li span.option{
  display:block;
  font-size:80%;
  color:#999;
  border-left:5px solid #b8b8b8;
  padding-left:10px;
  margin-left:2px;
}

#exhibition ul.list li span.option span.timestamp{
}

#exhibition ul.list li div.photo{
  padding:15px 5px 15px 15px;
}

#exhibition ul.list li div.photo img{
  margin-right:12px;
  vertical-align:bottom;
}

/* ============ GALLERY ============ */
#gallery #container #body h2{
  margin-bottom:20px;
}

#gallery ul.list {
  margin-top:20px;
  clear:both;
}

#gallery ul.list li {
  width:183px;
  height:210px;
  float:left;
  text-align:center;
}

#gallery ul.list li div.photo {
}

#gallery ul.list li div.info {
  font-size:70%;
  line-height:1.3;
  color:#999;
}

#gallery ul.list li div.info span.title{
  font-size:130%;
  display:block;
  color:#000;
  margin-right:0;
}

#gallery ul.list li div.info span{
  margin-right:5px;
}

/* ============ NEWS ============ */

#news .section {
  margin-top:20px;
  margin-bottom:30px;
  line-height:1.5;
  position:relative;
}

#news #container #body h3 {
  clear:none;
}

#news div.date {
  color:#999;
  font-size:80%;
  padding-left:10px;
  border-left:5px solid #b8b8b8;
  margin-left:2px;

}

#news .section p{
  font-size:80%;
  margin-left:18px;
}

#news .section ul {
  padding-left:16px ;
  font-size:80%;
  margin-top:10px;
  margin-left:2px;
}

#top div#photodiv {
  width:741px;
  height:242px;
  overflow:hidden;
  margin-top:20px;
  margin-bottom:15px;
}

#top ul.topics {
  font-size:90%;
  margin-top:15px;
}

#top ul.topics li .timestamp{
  font-size:90%;
  color:#999;
  margin-left:2px;
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #cdcdcd;
}

#top ul.topics li img {
  vertical-align:middle;
  margin:0 6px 2px 2px;
}

#top #description {
  font-size:80%;
  margin-top:35px;
  line-height:1.5;
  color:#666;
  padding-top:5px;
  border-top:1px dotted #999;
}

#top #description a{
  color:#666;
  text-decoration:underline;
}

#link ul.list li {
  margin-left:10px;
}

#link ul.list li a {
  text-decoration:underline;
}

#link ul.list li span {
  margin-left:20px;
  font-size:80%;
  color:#999;
}

/* ============ ARTTHERAPY ============ */

#arttherapy .name {
  padding:20px 0 0 0;
  font-weight:bold;
  font-size:120%;
}

#arttherapy .image {
	text-align: center;
	}

#arttherapy .image img{
	margin: 20px auto;
	}


#arttherapy h3 {
  margin-top: 30px;	
}
#arttherapy p {
	font-size: 90%;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
#arttherapy h4 {
	margin-left: 20px;
}

#arttherapy p a {
  color: #006692;
  text-decoration: underline;
  }
	
#arttherapy .book-contents {
	background: #f3f3f3;
	padding: 20px;
	margin-top: 40px;
}

#arttherapy .book-contents h4{
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 90%;
}

#arttherapy .book-contents h3 {
	text-align: center;
	font-size: 135%;
	border-left: 0 !important;
	padding-left: 0 !important;
	font-weight: bold !important;
	margin-top: 0;
	padding-top: 0;
}
#arttherapy .book-contents .image img{
	margin: 0 0 40px 0 !important;
}
#arttherapy .book-contents p {
	margin: 0 0 40px 20px;
	padding: 0;
	line-hegiht: 1.7 !important;
}

#arttherapy .book-contents dl {
	margin: 20px;
	font-size: 90%;
}

#arttherapy .book-contents dt {
	font-weight: bold;
	width: 80px;
	float: left;
	clear: left;
	}
#arttherapy .book-contents dd {
	margin-left: 80px;
	}