/* --------------------- Default --------------------- */
html, body { margin:0; padding:0; height:100%; width:100%;}
a { color:#147AB6; text-decoration:none; outline:none;}
a:hover { color:#EA6800; text-decoration:underline;}
input { margin:0; padding:0; font-family:tahoma; font-size:11px; vertical-align:middle;}
div { margin:0; padding:0; font:12px arial; color:#000; line-height:18px;}
em { font-style:normal;}
img { border:0;}
p { margin:0; padding:17px 0;}
ul { margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; line-height:normal;}
h1 { color:#666666; font:bold 23px arial; margin:0; padding:0 0 11px;}
h2 { color:#666666; font:bold 20px arial; margin:0; padding:0 0 11px;}

hr {color: #ccc; height: 1px; overflow: hidden; border:none; border-bottom: 1px solid #ccc; background-color: #ccc; margin: 10px 0;}

#container { max-width:1200px; min-width:1000px; margin:0 auto; min-height:100%; height:auto !important; height:100%; position:relative;}
/* ********************* Header ********************* */
#header { height:128px; position:relative; background:url(/images/px_menu_left.gif) 0 100% repeat-x;}
#header .pixel { width:45%; height:30px; bottom:0; right:0; position:absolute; background:url(/images/px_menu_pink.gif) repeat;}
/* Top */
#header .top { height:98px;}
/* Logo */
#header .logo { width:275px; float:left; padding:8px 0 0;}
#header .logo .img { margin-left:59px;}
#header .logo .img1 { margin-left:34px;}
/* Support */
#header .support { width:238px; float:left; padding:22px 0 0;}
#header .support em { padding:7px 0 0 12px; display:block; color:#666666; font:bold 10px arial;}
#header .support img { display:block;}
/* Language */
#header .language { width:124px; float:right; padding:32px 0 0 85px; color:#9E9E9E;}
#header .language a { margin-right:21px; float:left; font:bold 11px arial; text-align:center;}
#header .language img { margin-bottom:6px; display:block;}
#header .language a.active { color:#9E9E9E;}
#header .language a.active img { opacity:0.6; filter:alpha (opacity=60);}
/* Inhabitant */
#header .inhabitant { width:186px; float:right; padding:30px 64px 0 0; color:#147AB6; font:bold 15px arial; background:url(/images/inhabitant.gif) 100% 25px no-repeat; text-align:right;}
/* Menu */
#header #menu { width:1000px; height:30px; margin:0 auto; position:relative;}
#header #menu li { width:199px; float:left; border:solid #B1AC21; border-width:0 1px 0 0; text-align:center; position:relative;}
#header #menu li a { height:24px; padding:6px 0 0; display:block; color:#fff; font:bold 15px arial;}
#header #menu li a:hover { text-decoration:none;}
#header #menu li.purple { border-color:#825DA2;}
#header #menu li.purple a:hover { color:#E7D8FD;}
#header #menu li.green { background:url(/images/px_menu_green.gif) repeat-x; border-color:#6F9925;}
#header #menu li.green a:hover { color:#C6F37A;}
#header #menu li.yellow { background:url(/images/px_menu_yellow.gif) repeat-x; border-color:#B1AC21;}
#header #menu li.yellow a:hover { color:#F5F061;}
#header #menu li.brown { background:url(/images/px_menu_brown.gif) repeat-x; border-color:#BE6F3B;}
#header #menu li.brown a:hover { color:#FFC9A7;}
#header #menu li.pink { background:url(/images/px_menu_pink.gif) repeat-x; border:0;}
#header #menu li.pink a:hover { color:#FB9CC3;}
/* Dynamic Menu */
#header #menu ul { width:198px; top:30px; left:0; position:absolute; border:1px solid #C4C4C4; background:#DEDEDE; display:none;}
#header #menu ul li { width:198px; padding:3px 0 0; float:left; border:0; text-align:left; background:url(/images/line_dynamic_menu.gif) repeat-x;}
#header #menu li:hover ul, #header #menu li.hover ul {display: block;}
#header #menu li:hover ul li a { color:#147AB6; height:auto; padding:6px 21px; color:#147AB6; font:bold 14px arial; background:url(/images/px_dynamic_menu.gif) repeat-x #DCDCDC;}
#header #menu li:hover ul li a:hover { color:#4AA1D4; text-decoration:underline; background:url(/images/px_dynamic_menu_hover.gif) repeat-x #E7E7E7;}

#header #menu ul li a { color:#147AB6; height:auto; padding:6px 21px; color:#147AB6; font:bold 14px arial; background:url(/images/px_dynamic_menu.gif) repeat-x #DCDCDC;}
#header #menu ul li a:hover { color:#4AA1D4; text-decoration:underline; background:url(/images/px_dynamic_menu_hover.gif) repeat-x #E7E7E7;}

/* ****************** Gallery Box ******************* */
.GalleryBox { padding:25px 75px 10px 41px; overflow:hidden; zoom:1; background:url(/images/px_gallery.gif) repeat;}
.GalleryBox h1 { padding:35px 0 21px; color:#333333;}
.GalleryBox .flash { padding-right:35px; float:left;}

#gallery_filter {margin: 0; padding: 0;}

/* ******************* Info Box ********************* */
.InfoBox { background:url(/images/px_info_top.gif) repeat; border-bottom:1px solid #ECECEC;}
.InfoBox b { color:#76AB16; padding:0 0 8px; display:block;}
.InfoBox big { font-size:12px;}
.InfoBox .content { padding:14px 50px 17px 58px; font-size:11px; overflow:hidden; zoom:1; background:url(/images/px_info.gif) 0 100% repeat-x;}
.InfoBox .page_nav { width:100%; overflow: hidden; zoom: 1;}
.InfoBox .page_nav li { padding:0 3px 21px 0; float:left; color:#888;}
.InfoBox .page_nav li a { color:#888; text-decoration:underline;}
.InfoBox .page_nav li a:hover { color:#333;}
.InfoBox .all { position:relative; float:right;}
.InfoBox .all div { top:-38px; right:0; padding:0 0 0 35px; position:absolute; white-space:nowrap; background:url(/images/letter.gif) 0 4px no-repeat;}
.InfoBox .all_authors { position:relative; float:right;}
.InfoBox .all_authors div { top:-58px; right:0; padding:4px 0 4px 23px; position:absolute; white-space:nowrap; background:url(/images/all_authors.gif) 0 4px no-repeat;}
.InfoBox .author {}
.InfoBox .author li { padding:5px 0 0;}
.InfoBox .author li.home { padding:0;}

.InfoBox select { width:140px; height:19px; padding:1px; margin:0 23px 0 10px; color:#666666; font:11px arial; border:1px solid #7F9CB9; vertical-align:middle;}
.InfoBox label { cursor:pointer;}
.InfoBox #by_organization { width:304px;}

/* ******************** Content ********************* */
#content { padding:34px 0 110px; overflow:hidden; zoom:1;}
#content .title { padding:0 0 18px; color:#333333; font:bold 20px arial;}
#content .title em { padding-right:20px; background:url(/images/arrow_title.gif) 100% 5px no-repeat;}
#content .title a {color: #333;}
#content .title a:hover {color: #147AB6; text-decoration: none;}
#content .clear { height:40px; clear:both;}

/* -------------------------------- Universal Box */
.UniversalBox {}
/* Index Page */
.UniversalBox .nearest_event { padding:8px 0; overflow:hidden; zoom:1;}
.UniversalBox .nearest_event li.date { width:50px; float:left; padding-left:11px;}
.UniversalBox .nearest_event li.date em { width:32px; padding:1px 2px; display:block; color:#fff; font:bold 9px verdana; border:1px solid #76AB16; background:url(/images/px_month.gif) repeat-y; text-align:center;}
.UniversalBox .nearest_event li.date span { width:32px; padding:4px 2px; display:block; color:#333333; font:bold 17px arial; border:1px solid #C4C4C4; text-align:center;}
.UniversalBox .nearest_event li.text { margin:0 20px 0 61px;}
.UniversalBox .nearest_event li.text a.name { padding:0 0 5px; display:block; font:bold 13px arial;}
.UniversalBox .nearest_event li.text .border { width:76px; height:76px; padding:5px; margin-right:12px; float:left; background:#D9D9D9; border:solid #BDBDBD; border-width:0 1px 1px 0;}
.UniversalBox .active { border:1px solid #E9E8E9;}
.UniversalBox .active ul { border:1px solid #fff; background:url(/images/px_shadow.gif) 0 100% repeat-x;}
.UniversalBox .active li.date { padding-left:9px;}
.UniversalBox .empty { padding:9px 0 0; clear:left;}
.UniversalBox .empty1 { padding:35px 0 0; clear:left;}

.UniversalBox .last_video {padding: 0 0 15px 0;}
.UniversalBox .last_video .border { padding:1px; margin-right:12px; float:left; border:1px solid #999999;}
.UniversalBox .last_video a.name { font:bold 13px arial; display:block;}
.UniversalBox .last_video em { padding:10px 0; display:block; color:#70A60E; font:bold 11px arial;}

.last_video_code {padding: 0 0 10px 0;}

/* Art Therapy Page */
.UniversalBox .art_therapy_list {}
.UniversalBox .art_therapy_list li { padding:0 0 21px;}
.UniversalBox .art_therapy_list li span { padding:7px 0; display:block; font-size:11px; color: #666;}
.UniversalBox .art_therapy_list li a.a_title { font:bold 13px arial; display:block;}

/* Authors page */
.UniversalBox .authors_list {}
.UniversalBox .authors_list li { padding:0 0 21px;}
.UniversalBox .authors_list li span { padding: 2px 0; display:block; font-size:11px; color: #666;}
.UniversalBox .authors_list li a.a_title { font:bold 13px arial; display:block;}

/* Art Therapy Inner Page */
.UniversalBox .art_therapy_text { padding-right:40px; clear:left;}
.UniversalBox .art_therapy_text .border { padding:2px; margin:14px 0 25px; display:block; border:1px solid #DFDFDF;}
.UniversalBox .art_therapy_text .border1 { margin-right:19px; float:left; border:1px solid #DFDFDF;}
/* Author Page */
.UniversalBox .about_author { clear:left;}
.UniversalBox .about_author strong { padding:0 0 8px; display:block; color:#666666;}
.UniversalBox .about_author .border { padding:1px; margin-right:19px; float:left; border:1px solid #DFDFDF;}
.UniversalBox .about_author .border1 { padding:1px; margin:25px 0; display:block; border:1px solid #DFDFDF;}
/* Current Event Page */
.UniversalBox .event {}
.UniversalBox .event .gallery { overflow:hidden; zoom:1;}
.UniversalBox .event .gallery li { padding:18px 9px 0 0; float:left;}
.UniversalBox .event .gallery li img { border:1px solid #E9E8E9; padding:1px; display:block;}
.UniversalBox .event .title1 { padding:5px 0 0; color:#666666; font:18px arial;}
.UniversalBox .event .border { border:1px solid #E9E8E9; margin-top:14px; margin-bottom:23px; padding:1px; display:block;}
/* Work Page */
.UniversalBox .work { border:1px solid #E9E8E9; text-align:center; background:url(/images/px_shadow_top.gif) 0 1px repeat-x;}
.UniversalBox .work div { padding:10px 0; border:1px solid #fff; background:url(/images/px_shadow.gif) 0 100% repeat-x;}
.UniversalBox .work div img { display:block; margin:0 auto;}

/* ----------------------------- Gallery Work Box */
.GalleryWorkBox {}
.GalleryWorkBox ul { padding:21px 0 0 58px; overflow:hidden; zoom:1; background:url(/images/px_comment.gif) repeat-x;}
.GalleryWorkBox ul.home { padding:0 0 0 58px; background:none;}
.GalleryWorkBox li { width:20%; float:left; padding: 0 0 21px 0; zoom: 1;}
.GalleryWorkBox li p { padding:8px 0 0;}

.gallery_box a {width: 133px; padding: 9px 0 3px; display:block; font-weight:bold; text-align:center; margin: 0 auto;}
.gallery_box span {width:133px; display:block; color:#595959; font-size:11px; text-align:center; margin: 0 auto;}

div.gallery_work { width:131px; height:131px; border:1px solid #E9E8E9; text-align:center; margin: 0 auto;}
div.gallery_work div {width:129px; height:129px; padding:0; border:1px solid #fff; background:url(/images/px_shadow.gif) 0 100% repeat-x;}
div.gallery_work a {
	width: 112px; height: 112px; display: block; margin: 8px auto 0 auto; padding: 0;
	background-repeat: no-repeat; background-position: center center;
}

/* ---------------------------------- LEFT COLUMN */
#left_column { margin:0 342px 0 58px;}
#left_column1 { margin:0 537px 0 39px;}
#left_column2 { margin:0 419px 0 59px;}
#left_column3 { margin:0 540px 0 180px;}
#left_column4 { margin:0 520px 0 59px;}

/* --------------------------------- RIGHT COLUMN */
#right_column { width:280px; float:right; padding-right:22px;}
#right_column .banner { margin-bottom:17px; display:block;}
#right_column1 { width:474px; float:right; padding-right:23px;}
#right_column2 { width:379px; float:right;}
#right_column3 { width:473px; float:right; padding-right:30px;}

/* -------------------------------- New Works Box */
.NewWorksBox { padding:0 0 17px; overflow:hidden;}
.NewWorksBox li { width:133px; padding:0 5px 0 10px; float:left; font-size:11px; text-align:center;}
.NewWorksBox li strong { padding:9px 0 5px; font-size:13px; display:block;}
.NewWorksBox li div { height:131px; border:1px solid #E9E8E9; text-align:center;}
.NewWorksBox li div div { height:119px; padding:5px 0; border:1px solid #fff; background:url(/images/px_shadow.gif) 0 100% repeat-x;}
.NewWorksBox li.prev { width:11px; padding:57px 0 0;}
.NewWorksBox li.prev a { width:11px; height:16px; display:block; background:url(/images/arrow_prev.gif) no-repeat; text-decoration:none;}
.NewWorksBox li.next { width:11px; padding:57px 0 0 5px;}
.NewWorksBox li.next a { width:11px; height:16px; display:block; background:url(/images/arrow_next.gif) no-repeat; text-decoration:none;}
.NewWorksBox li a.none { background-position:0 100%;}
.NewWorksBox li .indent { margin-top:19px;}
.NewWorksBox li .indent1 { margin-top:21px;}
.NewWorksBox li .indent2 { margin-top:4px;}

/* ------------------------------ Art Therapy Box */
.ArtTherapyBox {}
.ArtTherapyBox li { padding:0 0 15px 20px; background:url(/images/line.gif) 0 7px no-repeat;}
.ArtTherapyBox li em { padding:5px 0; display:block; color:#666666; font-size:11px;}

/* -------------------------------- Portfolio Box */
.PortfolioBox {text-align: right;}
.PortfolioBox ul { clear:left;}
.PortfolioBox li { width:133px; padding:0 52px 27px 0; float:left;}

a.PortfolioLink { color:#707070; text-decoration:underline; color:#707070; font-size:12px; margin-right: 60px;}
a.PortfolioLink :hover { color:#EA6800;}

.PortfolioBox li .indent { margin-top:3px;}
.PortfolioBox li .indent1 { margin-top:16px;}
.PortfolioBox li .indent2 { margin-top:8px;}
.PortfolioBox li .indent3 { margin-top:17px;}

/* ------------------------------------- Poem Box */
.PoemBox { color:#3F3F3F; line-height:25px;}
.PoemBox p { padding:12px 0 0;}
.PoemBox span { font-size:11px; display:block;}
.PoemBox .text { padding-left:20px; color:#3F3F3F; line-height:25px;}
.PoemBox .text1 { padding:0 145px 0 20px; color:#3F3F3F; line-height:20px;}
.PoemBox .text1 span { padding:7px 0 0;}
/* Order */
.PoemBox .order { padding:17px 0 0; clear:both;}
.PoemBox .order a { height:35px; padding-left:16px; float:left; color:#000; font-size:14px; background:url(/images/button_order.gif) no-repeat;}
.PoemBox .order a em { height:27px; float:left; padding:8px 16px 0 0; background:url(/images/button_order.gif) 100% 0 no-repeat; cursor:pointer;}
.PoemBox .order a:hover { color:#4E4E4E; text-decoration:none;}
/* Other Works */
.PoemBox .other_works { width:100%; float:left; padding:40px 0 10px 0;}
.PoemBox .other_works li { float:left; color:#888888;}
.PoemBox .other_works li a { color:#888888; text-decoration:underline;}
.PoemBox .other_works li a:hover { color:#EA6800;}
.PoemBox .other_works li.left { width:284px; padding-left:23px;}
.PoemBox .other_works li.right { width:145px; text-align: right;}
/* Works */
.PoemBox .works { clear:both;}
.PoemBox .works li { width:103px; padding:14px 29px 0 0; float:left; font-size:11px; text-align:center;}
.PoemBox .works li img { display:block; margin:0 auto;}
.PoemBox .works li strong { padding:9px 0 5px; font-size:13px; display:block;}
.PoemBox .works li.prev { width:11px; padding:46px 0 0;}
.PoemBox .works li.prev a { width:11px; height:16px; display:block; background:url(/images/arrow_prev.gif) no-repeat; text-decoration:none;}
.PoemBox .works li.next { width:11px; padding:46px 0 0 5px;}
.PoemBox .works li.next a { width:11px; height:16px; display:block; background:url(/images/arrow_next.gif) no-repeat; text-decoration:none;}
.PoemBox .works li a.none { background-position:0 100%;}
.PoemBox .works div { width:81px; height:81px; margin:0 auto; border:1px solid #fff;}
.PoemBox .works .border { border:1px solid #DCDCDC; background:#FBFBFB;}
.PoemBox .works .border1 { width:77px; height:77px; border:3px solid #86B12A;}
.PoemBox .works .indent { margin-top:16px;}
.PoemBox .works .indent1 { margin-top:8px;}
.PoemBox .works .indent2 { margin-top:11px;}

/* --- Roll List --- */
.roll_list {clear: both; overflow: hidden; position: relative;}
.roll_list .prev, .roll_list .next {
	position: absolute; top: 55px; cursor: pointer; width: 11px; height: 16px;
	background-position: 0 0; background-repeat: none;
}
.roll_list .prev {background-image: url(/images/arrow_prev.gif); left: 0;}
.roll_list .next {background-image: url(/images/arrow_next.gif); right: 0;}
.roll_list .none {background-position: 0 100%; cursor: default;}

.roll_list .roll_cont {margin: 0 15px; overflow: hidden; zoom: 1; clear: both; position: relative;}
.roll_list .roll_tape {float: left; clear: both; height: 100%; display: none; position: relative; top: 0; left: 0;}
.roll_list .tape_slot {float: left;}

.works_small {width: 474px;}
.works_small .roll_cont {width: 444px;}
.works_small .tape_slot {width: 148px; text-align: center;}


/* ---------------------------------- Comment Box */
.CommentBox { padding:40px 59px 0 59px; clear:both; background:url(/images/px_comment.gif) 0 0 repeat-x;}
.CommentBox b { color:#76AB16;}
.CommentBox img { margin:0 5px 0 49px; vertical-align:middle;}
.CommentBox .author { padding:22px 0 7px; overflow:hidden; zoom:1;}
.CommentBox .author span { height:35px; padding-left:9px; float:left; background:url(/images/bg_author.gif) 0 0 no-repeat;}
.CommentBox .author span span { height:30px; padding:5px 9px 0 0; background:url(/images/bg_author.gif) 100% 0 no-repeat;}
.CommentBox .reply { padding:7px 0 0; font-size:11px;}
.CommentBox .reply img { margin:0 5px;}

.CommentBox .comment {padding-left: 25px;}
.CommentBox .comments_tape {margin-left: -25px;}

.CommentBox .error_block {margin: 15px 0 0 0;}
.CommentBox .error_block div {color: #CC0000;}

.CommentBox .comment_ok {color: #76AB16; padding: 5px 0 0 0; font-weight: bold;}

.CommentBox form {width: 470px; margin: 0; padding: 0; border: 5px solid #eee; padding: 10px; margin: 15px 0 0 0;}
.CommentBox form table td {padding: 5px 0;}
.CommentBox form label {cursor: pointer; padding-right: 15px;}

.CommentBox form input {font-size: 13px;}
.CommentBox form input.textinp, .CommentBox form textarea {width: 298px;}
.CommentBox form textarea {font-size: 13px; height: 100px; overflow: auto;}

.CommentBox form input.captcha {font-size: 28px; padding: 1px 0 1px 5px;}

.starreq {color: #CC0000; margin-left: 3px;}

/* Navigation block */
.nav_block {height: 30px; overflow: hidden; padding: 10px 0 0 0;}
.nav_block a {font-size: 14px; display: block; float: left; padding: 6px 9px; line-height: 1; border: 1px solid #ddd; text-decoration: none; margin: 0 3px 0 0;}
.nav_block a:hover {background-color: #3366CC; color: #fff;}
.nav_block a.nav_current {background-color: #ddd; color: #000; cursor: default; font-weight: bold;}

.gallery_nav_block {border-top: 1px solid #eee; padding: 0 0 0 60px; margin: 10px 0 0 0;}

/* ********************* Footer *********************** */
#footer { max-width:1198px; min-width:998px; height:61px; margin:-64px auto 0; position:relative; border:solid #F0F0F0; border-width:3px 1px 0; background:url(/images/px_footer.gif) repeat;}
#footer ul { padding:17px 30px 0;}
/* Copyright */
#footer li.copyright { width:350px; padding:5px 30px 0 0; float:left; color:#666666; font-size:11px;}
/* Counter */
#footer li.counter { float:right;}
#footer li.counter a { opacity:0.7; filter:alpha (opacity=70);}
#footer li.counter a:hover { opacity:1; filter:alpha (opacity=100);}
/* Search */
#footer li.search { float:left; position:relative;}
#footer li.search .form { width:184px; padding:4px 40px 4px 6px; border:1px solid #ACACAC; color:#A9A9A9; font:11px arial; background:#F4F4F4;}
#footer li.search .form[type="text"]:focus { color:#000; border-color:#8F8F8F; background:#fff;}
#footer li.search .button { width:20px; height:16px; top:4px; right:5px; position:absolute; background:url(/images/button_search.gif) no-repeat; border:0; cursor:pointer;}
/* Develop */
#footer li.develop { width:200px; padding:5px 30px 0 0; float:right; color:#666666; font-size:11px;}

.search_form input {font:12px arial;}
.search_form_text {padding: 3px 5px; border:1px solid #ACACAC;}
.search_result {padding: 0 0 18px 0;}
.search_result p {padding: 0 0 5px 0;}

li.breaker {clear: both; float: none; zoom: 1; overflow: hidden;}




/* ----------------------- IE ------------------------- */
* html #container, * html #footer { width:98%;}
* html body	{ width: expression(((document.documentElement.clientWidth || document.clientWidth) < 1000)? "1000px" : "100%"); height:100%;}
* html #container { width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 1200 ? "1200px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 1000 ? "1000px" : "auto"));position:relative; z-index: 2; min-width: 1000px;  max-width: 1200px;}
/* ---------------------------------------------------- */