body { color: #ffffff; background-color: #333333}
a:link { color: #8491ff; /*background-color: #000000*/}
a:visited { color: #00ffff; /*background-color: #000000*/}
a:active { color: #ffffff; /*background-color: #000000*/}

.bg{
	/*overflow: auto;*/
	/*padding:24px;*/
	/*width: 100%;*/
	/*color: #ffffff;*/
	text-align:left;
}
#base {
	background-color: #333333;
	padding-left:24px;
	padding-right:24px;
}
#navi1{
	color:#ffffff;
	background-color:#003333;
}
#top{
	background-color: #333333;
	padding-left:24px;
	padding-right:24px;
	/*padding-bottom:6px;*/
}
#main{
	/* width: 80%; */
	color:#ffffff;
	background-color: #000000;
	padding-top:8px;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:8px;
}
#bottom{
	background-color: #333333;
	padding-top:6px;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:6px;
}
#navi2{
	color:#ffffff;
	background-color: #003333;
	padding-left:1em;
	padding-right:1em;
	text-align:right;
}

.title{
	text-align:center;
	vertical-align:middle;
	font-size:large;
	font-weight: bold
}

.center {text-align:center;}
.right {text-align:right;}

.smaller {font-size:smaller}
.red {color:#ff0000;}
.lemon {color:#ffff99;}
.black {color:#ffffff;}

.img {vertical-align:middle; /*float:none;*/}
.img-padding {padding:5px;}