body { margin: 0; padding: 0; background-color: #4F7EC9; font: 8pt Tahoma, Arial, Helvetica; }

#body { margin: 0 auto; width: 770px; }

#header { float: left; width: 770px; height: 300px; }

#contents { float: left; width: 770px; min-height: 400px; }

#contents #leftcol { float: left; width: 502px; }
#contents #leftcol .paneltop { float: left; margin: 12px 12px 0 0; width: 490px; height: 35px; background: url(images/pantitlecenter.gif) repeat-x; }
#contents #leftcol .paneltop .left { float: left; padding: 6px 0 0 36px; height: 35px; font-size: 10.5pt; font-weight: bold; color: #2c5eae; background: url(images/pantitleleft.gif) no-repeat; }
#contents #leftcol .paneltop .left a { text-decoration: none; color: #2c5eae; }
#contents #leftcol .paneltop .left a:hover { text-decoration: underline; color: #2c5eae; }
#contents #leftcol .paneltop .right { float: right; width: 12px; height: 35px; background: url(images/pantitleright.gif) no-repeat; }
#contents #leftcol .panel { float: left; margin: 0 12px 8px 0; padding: 10px; width: 470px; min-height: 150px; background-color: #e3eeff; }
#contents #leftcol .panel p { margin: 0 0 2px 0; padding: 0; line-height: 12px; text-indent: 10px; text-align: justify; }
#contents #leftcol .panel img { float: right; margin: 0 0 5px 10px; border: none; }
#contents #leftcol .panel h1 { font-size: 14px; font-weight: bold; text-align: center; }
#contents #leftcol .panel h2 { margin: 8px 0; padding: 0; font-size: 12px; font-weight: bold; text-align: center; }
#contents #leftcol .panel table { border-collapse: collapse; border-spacing: 0; }
#contents #leftcol .panel table td { width: 25%; padding: 0 10px 12px 0; text-align: center; }
#contents #leftcol .panel table td img { float: none; clear: both; }
#contents #leftcol .panel table td p { clear: both; display: block; text-align: center; }
#contents #leftcol .panel2 { float: left; margin: 0 12px 8px 0; padding: 10px; width: 470px; min-height: 150px; background-color: #e3eeff; }
#contents #leftcol .panel2 p { margin: 0 0 2px 0; padding: 0; line-height: 12px; text-indent: 10px; text-align: justify;  }
#contents #leftcol .panel2 img { float: left; margin: 0 0 5px 10px; border: none; }

#contents #rightcol { position: absolute; top: 0; left: 0; width: 256px; }
#contents #rightcol .paneltop { float: left; margin: 12px 0 0 0; width: 256px; height: 35px; background: url(images/pantitlecenter.gif) repeat-x; }
#contents #rightcol .paneltop .left { float: left; padding: 6px 0 0 36px; height: 35px; font-size: 10.5pt; font-weight: bold; color: #2c5eae; background: url(images/pantitleleft.gif) no-repeat; }
#contents #rightcol .paneltop .left a { text-decoration: none; color: #2c5eae; }
#contents #rightcol .paneltop .left a:hover { text-decoration: underline; color: #2c5eae; }
#contents #rightcol .paneltop .right { float: right; width: 12px; height: 35px; background: url(images/pantitleright.gif) no-repeat; }
#contents #rightcol .panel { float: left; margin: 0 12px 12px 0; padding: 10px; width: 236px; min-height: 150px; background-color: #e3eeff; }
#contents #rightcol .panel p { margin: 0 0 2px 0; padding: 0; line-height: 12px; text-indent: 10px; text-align: justify; }

#contents #rightcol ul { list-style-image: url(images/arr.gif); }
#contents #rightcol li a { line-height: 20px; color: #fff; font-weight: bold; text-decoration: none; }
#contents #rightcol li a:hover { line-height: 20px; text-decoration: underline; }
#contents #rightcol p a { text-decoration: none; }
#contents #rightcol p a:hover { text-decoration: underline; }

#footer { float: left; width: 770px; height: 50px; }
#footer p { text-align: center; color: #fff; }