body { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; margin:0; color:#000000;}
p {line-height: 125%;}

#bigcontainer {width: 900px;}

/* green menu boxes */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#000;}
#xsnazzy h2 {font-size:2em;color:#000; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:.3em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#99af79; border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#99af79; border:0 solid #999; border-width:0 1px;}

/* yellow content boxes */
#ysnazzy h1, #ysnazzy h2, #ysnazzy h3, #ysnazzy p {margin:0 10px; letter-spacing:1px;}
#ysnazzy h1 {font-size:2.5em; color:#000;}
#ysnazzy h2 {font-size:1.5em;color:#000; border:0;}
#ysnazzy h3 {font-size:1.1em;color:#000; border:0;}
#ysnazzy p {padding-bottom:0.5em; padding-left:15px;}
#ysnazzy h2, h3 {padding-top:0.5em;}
#ysnazzy {background: transparent; margin:.3em;}

.ytop, .ybottom {display:block; background:transparent; font-size:1px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {background:#ffffcc; border-left:1px solid #999; border-right:1px solid #999;}
.yb1 {margin:0 5px; background:#999;}
.yb2 {margin:0 3px; border-width:0 2px;}
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}

.yboxcontent {display:block; background:#ffffcc; border:0 solid #999; border-width:0 1px; min-height:350px; padding-top:0.5em;}
.yboxcontentsm {display:block; background:#ffffcc; border:0 solid #999; border-width:0 1px;}

/* page areas */
#contentarea {width: 665px; min-height:360px; float: left;}
#menuarea {width: 143px; float: left;}
#footerarea {width: 650px; float: left;}
#topnav {width: 800px; height: 98px; display: block;}
#topleft {width: 474px; float: left;}
#topcenter {width: 314px; height: 98px; background-color:#99af79; float: left; background-image: url(https://www.chinesepath.com/images/ChineseTxt.jpg); background-repeat: no-repeat; background-position: top left;}
#topright {width: 12px; height:98px; float: left;}
#search { padding-left:10px; }
#topnavcol {position: relative; right: 10px; top 5px; text-align: right; font-size: 12px; line-height: 175%;}
#topnavcol img {vertical-align: text-bottom;}
#hometopL {float: left; display: block; margin:0; padding:0; width: 180px; height: 200px; }
#hometopR {float: left; margin:0; padding:0; width: 400px; height: 200px; }
#tablebox {width: 570px; margin-left:20px; margin-right:10px;}


.inputbox {border: 1px solid #000; background-color: #FFFFCC; vertical-align: bottom;}
.menutxt {font-size: .9em; padding-left: 10px; line-height:150%;}
.categorytxt { padding-left: 10px; line-height:150%; font-weight:bold;}
.sm {font-size:.9em;}
.smalltxt {font-size: .75em; padding-left: 10px;}
.smallcenter {font-size: .75em; text-align:center;}
.bamboo {background-image: url(https://www.chinesepath.com/images/bamboo.jpg); background-repeat: no-repeat; center: top; }
.leftpad {padding-left: 15px; }
p.cent {text-align:center;}
div.col { width: 215px; float: left;}
div.cola { width: 315px; float: left; text-align:right; margin-right: 10px;}
div.colb { width: 310px; float: left; text-align:left; margin-left: 10px;}
div.clear {clear:both;}
.title {text-align:center; font-size:1.25em; padding-top:0.5em; font-family:Arial, Helvetica, sans-serif;}
.header{font-size:1.5em; padding-top:0.5em; color:#000; font-weight:bold;}
.headerRed{font-size:1.5em; padding-top:0.5em; color:#d10202; font-weight:bold;}
p.bottomnav {text-align:center; font-size:0.9em; color:#333333; width: 650px;}
p.copyright {text-align:center; font-size:0.75em; color:#999999; width: 650px;}
h2 {padding-left: 15px;}

/* links */
a:link {text-decoration: none; color:#333333;}
a:visited {text-decoration: none; color:#333333;}
a:hover {text-decoration:underline; color:#d10202;}

a.light:link {text-decoration: none; color:#999999;}
a.light:visited {text-decoration: none; color:#999999;}
a.light:hover {text-decoration:underline; color:#d10202;}
h1 {font-size:1.25em; font-weight:bold;}