body
{
	font-size:12px;color:#333333;font-family:verdana,arial,helvetica,sanserife;font-weight:normal;
	background:url(images/bg.gif) top left repeat-x;
	line-height:18px;
	height:101%;
}


div#bodyyy						{ margin:0;padding:0;background:transparent;width:100%;text-align:center; }
div#headBG						{ padding:0;background:#ffffff;width:870px;height:510px;position:relative;top:70px;margin:auto;background:url(images/bg_header.gif) top no-repeat; }
div#headIM						{ padding:0;background:#ffffff;width:820px;height:460px;position:relative;top:25px;margin:auto;background:url(images/head_image.jpg) top no-repeat; }
div#frame							{ padding:0;background:transparent;width:820px;text-align:center;margin:auto; }



table.ref							{ background:url(images/ref/$ref_image) top no-repeat #ff00ff; font-size:11px; }





div#navig							{ background:transparent;width:860px;text-align:center;position:relative;top:70px;margin:auto; }

div#content						{ padding:0;background:transparent;width:780px;text-align:center;position:relative;top:20px;margin-left:20px;margin-right:20px; }

/* div#texts							{ padding:10;background:url(images/bg_texts.png);text-align:left;width:600px;position:relative;top:150px;margin:auto;border-style:solid;border-width:1px;border-color:#eeeeee; } /* _height:250px; All browsers but IE will ignore the hacked property, and since IE effectively treats height as min-height, you’ll get the effect that you want in all browsers. */
div#texts							{ padding:10;text-align:left;width:630px;position:relative;top:120px;margin:auto;border-style:solid;border-width:1px;border-color:#eeeeee; } /* _height:250px; All browsers but IE will ignore the hacked property, and since IE effectively treats height as min-height, you’ll get the effect that you want in all browsers. */

div#logo							{ position:relative;top:-12px;left:10px;margin:auto;width:100px;float:right;padding:10px; }




img										{ border:0; }

.top_navi							{ font-size:12px;color:#555555;font-family:verdana,arial,helvetica,sanserife;font-weight:normal; }
a											{ color:#555555;text-decoration:none; }
a:active							{ color:#FF8A02;text-decoration:none; }
a:hover								{ color:#999999;text-decoration:none; }

a.navi_on							{ color:#FF8A02;text-decoration:none; }
a:active							{ color:#FF8A02;text-decoration:none; }
a:hover								{ color:#999999;text-decoration:none; }


h1										{ font-size:16px; font-weight:bold; }
h2										{ font-size:15px; font-weight:bold; }
h3										{ font-size:13px; font-weight:bold; }
h4										{ font-size:9px; font-weight:bold; }

td										{ font-size:12px; color:#333333;line-height:18px; }

.framed								{ border-style:solid;border-color:#aaaaaa;border-width:1px; }
table.prevnext				{ background:#aaaaaa;padding:3px;width:574px; }
td.prevnext						{ font-weight:bold;color:#ffffff; }
a.prevnext						{ color:#ffffff;font-weight:normal;font-size:12px; }

.small								{ font-size:10px;line-height:12px; }
.navtext 							{ text-align:left;color:333333;font-size:12px;width:400px;border-width:1px;border-style:solid;border-color:#aaaaaa;background-color:#ffffff;layer-background-color:#ffffff; }

#transparen 					{ background:transparent; }