* { border: 0; margin: 0; padding: 0; }
html { height: 100%; }
body { background: #fff; color: #000; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px; height: 100%; text-align: center; }
img { border: 0; margin: 0; }

div#master { position: relative; width: 100%; }
div#masterpage { background: #999; margin: 20px auto 0 auto; overflow: hidden; position: relative; text-align: left; width: 760px; }

div#masterhead { background: transparent url(../img/master/div,masterhead.png) no-repeat 0 0; height: 130px; margin: 0; position: relative; width: 100%; }
div#masterhead img.logo { left: 10px; position: absolute; top: 10px; }
div#masterhead ul.link { float: left; line-height: 20px; list-style-type: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; }
div#masterhead ul.link li { float: left; list-style-type: none; margin: 0 10px 0 0; padding: 0; }
div#masterhead ul.link li a { background-position: 100% 0; background-repeat: no-repeat; color: #369; float: left; font-size: 11px; padding: 0 30px 0 0; text-decoration: none; }
div#masterhead ul.link li a:hover { background-position: 100% -40px; color: #036; }
div#masterhead ul.link li a.facebook { background-image: url(../img/master/div,masterhead-a,facebook.png); }

div#masterhead ul.menu { background: transparent url(../img/master/div,masterhead-ul,menu.png) no-repeat 0 0; float: left; font-weight: bold; height: 60px; left: 200px; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 40px; width: 550px; }
div#masterhead ul.menu li { background: none; border-right: 2px solid #fff; float: left; font-size: 14px; font-weight: bold; line-height: 56px; list-style-type: none; margin: 0; padding: 2px 0; }
div#masterhead ul.menu li a { background: #b3d94d; color: #000; float: left; padding: 0 7px; text-align: center; text-decoration: none; }
div#masterhead ul.menu li a:hover{ background: #9c0; }
div#masterhead ul.menu li.here a, div#masterhead ul.menu li.here a:hover { background: #5ca300; color: #fff; }



div#masterbody { background: transparent url(../img/master/div,masterbody.png) no-repeat 0 100%; overflow: hidden; padding: 0 0 10px 0; position: relative; width: 760px; }

div#masterfoot { background: #fff; color: #999; font-size: 12px; overflow: hidden; padding: 0 0 20px 0; width: 100%; } 
div#masterfoot ul.menu { float: left; list-style-type: none; margin: 30px 0 0 0; overflow: hidden; padding: 0; }
div#masterfoot ul.menu li { float: left; list-style-type: none; margin: 0; padding: 0; }
div#masterfoot ul.menu li a { border-right: 1px solid #ccc; color: #000; float: left; padding: 0 5px; text-decoration: none; }
div#masterfoot ul.menu li:first-child a { border-left: 1px solid #ccc; }
div#masterfoot ul.menu li a:hover, div#master-foot ul.menu li.here a { color: #999; }

div#masterfoot p { color: #999; float: right; margin: 20px 0 0 0; overflow: hidden; text-align: right; }

div.jbox { position: relative; width: 100%; }
div.jbox0 { background-repeat: no-repeat; background-position: 0 0; height: 20px; left: 0; position: absolute; top: 0; width: 100%; }
div.jbox50 { background-repeat: repeat-y; background-position: 0 0; height: 100%; left: 0; position: absolute; top: 20px; width: 100%; }
div.jbox100 { background-repeat: no-repeat; background-position: 0 100%; bottom: 0; height: 20px; left: 0; position: absolute; width: 100%; }

div#master div#masterbody div#pages { background: #fff; margin: 0 10px; padding: 0 20px; }
div#master div#masterbody div.page0 { background: transparent url(../img/master/div,page0.png) no-repeat 0 0; height: 20px; margin: 0 10px; overflow: hidden; width: 740px; }
div#master div#masterbody div.page100 { background: transparent url(../img/master/div,page100.png) no-repeat 0 0; height: 20px; margin: 0 10px; overflow: hidden; width: 740px; }
div#master div#masterbody div#pages div.panes h1 { margin-top: 0; padding-top: 0; }


