/*------------------------------------------- common ------------------------------------------------*/

* { margin: 0px; padding: 0px; }

html, body { width: 1000px; height: 100%; padding: 0; margin: 0; }

a { outline: none; -moz-outline: 0; border: none; border-width: 0px; }
a:active { outline: none; -moz-outline: 0; }
a:focus { outline: none; -moz-outline: 0; }

img { border: none; border-width: 0px; }

.clear { clear: both; font-size: 4pt; line-height: 4px; }

.main { width: 1000px; min-width: 1000px; min-height: 100%; position: relative; margin: 0px auto; background-color: #fff; }
*html .main { height: 100%; }

*html .main
{
	width:expression( (document.compatMode == 'CSS1Compat') ?
		(document.documentElement.clientWidth < 1000 ? "1000px" : "auto") :
		(document.body.clientWidth < 1000 ? "1000px" : "auto"));
}



/*------------------------------------------- wrap ------------------------------------------------*/

/* ----- wrap ----- */
.wrap { width: 100%; position: relative; background: url("images/wrap-bg.gif") left top repeat-x; }
.wrap { font-family: tahoma; font-size: 8pt; color: #616161; }
.wrap a { color: #616161; text-decoration: underline; }
.wrap a:hover { text-decoration: none; }
.wrap p { margin: 0 0 10px 0; }
.wrap .c-foot { height: 5px; clear: both; line-height: 4px; font-size: 4pt; }

.wrap h1, h2, h3, h4, h5, h6 { font-size: 14pt; font-weight: normal; color: #616161; line-height: 18px; margin: 0 0 20px 0; }


/* ----- center column ----- */
.for-center { float: left; width: 100%; }
.c-center { margin: 0 280px 0 0px; position: relative; }


/* ----- header ----- */
.c-center .header { width: 100%; height: 250px; position: relative; }

/* ----- orange-box ----- */
.c-center .header .orange-box { width: 493px; height: 248px; right: 0px; top: 0px; position: absolute; }

/* ----- background ----- */
.c-center .header .orange-box .background { width: 493px; height: 248px; left: 0px; top: 0px; position: absolute; }
.c-center .header .orange-box .background img { float: left; }

/* ----- about ----- */
.c-center .header .orange-box .about { right: 0px; top: 7px; position: absolute; }
.c-center .header .orange-box .about a { padding-left: 15px; background: url("images/arrow2.gif") 0 6px no-repeat; color: #4398e2; margin: 0 5px 0 25px; float: left; }
.c-center .header .orange-box .about img { float: left; }

/* ----- search ----- */
.c-center .header .orange-box .search { width: 290px; height: 20px; left: 145px; top: 73px; position: absolute; color: #64c61d; }
.c-center .header .orange-box .search strong { float: left; margin-top: 1px; }
.c-center .header .orange-box .search .field { width: 105px; height: 14px; padding: 0 5px; border: 1px solid #49a701; background-color: #fff; margin: 0 5px; float: left; font-family: tahoma; font-size: 8pt; color: #444; }
.c-center .header .orange-box .search .find-btn { float: left; }

/* ----- status ----- */
.c-center .header .orange-box .status { left: 20px; top: 200px; position: absolute; width: 195px; height: 40px; color: #3a8504; }
.c-center .header .orange-box .status .field { width: 95px; height: 14px; padding: 0 5px; border: 1px solid #ff9a00; background-color: #fff; margin: 3px 5px 0 0; float: left; font-family: tahoma; font-size: 8pt; color: #444; }
.c-center .header .orange-box .status .check-btn { float: left; margin-top: 3px; }

/* ----- hmenu ----- */
.c-center .header .orange-box .hmenu { right: 9px; top: 150px; position: absolute; text-transform: uppercase; font-size: 9pt; font-weight: bold; color: #fff; }
.c-center .header .orange-box .hmenu a { margin: 0 11px; color: #fff; text-decoration: none; }
.c-center .header .orange-box .hmenu a:hover { text-decoration: underline; }

/* ----- smenu ----- */
.c-center .header .orange-box .smenu { left: 220px; top: 190px; position: absolute; }
.c-center .header .orange-box .smenu a { padding-left: 13px; background: url("images/arrow-lf.gif") 0 6px no-repeat; margin-left: 10px; }
.c-center .header .orange-box .smenu a.orange { padding-left: 10px; background: url("images/arrow-dn.gif") 0 3px no-repeat; text-decoration: none; color: #fb7b0e; }
.c-center .header .orange-box .smenu a.orange:hover { text-decoration: underline; }


/* ----- icons ----- */
.c-center .header .icons { width: 68px; height: 10px; padding: 17px 0 0 10px; left: 110px; top: 0px; position: absolute; background: url("images/icons-bg.gif") no-repeat; }
.c-center .header .icons img { margin: 0 8px; float: left; }

/* ----- logo ----- */
.c-center .header .logo { left: 28px; top: 42px; position: absolute; }

/* ----- text ----- */
.c-center .header .text { left: 28px; top: 142px; position: absolute; font-size: 11pt; font-weight: bold; color: #ff5000; text-transform: uppercase; }
.c-center .header .text span { color: #7c7c7c; }



/* ----- bcrumbs ----- */
.c-center .bcrumbs { padding-left: 28px; }
.c-center .bcrumbs { padding-top: 19px; padding-bottom: 13px;}
.c-center .bcrumbs a { color: #8b8b8b; }
.c-center .bcrumbs span { color: #ff7200; }
.c-center .bcrumbs img { margin: 0 5px; }


/* ----- title ----- */
.title-text { position: relative; height: 35px; background: url("images/tit-bg.gif") left bottom repeat-x; float: right; font-family: tahoma; font-size: 14pt; color: #3894e4; padding: 0 10px; min-width: 70px; text-align: center; }
.title-text .pic-left { left: 0px; bottom: 0px; position: absolute; }
.title-text .pic-right { right: 0px; bottom: 0px; position: absolute; }
.title-text .pic-center { left: 50%; bottom: 0px; position: absolute; margin-left: -23px; }

*html .title-text .pic-left { left: 0px; bottom: -1px; position: absolute; }
*html .title-text .pic-right { right: -1px; bottom: -1px; position: absolute; }
*html .title-text .pic-center { left: 50%; bottom: -1px; position: absolute; margin-left: -23px; }

.title-text1 { position: relative; height: 35px; background: url("images/tit-bg.gif") left bottom repeat-x; float: right; font-family: tahoma; font-size: 14pt; color: #6ad41b; padding: 0 10px; min-width: 70px; text-align: center; }
.title-text1 .pic-left { left: 0px; bottom: 0px; position: absolute; }
.title-text1 .pic-right { right: 0px; bottom: 0px; position: absolute; }
.title-text1 .pic-center { left: 50%; bottom: 0px; position: absolute; margin-left: -23px; }

*html .title-text1 .pic-left { left: 0px; bottom: -1px; position: absolute; }
*html .title-text1 .pic-right { right: -1px; bottom: -1px; position: absolute; }
*html .title-text1 .pic-center { left: 50%; bottom: -1px; position: absolute; margin-left: -23px; }
/*------------------------------------------- content ------------------------------------------------*/

.content { padding: 18px 0 0 30px; position: relative; background: url("images/angle.gif") right bottom no-repeat #f5f5f5; }
*html .content { border: 1px solid #f5f5f5; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } /* ----- don't delete ----- */

/* ----- text-boc ----- */
.content .text-box { padding: 0 30px 20px 0; text-align: justify; line-height: 15px; }



/*------------------------------------------- footer ------------------------------------------------*/

.sub_footer, .footer { width: 100%; height: 60px; clear: both; margin: 0px auto; min-width: 1000px; }
.footer { position: relative; margin-top: -60px; background-color: #fff; background: url("images/foot-bg.gif") left bottom no-repeat; }

*html .footer
{
	width:expression( (document.compatMode == 'CSS1Compat') ?
		(document.documentElement.clientWidth < 1000 ? "1000px" : "auto") :
		(document.body.clientWidth < 1000 ? "1000px" : "auto"));
}

.footer { font-family: tahoma; font-size: 8pt; color: #616161; line-height: 12px; }
.footer a { color: #616161; text-decoration: underline; font-weight: bold; }
.footer a:hover { text-decoration: none; }


/* ----- rigths ----- */
.footer .rights { left: 32px; top: 30px; position: absolute; }

/* ----- counters ----- */
.footer .counters { right: 30px; bottom: 22px; position: absolute; }
.footer .counters img { float: left; margin-left: 10px; }

/* ----- gray-box ----- */
.footer .gray-box { width: 245px; height: 235px; background: url("images/gray-box.gif") left top no-repeat #f5f5f5; right: 0px; bottom: 0px; position: absolute; }

