html, body {width: 100%; height: 100%; text-align: center; background: url('../gf/bg-body.gif') repeat; margin: 0; padding: 0; z-index: 0;}
h1, h2, h3, a, p, span, div, input, select, textarea {font-size: 12px; font-family: "Times New Roman", Verdana, Sans-serif; color: #000;}
a:active, a:visited, a:link {text-decoration: none; outline: none; color: #900;}
a:hover {color: #333;}
a img {border: none;}

#mc {width: 100%; min-height: 512px; background: url('../gf/bg-grad-body.gif') repeat-x; margin: 0; padding: 0;}
#sc {width: 896px; margin: 0 auto; text-align: left; padding: 0 18px 0 17px; background: url('../gf/sc-bg.png') repeat-y left top;}
#top {width: 100%; height: 193px; background: #fff;}

#toplangs {color: #fff; width: 180px; position: absolute; margin-left: 736px; top: 12px; z-index: 81;}
#toplangs div {float: left; color: #fff; margin-right: 15px; margin-top: 10px;}

#top div.changepic {float: right; width: 95px; height: 95px; background-color: #fff; margin: 0; padding: 0; border-top: 1px solid #fff;}
#top div.border-right {border-left: 1px solid #fff;}
#top ul.pic {padding: 0; margin: 0; list-style-type: none; display: none; width: 95px; height: 95px; position: absolute;}
#top ul.pic li {padding: 0; list-style-type: none; width: 95px; height: 95px; position: absolute; top: 0; left: 0;}
#top ul.pic li img {width: 95px; height: 95px; border: none; margin: 0; padding: 0;}
#magic-top {position: absolute; top: 0; height: 193px; background: url('../gf/top-magic.png') no-repeat left top; z-index: 80; width: 896px;}

#menu-btn {width: 100%; height: 41px; background: #fff url('../gf/btn-bg.png') no-repeat left top; clear: both; z-index: 100;}
#menu-shadow {position: relative; top: 0px; height: 10px; background: url('../gf/shadow-bot.png') repeat-x left top; z-index: 100; width: 100%;}

#pcontent {width: 100%; clear: both;}

#pleft {float: left; width: 230px;}
#pleft div.left-title {width: 210px; padding: 3px 10px; background: #6c0000 url('../gf/sh-r.png') repeat-y right top; margin-top: 15px;}
#pleft div.left-title div.tit {font-family: "Century Gothic", Georgia, Verdana, Sans-serif; color: #fff; font-size: 11px; font-weight: bold; padding: 3px;}
#pleft div.left-info {width: 210px; color: #700; padding: 10px 10px; background: url('../gf/wtlbg.png') repeat-y right top; margin-top: -10px !important; margin-top: -13px;}
#pleft div.sh {position: relative; top: 0px; height: 10px; background: url('../gf/shadow-bot.png') repeat-x left top; z-index: 100; width: 100%;}

#pright	{float: left; width: 625px; background: url('../gf/bg-right.png') repeat-x left top; min-height: 400px; margin-top: -10px; padding: 20px;}
#pright h1 {font-size: 12px; font-weight: bold; padding-top: 0; margin-top: 0;  padding-bottom: 4px; color: #262525;}
#space-bot {width: 100%; height: 5px; clear: both; margin-bottom: 5px;}

#bot-bg {width: 931px; height: 80px; text-align: right; white-space: nowrap; background: url('../gf/bot-bg.png') no-repeat right top; margin: 0 auto; position: relative; top: -16px !important; top: -13px;}
div.fc {color: #111; margin-left: 380px; padding-top: 0px; font-size: 11px; position: absolute; z-index: 100; width: 450px; text-align:center;}
div.fc a:active, div.fc a:visited, div.fc a:link {color: #444; text-decoration: none; font-size: 10px;}
div.fc a:hover {color: #fff;}

div.space {width: 100%; clear: both; height: 1px; font-size: 0;}
div.spaceB {width: 100%; clear: both; height: 15px; font-size: 0;}
div.spacehr {width: 100%; clear: both; height: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; font-size: 0;}

a.rmore:active, a.rmore:visited, a.rmore:link {float: right; margin-right: 10px; color: #900;}
a.rmore:hover {color: #333;}

a.newslink:active, a.newslink:visited, a.newslink:link {color: #700; font-weight: bold;}
a.newslink:hover {color: #333;}

span.newsdate {color: #333; font-size: 10px;}


#pright input {width: 180px; border: 1px solid #aaa;  background: url('../gf/inp-bg.png') no-repeat left top; padding-left: 2px;}
#pright textarea {width: 350px; height: 140px; border: 1px solid #aaa;  background: url('../gf/inp-bg.png') no-repeat left top; padding-left: 2px; margin-top: 5px;}
#pright #formdiv {margin-top: 20px;}
#pright div.form-names {width: 120px; float: left;}
#pright div.inp-names {width: 300px; float: left;}
#pright div.form-btn input {clear: both; margin-left: 120px; width: auto; padding: 1px 5px; background: #fff url('../gf/inp-btn.png') repeat-x left center; color: #fff; 
	border-bottom: 1px solid #888; border-right: 1px solid #888; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}

input.redSubmit {clear: both; width: auto; padding: 1px 5px; background: #fff url('../gf/inp-btn.png') repeat-x left center; color: #fff; 
	border-bottom: 1px solid #888; border-right: 1px solid #888; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
input.bgginp {border: 1px solid #aaa;  background: url('../gf/inp-bg.png') no-repeat left top; padding-left: 2px;}
textarea.bggtext {border: 1px solid #aaa;  background: url('../gf/inp-bg.png') no-repeat left top; padding-left: 2px; margin-top: 5px;}



div.gallerybox {border-bottom: 1px dotted #ddd;}
div.galpic {background: url('../gf/gal-box.png') no-repeat left top; width: 150px; height: 150px; float: left; margin-left: 20px !important; margin-left: 14px; }
div.galpic img {margin-left: 27px; margin-top: 24px;}
a.gallerylink:active, a.gallerylink:visited, a.gallerylink:link {color: #700; font-weight: bold;}
a.gallerylink:hover {color: #333;}




img.pic-left {border: 1px solid rgb(221, 221, 221); padding: 1px; margin-right: 15px; float: left;}
img.pic-right {border: 1px solid rgb(221, 221, 221); padding: 1px; margin-left: 15px; float: right;}
div.spacer-html {width: 100%; height: 10px; clear: both; font-size: 0;}