/* Pagelayout Text&Talk  */
body,td,th {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}

* {
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
}
html {
      overflow: -moz-scrollbars-vertical;
}	
body {
	 background: #FFFFFF; 
}
.active {
	color: #595959;
}

#wrapper {
/*	min-height: 100%;
	height: 100%;
*/	height: auto !important;
	width: 990px;
	margin: 0 auto;
	background: #FFFFFF url(/layout/bgr.jpg) repeat-y;
}
#wrapper #top {
	height: 80px;
	width: 990px;
	background: url(layout/top.jpg);
}
#wrapper #header {
	background: url(layout/header.jpg);
	height: 18px;
	width: 990px;
}
#wrapper #left {
	background: url(layout/navbgr.jpg) no-repeat left bottom;
	width: 165px;
	min-height: 600px;
/*	height: 600px;
	height: 100%;
*/	float: left;
}
#wrapper #left .navi a {
	height: 28px;
	width: 135px;
	background: url(layout/butbgr.jpg);
	font: lighter 18px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-left: 30px;
	padding-top: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
}

#wrapper #left .navi a:hover {
	color: #FFFFFF;
	background: url(layout/butover.jpg);
}
#wrapper #left .navi  a.active{
	color: #FFFFFF;
	background: url(layout/butactive.jpg);
}

#wrapper #left .subnavi a {
	height: 28px;
	width: 120px;
	background: url(layout/butbgr.jpg);
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-left: 45px;
	padding-top: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
}

#wrapper #left .subnavi a:hover {
	color: #FFFFFF;
	background: url(layout/butover.jpg);
}
#wrapper #left .subnavi  a.active{
	color: #FFFFFF;
	background: url(layout/butactive.jpg);
}



#wrapper #content {
/*	height: 550px;
*/	
	min-height:550px;
	background: url(layout/cntbgr.jpg) repeat-y;
	padding: 30px 50px 20px 40px;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	float: left;
	clear: none;
	width: 735px;
}


/* #wrapper #content  */
h1 {
	font-size: 24px;
	color: #333333;
}
h2 {
	font-size: 16px;
	color: #333333;
}


/* #wrapper #content */

a {
	color: #000000;
	text-decoration: underline;
}
/* #wrapper #content */
ul {
	margin-left: 20px;
}


#wrapper #footer {
	background: url(layout/footer.jpg);
	height: 34px;
	width: 960px;
	font: bolder 12px Arial, Helvetica, sans-serif;
	color: #eeeeee;
	text-align: right;
	padding-right: 30px;
	clear: both;
}
#wrapper #footer a {
	color: #eeeeee;
	text-decoration: none;
}
#wrapper #footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
blockquote {
	padding-left: 40px;
}
#wrapper #content .image {
	float: right;
	width: 200px;
	padding-left: 40px;
	height: 400px;
}

a:link, a:visited {
	position:relative;
}


a:link span, a:visited span {
	display:none;
}

a:hover span {
	position:absolute;
	top:-90px;
	left:150px;
	display:block;
	z-index:1;
	padding:3px;
	background-color:#eeeeee;
/*	width:120px;
	border:1px solid #000;
*/	text-decoration: none;
}