﻿@charset "utf-8";
/* CSS Document */

body	{
	margin-top: 10px;
	font-family: verdana;
	font-size: 11px;
	color: white;
	background: #333333 url(../images/page-bg.jpg) repeat-x fixed;
}

#top	{
	width: 820px;
	height: 180px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
}

#kiotiTop{
	width: 820px;
	height: 156px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;	
}

#container	{
	background: url(../images/container-bg.png) repeat-y; /* NO BG COLOR, OR ELSE PNG WON'T BE TRANSPARENT */
	width: 820px;
	height: 100%;
	margin: 0 auto;
	margin-bottom: 0px;
	padding:0;
}
#container-closer	{
	background: url(../images/container-closer.png) no-repeat;  /* NO BG COLOR, OR ELSE PNG WON'T BE TRANSPARENT */
	width: 820px;
	height: 29px;
	margin: 0 auto;
}

#main-div	{
	margin: 0 auto;
	margin-bottom: 0px;
	width: 793px;
	/* ======================= */
		height: 100%;		/* 500px */
	/* ======================= */
	background-color: #5b5d58;
	border: 1px solid #3c3c3c;
	border-width: 0px 1px 0px 1px;
}
#main-div-padding	{
	margin: 0 auto;
	width: 788px;
	/* background-color: red; */
}






#left-col	{
	width: 172px;
	height: 100%;
	background-color: #5b5d58;
	float: left;
}


#center-col	{
	width: 444px; /* 444px, 440px */
	height: 100%;
	/* background-color: red; */
	float: left;
	padding-top: 3px;
}
#center-col-wide	{
	width: 590px;
	height: 100%;
	float: left; /* margin: 0 auto; */
	padding-top: 3px;
	padding-left: 4px;
}


#right-col	{
	width: 172px;
	height: 100%;
	background-color: #5b5d58;
	float: right;
}



#bottom-nav	{
	background: url(../images/bottom-nav.png) no-repeat;
/* NO BG COLOR, OR ELSE PNG WON'T BE TRANSPARENT */	width: 780px;
	height: 50px;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	clear: both;
}
#bottom-nav-links	{
	width: 778px;
	height: 30px;
	padding-top: 26px;
	text-align: center;
}



.left-right-col-text	{
	width: 154px;
	margin: 0 auto;
}



.center-div-box	{
	margin: 0 auto;
	width: 98%;
	height: 100%;
	/* background-color: #bbc1b1; */
	background: #bbc1b1 url(../images/center-div-box-bg.jpg) repeat-x top;
	color: black;
	border: 1px solid #454545;
}


.divboxtop	{
	margin: 0 auto;
	width: 172px;
	height: 38px;
	color: #fffefe;
	font-size: 11px;
	text-align: center;
	background: #333333 url(../images/divboxtop.jpg) no-repeat;
}
.divboxcontent	{
	margin: 0 auto;
	padding-top: 3px;
	width: 172px;
	height: 100%;
	color: #fffefe;
	background: #333333 url(../images/divboxcontent-bg.jpg) repeat-y;
}
.divboxcontent-padding	{
	margin: 0 auto;
	width: 136px;
	/* background-color: purple; */
}
.divboxbottom	{
	margin: 0 auto;
	width: 172px;
	height: 19px;
	background: #333333 url(../images/divboxbottom.jpg) no-repeat;
}


.div-for-padding	{
	width: 96%;
	margin: 8px auto;
}
.div-for-height-adjust	{
	clear: both;
	height: 4px;
	width: 100%;
}



.center-image	{
	margin: 0 auto;
	text-align: center;
}



/* =============================================================================== */

a:link	{ text-decoration: none; color: white; }
a:visited	{ text-decoration: none; color: white; }
a:hover	{ text-decoration: underline; }
/* a img	{ text-decoration: none; border: 1px solid #3c3c3c; } */


h1	{
	color: white;
	font-size: 11px;
}
.search-text	{
	color: white;
	font-size: 11px;
	text-align: left;
}

h2	{
	color: white;
	font-size: 15px;
}
h3	{
	color: white;
	font-size: 12px;
}
h4	{
	color: white;
	font-size: 11px;
}
h5	{
	color: white;
	font-size: 9px;
	margin-bottom: 0px;
}

h4.title { text-align: center; }

img { border: none; }





#center-col ul	{
	margin-top: 0px;
	margin-bottom: 0px;
}
#center-col ul li	{
	list-style-type: none;
	margin-left: -30px;
}

#center-col ol	{
	margin-top: 0px;
	margin-bottom: 0px;
}
#center-col ol li	{
	margin-left: -7px;
}




.center-div-box a	{
	color: black;
	text-decoration: none;
}
.center-div-box a:hover	{
	color: black;
	text-decoration: underline;
}
.center-div-box a:visited	{
	color: black;
	text-decoration: none;
}

/* =============================================================================== */




.news-headline	{
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
}
.news-date	{
	color: gray;
	font-size: 9px;
}
.news-content	{
	font-size: 9px;
	margin-top: 0px;
	color: silver;
}

#news-div p	{
	margin-top: 0px;
	color: silver;
	font-size: 9px;
}


.preloadpic {display:none;}



.mfg-name	{
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
}




#block-content img {
	border: 1px solid #333333;
	float: right;
	margin: 6px;
}


#copyright	{
	width: 800px; margin: 0 auto; text-align: center;
}