body { margin: 0; margin-top: 15px; padding: 0; color: #000; background-color: #76766d;
font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

.bodyx { background: #000000 url('images/bg1.png') repeat-x;   }


tr.odd td, tr.even td { padding: 0.3em; }
td{ vertical-align:top; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; }
h1 { font-size: 1.3em;}
h2 { font-size: 14px; }
h3, h4, h5, h6 { font-size: 1.1em; }
p { margin-top: 0.5em; margin-bottom: 0.9em; }

a { text-decoration: none; font-weight: normal; }
a:link, a:visited, .architecture-page-text a { color: #287755; text-decoration: none; font-size:11px; font-weight: normal; }
a:hover { color: #000000;}

fieldset { border: 1px solid #ccc;}
pre { background-color: #eee; padding: 0.75em 1.5em; font-size: 12px; border: 1px solid #ddd; }
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0em;
  margin-top: 0em;
  padding:0px;
 font-weight:normal;
}


.comment .links {
  margin-bottom: 0em;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#header
{
  background-color: #ffcc00;
}

#logo {
  vertical-align: bottom;
  border: 0;
}
#logo img , #menu img{

  padding: 0;
  border: 0;
  margin:0px;
}
#menu {
  padding: 0;
  text-align: right;
  margin:0px;
    border: 0;
}

.subheader, #primary, #primary a, #primary a.link, #primary a:visited
{
  font-family:verdana,arial;
  font-size:12px;
  padding: 4px;
  color:#777777;
  font-weight:bold;
  letter-spacing:0px;
}

#primary a:hover
{

    color: #287755;

}

#secondary {
  padding: 0 1em 0.5em 0;
  font-size: 0.8em;
  color: #9cf;
}
#secondary a {
  font-weight: bold;
  color: #9cf;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
}
#search .form-text {
  width: 8em;
  height: 1.4em;
  padding: 0 0.5em 0 0.5em;
  margin: 0 0 0.5em 0;
}
#search .form-submit {
  height: 1.5em;
}
#mission {
  background-color: #369;
  padding:0;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0em 0em 0em 0em;
  padding: 0em;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0em 0em 0em 0em;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}
#mission, .node .content, .comment .content {
  line-height: 1.4;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  background-color: #ffffff;
  width: 120px;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
}

#sidebar-left, #sidebar-right
{
    /* background:#b2b2b2; */
    /* background:#FDFDEC; */
    background:#eeeedd;


}

#sidebar-left {
  width:100px;
}
#sidebar-right
{
    background:#eeeedd;
   /* background:#efeac7; */
    /* background:#F8F6D9; */

}


#footer {
  background-color: #eee;
  padding: 1em;
  font-size: 0.8em;
  text-align:center;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a, h2 a {
  font-weight: bold;
  font-size: 13px;
  color: #333;
  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #666666;
  font-size: 10px;
  font-weight:normal;
}
.links {
  color: #999;
}
.links a {
  font-weight: normal;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em 0;
}
.sticky {
  padding: .5em;
  background-color: #ffffee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 10px;
  padding: 1.5em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #b2b2b2;
  padding: .5em;
  margin-bottom: 1em;
  -moz-border-radius:5px;

}
.comment .title  {
  font-size: 12px;
  font-weight: bold;
color:#000000;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}

.architecture-page-text
{
    width:550px;
    vertical-align:top;
    font-size:11px;

}

.architecture-page-imgs
{
    width:180px;
    vertical-align:top;
    padding-left:15px;
}

wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  display: block;
   margin-right:0px;
   float:none;
  }
.wrap0
{
    float:left;
    padding-right:5px;
    padding-bottom:5px;
    padding-top:10px;
}
.wrap1
{
    float:left;
    background:url('images/shadow.gif') right bottom no-repeat;
}
.wrap2
{
    background:url('images/corner_bl.gif') left bottom no-repeat;
}
.wrap3
{
    padding: 0px 3px 4px 0;
    background:url('images/corner_tr.gif') right top no-repeat;
}

.wrap3 img
{
    display:block;
}
#subheader
{
    background:url('images/abcbg.jpg');

    text-align:right;
    padding-right:5px;
    height:20px;
}

.subheader_menu
{
    text-align:right;

}

#edit-search_theme_form_keys
{
    width:90px;
}

input, textarea
{
    border:1px solid #b2b2b2;
}

.readmore, .readmore a
{
    text-align:right;
    font-weight:normal;
}

.highlightbredcrumb a
{
    color:#cc0000;
}

.pic-title
{
    color:#666666;
    font-size:10px;
    width:150px;
    line-height:100%;
}

#news, #recommend
{
    width:120px;
    vertical-align:top;
    padding-top:0px;



}
#news a, #recommend a
{
    font-weight:normal;
}

#news-wrapper
{
    border-left:0px solid #b2b2b2;
    border-top:0px solid #b2b2b2;
    padding-left:5px;
    height:100%;
    background:#eeeedd;

}

#news-wrapper .title
{
    font-size:11px;
    padding-top:5px;
}

#recommend-wrapper
{
    border-left:0px solid #b2b2b2;
    padding-left:3px;
    padding-right:5px;
    padding-top:3px;
    height:100%;
    padding-bottom:0px;
    background:transparent;
    background:url('images/tippbg5.png')  left top  no-repeat;
    height:70px;

}



#recommend-wrapper .title
{
    font-size:11px;

}

#recommend-wrapper-raiba
{
    border-left:0px solid #b2b2b2;
    padding-left:3px;
    padding-right:5px;
    padding-top:3px;
    height:100%;
    padding-bottom:0px;
    background:transparent;
    background:url('images/tippbg_raiba.png')  left top  no-repeat;
    height:70px;
}

#recommend-wrapper-raiba .title
{
    font-size:11px;
}


#recomend-content
{

    padding:4px;
    padding-top:10px;


}

#recomend-content a:hover
{
    color:#cc0000;
}

.event-itemlist
{
   color:#333333;
   font-size:10px;
   padding-top:0px;
}



.event-itemlist a
{
   font-size:10px;
   font-weight:normal;
}

.event-itemlist a:hover
{
    color:#cc0000;
}


.block .title
{
font-size:11px;
}

.submitted a, .taxonomy a, .block a
{
    font-weight:normal
}

#content
{
    background:#eeeedd;
}

#content a
{
    font-weight:normal;
    font-size:11px;
}

.view-address .form-text
{
    width:150px;
}

.termdesc, .reminder, .preview
{
    padding:4px;
    /* color:#666666; */
    color:#333333;
    padding-left:0px;
    padding-bottom:8px;
    /* width:400px; */
}

.termdesc h2
{
  padding-top:0px;
}
.resizable-textarea
{
    width:550px;
}

.block-menu .title
{
    background:#eeeedd;
    padding-left:2px;
}


.exhibition-dateinfo, .exhibition-dateinfo a
{
    color:#000000;
    font-size:10px;
}

#pointers
{
    background:url('images/comment3.png') right top no-repeat;
    z-index:1;
}

#pointers fieldset
{
    border:0px;
    border-top:1px solid #000000;
}

.comment .content {
  background:#ffffdd;
}

.printversion
{
  width:100%;
  text-align:left;
  padding:5px;
  padding-top:20px;
  padding-bottom:20px;
}

#innertoc
{
  border:5px solid red;
}
fieldset a:hover
{
    color:#cc0000;
}

#col-preview, #col-reminder
{
  background:url('images/previewbg.png') top no-repeat;
  height:120px;
  padding:3px;
}


#kotoc
{
  padding:3px;
  /* background:url('images/tocbg15.png') top no-repeat; */
  /* height:240px; */
  padding-left:12px;
  padding-top:8px;
  padding-bottom:8px;
  margin-top:5px;
  border:0px;
  border:0px solid #b2b2b2;
  -moz-border-radius:5px;

}

.more_links
{
    font-weight:bold;
    padding-bottom:2px;
    padding-top:15px;
}

.ko-exhibit-col-one
{
    background:transparent;
}
.ko-exhibit-col-one .active
{
    background:#ffffee;
}

.block-more
{
    font-weight:bold;
}
.block-more:hover
{
    color:#cc0000;

}