@charset "utf-8";
/* CSS Document */

html, body, div, p, a, h1, h2, h3, h4, ul, ol, li, form, input, textarea, label, table, span, img { margin: 0; padding: 0; }
body { font: 13px Tahoma, sans-serif; background: #a6a29a url(_template_files/mainbg.gif) left top repeat-x; color: #000; text-align: center; margin-bottom: 10px; }

img { border: none; }
a { cursor: pointer; color: #000; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2 { color: #a15523; letter-spacing: 1px; }
h1 { font-size: 16px; }
h2 { font-size: 14px; font-weight: bold; }
.floatfix { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

div#container { width: 790px; margin: auto; background-color: #e6e1da; }
div#header { position: relative; width: 780px; height: 123px; margin: auto; }
div#header div#logo { position: absolute; width: 127px; height: 119px; top: -2px; left: 8px; }
/*div#header div#logotext { position: absolute; width: 333px; height: 82px; top: 0px; left: 230px; }*/
div#topmenu { height: 31px; background: url(_template_files/ulbg.gif) left top no-repeat; width: 780px; margin: auto; }

div#content { padding: 0; width: 790px; overflow: auto; background: #e6e1da url(_template_files/contentbg.gif) left top repeat-y; margin-top: 15px; }
div#c-left { width: 155px; text-align: left; padding: 15px 0 15px 5px; }

/* leftmenu */
div#c-left ul { width: 155px; overflow: hidden; list-style: none; text-indent: 0; }
div#c-left ul li { background-color: #ad9761; margin: 0 10px 10px; height: 22px; }

div#c-left ul li a { display: block; text-decoration: none; font-weight: bold; height: 19px; padding: 3px 0 0 5px; }
* html div#c-left ul li a { display: inline-block; text-decoration: none; font-weight: bold; height: 19px;  padding: 3px 0 0 5px; }

div#c-left ul li a:hover { background-color: #c2b181; padding: 3px 0 0 15px; }
* html div#c-left ul li a:hover { background-color: #c2b181; padding: 3px 0 0 15px; }

div#c-left ul li:hover  { margin: 0 0 10px 0; }
/* leftmenu */

div#c-middle { width: 475px; text-align: left; }
div#c-middle a { color: #a15523; }
div#c-middle ul, div#c-middle ol { list-style-type: square; list-style-position: outside; text-indent: 0; list-style-image: none; padding-left: 25px; }
div#c-middle ol { list-style-type: decimal; }
div#c-middle ul li, div#c-middle ol li { padding-bottom: 3px; }
div#wrap-c-middle { padding: 15px; }
div#c-right { width: 140px; padding: 15px 5px; }

div#footer { height: 21px; background: url(_template_files/footerbg.gif) left top no-repeat; padding-top: 8px; font-size: 11px; width: 780px; margin: auto; }
div#footer a { /*color: #e5ddba;*/ }
div#text { font-size: 10px; background-color: #a6a29a; padding-top: 15px; }

/* topmenu */
div#topmenu ul { height: 31px; width: 730px; margin: auto; overflow: hidden; list-style: none; text-indent: 0; font-weight: bold; }
div#topmenu ul li { float: left; height: 26px; position: relative; margin-top: 5px; margin-right: 15px; }

div#topmenu ul li a { display: block; height: 21px; text-decoration: none; padding: 5px 10px 0; }
* html div#topmenu ul li a { display: inline-block; height: 21px; text-decoration: none; padding: 5px 10px 0; }

div#topmenu ul li a:hover { /*background-color: #e6e1da;*/ background: url(_template_files/ul-hoverbg.gif) left top repeat-x; }
* html div#topmenu ul li a:hover { /*background-color: #c8d4c7;*/ background: url(_template_files/ul-hoverbg.gif) left top repeat-x; }

.leftcorner { position: absolute; left: 0; top: 0; width: 6px; height: 6px; overflow: hidden; background: url(_template_files/ul-hover-left.gif) left top no-repeat; display: none; }
.rightcorner { position: absolute; right: 0; top: 0; width: 6px; height: 6px; overflow: hidden; background: url(_template_files/ul-hover-right.gif) left top no-repeat; display: none; }

div#topmenu ul li:hover .leftcorner { display: block; }
div#topmenu ul li:hover .rightcorner { display: block; }
/* topmenu */

div.opin { background-color: #dad2b0; border: 1px solid #d0c298; color: #7f6134; font-size: 11px; padding: 5px; width: 135px; overflow: hidden; margin: auto; }
div.opin p { margin-bottom: 8px; font-weight: bold; background-color: #cfc196; font-size: 12px; text-align: center; letter-spacing: 1px; padding: 3px 0; color: #a15523; }
div#ide { background-color: #dad2b0; border: 1px solid #d0c298; font-size: 11px; padding: 5px; width: 135px; overflow: hidden; margin: auto; }
div#ide p { margin-bottom: 8px; font-weight: bold; background-color: #cfc196; font-size: 12px; text-align: center; letter-spacing: 1px; padding: 3px 0; color: #5d460f; }
.ft { font-size: 14px; font-weight: bold; }
.red { color: #a15523; }
.box { padding: 8px; border: 2px solid #a15523; background-color: #ded9d3; }
.px10 { font-size: 10px;}
.px13 { font-size: 13px;}
.px14 { font-size: 14px;}
.px15 { font-size: 15px;}
.px16 { font-size: 16px;}
.strong { font-weight: bold; }

span.help { background-color: #a15523; color: #fff; width: 10px; padding: 1px 4px; cursor: pointer; font-weight: bold; margin-left: 10px; }
span.help:hover { background-color: #663616; }

div#c-middle ul.lt li, div#c-middle ol.lt li { padding-bottom: 15px; }

.divide { border-top: 1px solid #a15523; }