HTML {background: #fff;}
BODY {margin: 0 auto; padding: 1px 0; background: #5CA7A5; color: #586065; font: normal 12px sans-serif; width: 770px; line-height: 2.6ex;}

#ALL {background: #fff; margin: 8px; border: 8px solid #84BEBC;}

#TOP, #MID, #BOT {width: 738px; padding: 0; margin: 0 auto; position: relative;}

#TOP {}
#MID {}
#BOT {background: #5CA7A5; color: #fff; height: 54px;}

#menu {background: #013096; padding: 10px 29px; height: 189px; width: 140px; position: absolute; top: 0; right: 0;}
#menu A {font: bold 9px sans-serif; color: #fff; background: transparent url("/img/sq.gif") no-repeat 8px 8px; padding: 6px 0 6px 40px; margin: 0; border-bottom: 1px solid #395DAD; display: block; text-decoration: none;}
#menu A:hover {text-decoration: underline;}
#menu A.crr {background-image: url('/img/sq_crr.gif');}

.huecc {width: 509px; padding: 5px; margin: 5px 0 5px 206px; color: #01B4E8; font: bold 13px sans-serif;}
.bcc {width: 509px; background: #EDF2F5; padding: 5px; margin: 5px 0 5px 206px;}
/*.bcc_wide {width: 700px; margin: 5px 5px 5px 11px; clear: both;}*/
.cc {border: 1px solid #DADFE2; padding: 6px; line-height: 3ex;}
.cc P, .huecc P	{margin: 0 0 2ex 0;}

H3				{float: left; clear: left; margin: 0 11px; display: inline; padding: 0 0 1ex 0; font: bold 18px sans-serif;}
.news			{float: left; clear: left; width: 185px; margin: 0 11px; display: inline; line-height: 1.8ex;}
.annotation		{float: left; clear: left; width: 175px; margin: 11px 11px 11px 0; display: inline; border-left: 8px solid #84BEBC; color: #01B4E8; padding-left: 10px; font: bold 13px sans-serif; text-align: left;}

.mbb1, .mbb2 	{border-top: 1px solid #84BEBC; text-align: center; margin: 0; padding: 2ex 0; line-height: 2.6ex; clear: both;}
.mbb2			{background: #CEE5E4; color: #32928F;}
.mbb2 STRONG	{color: #000;}

.news2 H4		{padding-bottom: 2ex; margin-bottom: 2ex; border-bottom: 1px solid #DADFE2;}
.news2 H4 A:hover {color: #01B4E8; font-weight: bold;}

.smenu			{margin: 0 0 -1px 209px; padding: 0;}
.smenu A		{background: #F7F9FB url("/img/sbg.gif") repeat-x 0 100%; padding: 5px 10px; color: #999; font: bold 100% sans-serif; text-decoration: none;}
.smenu A.crr	{background: #EDF2F5 none; color: #333;}

IMG	{border: none; vertical-align: bottom; text-align: center;}
P	{margin: 0; padding: 0; text-align: justify;}

FORM		{margin: 0; padding: 0;}
FIELDSET	{border: 1px solid #DADFE2; line-height: 3.2ex; margin: 1ex; padding: 1ex 2ex;}
LEGEND		{font: bold 100% sans-serif; padding: 1ex 1ex; color: #586065;}
LABEL		{width: 25%; padding: 0;}
INPUT		{width: 60%; font: normal 12px sans-serif; position: absolute; left: 25%; vertical-align: middle; padding: 0 1px; border: 1px solid #DADFE2;}
INPUT.c		{width: auto; position: static; margin: 0 1ex; border: none;}
INPUT.w		{position: static; width: 90%;}
BUTTON		{margin: 2ex auto; border: none; background: transparent; display: block; cursor: pointer;}

H2	{margin: 1ex 3ex 2ex; font: normal 100% fantasy; padding: 0.6ex 0; border-bottom: 1px dashed #B1B1AB; position: relative;}
H3	{clear: both;}
H4	{margin: 0; padding: 0; font: bold 100% sans-serif;}

TABLE 		{margin: 0 1ex;}
TABLE TD	{vertical-align: top; padding: 1ex 1ex;}

DL		{margin: 2ex 3ex; position: relative;}
.faq DT {background: transparent url('/img/q.gif') no-repeat 0 0; margin: 3ex 0 2ex 0; padding: 0 30px 0;}
.faq DD {background: transparent url('/img/a.gif') no-repeat 0 0; margin: 2ex 0 0 0; padding: 0 30px 2ex; border-bottom: 1px dotted #B1B1AB;}

A		{color: #3A62AA;}
A:hover	{color: #FE6600;}

HR	{height: 2ex; margin: 0; padding: 0; visibility: hidden; clear: both;}

.red		{color: #ff6d11;}
.date		{color: #01B4E8; font-weight: bold;}

.right_img {float: right; clear: right; margin: 12px 14px;}
.l_image {float: left; clear: left;}

#BOT P {position: absolute; margin: 0;}
#bot_m {top: 2.6ex; left: 20px;}
#bot_c {top: 1.4ex; right: 26px;}
#BOT A {margin: 0 8px; color: #ffffff; text-decoration: none;}
#BOT A.crr	{color: #ffefbf; font-weight: bold; text-decoration: underline;}
#BOT A:hover	{text-decoration: underline;}