@import "c-css.php";
body{
background:#ddd4ab url(../img/bg.gif);
font-family:Arial,Helvetica,sans-serif;
font-size:62.5%;
line-height:1.5;
margin:10px 0;
padding:0;
text-align:center;
}
#container{
background-color:transparent;
margin:0 auto;
padding-left:5px;
text-align:center;
width:760px;
}
#logoAndNav{
background:url(../img/nav-bg.gif) bottom no-repeat;
float:left;
padding-bottom:5px;
width:760px;
[if lte IE 6] position:relative;
}
#logo{
float:left;
padding-bottom:9px;
}
#searchAndLang{
height:15px;
[if lte IE 6] position:absolute;
[if lte IE 6] right:2px;
[if lte IE 6] top:0;
[if lte IE 6] width:426px;
}
#language{
display:inline;
float:left;
margin-left:220px;
padding-right:10px;
text-align:right;
vertical-align:middle;
width:auto;
}
#language2{
display:inline;
float:left;
margin-left:140px;
padding-right:10px;
text-align:right;
vertical-align:middle;
width:auto;
[if lte IE 6] float:left;
[if lte IE 6] padding-top:2px;
[if lte IE 6] width:auto;

}
#language-english{
display:inline;
float:left;
margin-left:200px;
padding-right:10px;
text-align:right;
vertical-align:middle;
width:auto;
}
#search-box{
[if lte IE 6] float:right;
[if lte IE 6] width:auto;
}
.searchForm{
float:right;
}
.searchFormInput{
background:#f7f6e5;
border:1px solid #c1ba93;
color:#7b7c57;
margin:0;
padding:0;
vertical-align:top;
width:110px;
[if lte IE 6] width:112px;
}
.searchFormButton{
vertical-align:top;
}
*html #content{
height:1%;
overflow:visible;
padding-top:10px;
width:auto;
}
*html #journalCommunity{
height:1%;
overflow:visible;
width:auto;
}
#flash{
background:#f7f6e5;
float:left;
height:250px;
padding-top:5px;
width:760px;
}
#buttonsRow{
float:left;
padding-bottom:5px;
padding-top:5px;
text-align:left;
width:760px;
}
#bg_columns{
background:url(../img/home-bg.gif) repeat-y;
border-bottom:5px solid #b50f00;
float:left;
width:760px;
[if lte IE 6] position:relative;
}
#bg_columns2{
background:url(../img/home-bg-ch.gif) repeat-y;
border-bottom:5px solid #b50f00;
float:left;
width:760px;
}
#leftContent{
background:url(../img/bottombg-left.gif) no-repeat;
float:left;
padding-right:20px;
text-align:left;
width:auto;
}
#home #news{
background:url(../img/bottombg-left-news.gif) no-repeat;
float:left;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
text-align:left;
width:295px;
}
#home #news2{
background:url(../img/bottombg-left-ch.gif) no-repeat;
float:left;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
text-align:left;
width:527px;
}
#home p.journal{
color:#57583c;
font-size:10px;
margin:0 0 10px;
padding:0;
}
#home #journalCommunity{
background:url(../img/bottombg-left-journal.gif) no-repeat;
float:left;
padding-left:20px;
padding-right:19px;
padding-top:20px;
text-align:left;
width:193px;
}
#journalCommunity .left{
float:left;
margin:3px;
}
#journalCommunity .right{
float:right;
margin:3px;
}
#journalCommunity .title{
display:block;
float:none;
padding-bottom:5px;
padding-left:0;
padding-top:10px;
}
#rightContent{
background:url(../img/bottombg-right.gif) no-repeat;
float:left;
padding-left:15px;
padding-right:10px;
padding-top:20px;
text-align:left;
width:161px;
}


#rightContent a{
color:#5d646d;
font-size:12px;
font-weight:700 !important;
text-decoration:underline;
}
#rightContent p{
color:#57583c;
font-size:11px;
margin:0 15px 10px;
padding:0 0 0 15px;
text-align:left;
}
#rightContent img{
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
.line{
background:url(../img/line.gif) no-repeat;
}
#home #joinList{
float:left;
height:30px;
width:192px;
}
#home #shopAndDonate{
float:right;
width:300px;
}
.button{
float:right;
margin-left:3px;
width:auto;
}
#nav ul{
list-style:none;
margin:-6px 0 0;
padding:0;
}
#nav a{
border:0;
color:#57583c;
display:block;
}
#nav li{
float:left;
}
#navbar{
display:block;
margin-left:-2px;
margin-top:35px;
vertical-align:middle;
[if lte IE 6] left:330px;
[if lte IE 6] position:absolute;
[if lte IE 6] top:15px;
}
ul#nav{
height:30px;
margin:0;
padding:0;
width:auto;
}
#nav,#nav ul{
list-style:none;
margin:-6px 0 0;
padding:0;
z-index:50;
}
h2{
color:#57583c;
font-family:Helvetica,sans-serif;
font-size:16px;
margin:0;
padding:0;
}
.leftfloat{
float:left;
margin-left:4px;
}
.rightfloat{
float:right;
margin-left:4px;
}
#home{
line-height:1.5;
}
#footer{
color:#57564e;
display:block;
float:left;
margin-left:-3px !important;
margin-top:10px;
padding-bottom:10px;
}
#footer a{
color:#57564e;
text-decoration:none;
}
#footer a:hover{
color:#b50f00;
text-decoration:none;
}
#header{
background:#f7f6e5;
float:left;
text-align:left;
width:100%;
}
#header img.pic{
background:#f7f6e5;
float:left;
padding:10px 0 10px 10px;
}
#subpage #buttons{
float:left;
margin-left:5px;
margin-top:10px;
text-align:center;
width:180px;
}
#supportWork-top{
background:url(../img/supportWork-top.gif) no-repeat;
height:10px;
margin-left:3px;
padding:0;
text-align:center;
}
#supportWork-content{
background:#deddc9;
margin-left:3px;
margin-top:0;
padding-left:3px;
text-align:left;
width:173px;
}
*html #supportWork-content{
background:#deddc9;
margin-left:3px;
margin-top:-5px;
padding:0 0 0 4px;
width:172px;
}
.supportImg{
margin-left:15px;
}
#supportWork-content p{
color:#48483a;
font-size:11px;
margin:0 5px;
padding-bottom:1px;
padding-left:8px;
text-align:left;
width:auto;
}
#supportWork-bottom{
background:url(../img/supportWork-bottom.gif) no-repeat;
height:10px;
margin-left:3px;
margin-top:0;
padding:0;
text-align:center;
}
#subpage #donate,#journal #donate{
padding-right:1px;
padding-top:5px;
}
#subpage #shop,#journal #shop{
padding-top:5px;
}
#bg_columns_sub{
background:url(../img/sub-bg.gif) repeat-y;
border-bottom:5px solid #b50f00;
float:left;
margin-top:10px;
width:760px;
[if lte IE 6] position:relative;
}
#subpage #navContent{
background:url(../img/bottombg-left-sub.gif) repeat-y;
float:left;
padding-bottom:20px;
padding-left:0;
padding-right:0;
width:175px;
}
#subpage h2{
background:#6c7454;
color:#fff;
font-family:Helvetica,sans-serif;
font-size:20px;
font-weight:400;
height:30px;
margin-top:-1px;
padding-left:15px;
text-align:left;
vertical-align:middle;
width:745px;
}
ul#subnav{
list-style:none;
margin-bottom:15px;
margin-left:0;
margin-top:0;
padding:0;
text-align:left;
width:170px;
}
#subnav li{
border-bottom:1px solid #c2c8ca;
list-style:none;
margin:0;
padding:5px 0 5px 15px;
text-align:left;
}
#subnav a{
color:#57583c;
font-family:Arial;
font-size:12px;
text-decoration:none;
}
#subnav li.active{
background:url(../img/active.gif) no-repeat;
}
#subnav li.active a{
color:#b50f00;
margin-left:15px;
padding-left:0;
}
#subnav UL.secondary{
margin-left:0;
padding-left:0;
}
#subnav LI.secondary{
border-bottom:none;
}
#subnav A.secondary{
font-size:11px;
}
#callouts,#wp_quotes{
margin-top:20px;
text-align:left;
}
#callouts .title{
margin-left:10px;
}
#callouts p,.wp_quotes_quote,.wp_quotes_author{
color:#57583c;
font-size:11px;
margin-top:5px;
padding-left:20px;
padding-right:20px;
padding-top:0;
text-align:left;
}
#callouts a{
color:#57583c;
text-align:left;
text-decoration:underline;
}
#callouts img{
margin-top:5px;
}
#wp_quotes,.wp_quotes_quote,.wp_quotes_author{
margin-top:0;
padding-bottom:5px;
padding-top:0;
}
#mainContent{
background:url(../img/bottombg-top-sub.gif) no-repeat;
float:left;
padding-bottom:20px;
text-align:left;
width:585px;
[if lte IE 6] left:176px;
[if lte IE 6] position:absolute;
[if lte IE 6] width:587px;
}
*html #mainContent{
width:583px;
[if lte IE 6] width:587px;
}
#mainContent h3{
color:#b50f00;
font-size:14px;
margin-bottom:5px;
margin-top:3px;
padding-bottom:0;
padding-top:0;
}
#mainContent h4{
color:#57583c;
font-size:12px;
font-weight:700;
margin-top:8px;
padding-top:0;
}
*html #mainContent h4{
margin-top:8px;
padding-top:0;
}
#content{
padding-left:60px;
padding-right:70px;
padding-top:30px;
}
#content p,#content ul,#content table{
color:#57583c;
font-size:12px;
}
#content .callout{
border-bottom:4px double #d7d7c2;
border-top:4px double #d7d7c2;
color:#57583c;
display:inline;
float:right;
font-size:18px;
font-weight:400;
margin-left:20px;
width:185px;
}
#content .calloutLeft{
border-bottom:4px double #d7d7c2;
border-top:4px double #d7d7c2;
color:#57583c;
display:inline;
float:left;
font-size:18px;
font-weight:400;
margin-left:20px;
width:185px;
}
#content a{
color:#b50f00;
font-weight:400;
text-decoration:underline;
}
#content a:hover{
color:#57583c;
font-weight:400;
text-decoration:underline;
}
#content img,#news img.pic{
border:3px solid #eae9d9;
margin-right:10px;
padding:5px;
}
.note{
font-style:italic;
}
img{
border:0;
}
#breadcrumbs{
color:#57583c;
font-size:12px;
margin-top:-10px;
padding:0;
}
*html #breadcrumbs{
margin-top:0;
}
#breadcrumbs a{
color:#57583c;
text-decoration:none;
}
.quote{
background:#f0efdd;
border:1px solid #d9d8c6;
color:#5a5a40;
font-size:12px;
font-style:italic;
padding:10px 18px;
width:405px;
}
.quote-chinese{
background:#f0efdd;
border:1px solid #d9d8c6;
color:#5a5a40;
font-size:12px;
font-style:normal;
padding:10px 18px;
width:405px;
}
.quote h3{
background:none;
color:#525236;
font-size:12px;
font-style:normal;
font-weight:700;
margin:0;
padding:0;
width:auto;
}
.quote .credit{
text-align:right;
}
.quote p{
margin:1px;
padding:3px;
}
h1.pagetitle{
color:#6c7454;
margin-top:30px;
text-align:center;
}
#journal #logoAndNav{
background:url(../img/blog/titlebar.gif) bottom no-repeat;
float:left;
padding-bottom:5px;
width:760px;
}
#journal #navbar{
display:block;
margin-left:20px;
margin-top:45px;
text-align:center;
vertical-align:bottom;
}
#journaltitle{
margin-left:30px;
}
#journal #bg_columns{
background:url(../img/blog/blog-bg.gif) repeat-y;
border-bottom:5px solid #b50f00;
float:left;
width:760px;
}
#journalContent{
background:url(../img/blog/bottombg-left-journal.gif) no-repeat;
float:left;
margin-bottom:20px;
overflow:hidden;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
width:528px;
}
.post{
border-bottom:1px solid #acaf84;
margin-right:25px;
margin-top:20px;
width:auto;
}
#journal h3 a,#journal h3 a:hover{
color:#57583c !important;
font-family:arial !important;
font-size:16px !important;
margin:0;
padding:0;
}
.post .date{
color:#b50f00;
font-family:arial;
font-size:10px;
margin:0;
padding:0;
}
.post .entry{
color:#000;
font-size:12px;
}
.meta{
color:#000;
font-size:10px;
margin-bottom:15px;
margin-top:5px;
}
.meta a{
color:#57583c;
font-size:11px !important;
font-weight:700;
text-decoration:underline;
}
.meta a:hover{
color:#b50f00;
font-size:11px !important;
font-weight:700;
text-decoration:underline;
}
#journal #rightContent{
background:url(../img/bottombg-right.gif) no-repeat;
margin:0;
padding:0;
text-align:center;
width:190px;
}
#journal #rightContent img{
margin:0;
padding:0;
}
#aboutUs{
float:none;
margin-bottom:10px;
margin-top:15px;
padding-left:6px;
text-align:center;
}
*html #aboutUs{
padding-left:3px;
}
#aboutContent{
background:url(../img/blog/about-bg.gif) repeat-y;
margin:-5px 0 0;
padding:0;
width:178px;
}
*html #aboutContent{
margin-left:0;
width:178px;
}
#boxbottom{
background:url(../img/blog/boxbottom.gif) no-repeat;
height:5px;
margin:-1px 0 0 1px;
padding:0;
width:178px;
}
*html #boxbottom{
background:url(../img/blog/boxbottom.gif) no-repeat;
height:5px;
margin:-3px 0 0 2px;
padding:0;
width:179px;
}
#aboutContent p{
margin:0;
padding:8px 0 5px;
text-align:left;
width:135px;
}
#rightContent h2{
color:#57583c;
font-family:Helvetica,sans-serif;
font-size:14px;
margin:0;
padding-left:13px;
text-align:left;
}
#topics{
margin-top:15px;
text-align:left;
}
#topics ul,#archives ul,#rightContent ul{
list-style-type:none;
margin-left:15px;
margin-top:0;
padding-left:0;
padding-top:0;
text-align:left;
}
#topics ul li,#archives ul li,#rightContent ul li{
background:url(../img/blog/buttonbg.gif) no-repeat;
padding-left:10px;
text-align:left;
}
#topics ul li a,#archives ul li a,#rightContent a{
color:#57583c;
font-size:12px;
font-weight:400;
text-decoration:none;
}
#topics ul li a:hover,#archives ul li a:hover,#rightContent a:hover{
color:#57583c;
font-size:12px;
text-decoration:underline;
}
.searchBox{
font-weight:700;
margin-bottom:10px;
margin-top:0;
}
.searchField{
height:auto;
margin:0;
padding:0;
}
.submitButton{
background:#fff;
border:1px solid #ccc;
color:#57583c;
font-size:10px;
font-weight:700;
height:20px;
padding:0;
width:25px;
}
#mailinglistform{
color:#57583c;
font-size:small;
}
#home #bg_columns img,#home #bg_columns2 img,#callouts img.pic{
border:2px solid #e6ebf1;
padding:2px;
}
#home #bg_columns img.title,#home #bg_columns2 img.title,#home #bg_columns img.china,#home #bg_columns img.noborders{
border:0;
padding:0;
}
#home #news a,#home #journalCommunity a,#journalContent a{
color:#57583c;
font-size:12px;
font-weight:700;
text-decoration:underline;
}
#home #news a:hover,#rightContent a:hover,#journalContent a:hover{
color:#b50f00;
font-size:12px;
font-weight:700;
text-decoration:underline;
}
#home #news p,#journalContent p{
color:#57583c;
font-size:12px;
margin:0 0 15px;
padding:0;
}
#home p.community,#home #journalCommunity p{
color:#57583c;
font-size:12px;
margin:0 0 10px;
padding:0;
}
#home #journalCommunity a:hover,a.buttonText:hover,#subnav a:hover,#callouts a:hover,#breadcrumbs a:hover{
color:#b50f00;
}
#journalCommunity .center,h6{
text-align:center;
}